@charset "UTF-8";
/* CSS Document */
/*工具箱 操作按钮 样式文件*/
/*中间提示信息*/
.text-tip{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-375px;
	margin-top:-200px;
	width:750px;
	height:400px;
	text-align:center;
	z-index:1;
}
.text-tip p{
	font-size:18px;
	color:#989898;
	margin-top:20px;
	margin-left:40px;
}
.text-tip a{color:#1bc4c0;}
.text-tip a:hover{color:#20dbd6;}

/*工具箱*/
.tool-container{
	position:fixed;
	top:20px;
	left:20px;
	color:#fff;
	z-index: 1000;
}
.tool-box{
	position:relative;
	width:115px;
	min-height:500px;
	height:auto;
	border-radius:6px;
	background:#384556;
	z-index:5000;
}
.tool-box-title{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:15px;
	border-bottom:1px solid #475466;
	font-weight:normal;
}
.narrow-ico{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:23px;
	height:25px;
	background:url(../../images/narrow-ico.png) no-repeat;
	cursor:pointer;
}
.narrow-ico:hover,.open-ico:hover{
	opacity:.8;
}
.open-ico{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:44px;
	height:44px;
	background:url(../../images/operate-button.png) no-repeat;
	background-position:-176px 0;
	cursor:pointer;
	z-index:10;
}
.tool-box a{color:#fff;}
.tool-box-body{
	padding:5px 0 20px 0;
}
.tool-box-body li a{
	position:relative;
	display:block;
	width:100%;
    padding:5px 0 3px 0;
	text-align:center;
	margin-top:5px;
	font-size:14px;
}
.tool-box-body li a:hover,.tool-box-body li a.on{color:#34dfda;}
.tool-box-body li p{
	margin:0;
	padding:0;
	height:22px;
	line-height:22px;
}
.tool-img{
	width:35px;
	height:35px;
	background:url(../../images/tool-list-ico.png) no-repeat;
	margin:0 auto;
}
.tool-box-body li a .tool-class-img1{background-position:0 0;}
.tool-box-body li a .tool-class-img2{background-position:-35px 0;}
.tool-box-body li a .tool-class-img3{background-position:-70px 0;}
.tool-box-body li a .tool-class-img4{background-position:-105px 0;}
.tool-box-body li a .tool-class-img5{background-position:-140px 0;}
.tool-box-body li a:hover .tool-class-img1,.tool-box-body li a.on .tool-class-img1{background-position:0 -35px;}
.tool-box-body li a:hover .tool-class-img2,.tool-box-body li a.on .tool-class-img2{background-position:-35px -35px;}
.tool-box-body li a:hover .tool-class-img3,.tool-box-body li a.on .tool-class-img3{background-position:-70px -35px;}
.tool-box-body li a:hover .tool-class-img4,.tool-box-body li a.on .tool-class-img4{background-position:-105px -35px;}
.tool-box-body li a:hover .tool-class-img5,.tool-box-body li a.on .tool-class-img5{background-position:-140px -35px;}
.tool-box-body li a .r-arrow{
	position:absolute;
	right:-4px;
	top:24px;
	display:none;
	width:0;
    height:0;
    border-top:8px solid transparent;
    border-left:10px solid #38e0dc;
    border-bottom:8px solid transparent;
	z-index:20;
}
.tool-box-body li a:hover .r-arrow{
	display:block;
}
/*滚动条整体样式 高宽分别对应横竖滚动条的尺寸*/
.innerbox::-webkit-scrollbar{width: 8px;height: 4px;}
/*滚动条里面小方块*/
.innerbox::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: rgba(255,255,255,0.2);}
/*滚动条里面轨道*/
.innerbox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.5);border-radius: 0;background: rgba(255,255,255,0.5);}
/*工具箱二级弹出*/
.tool-sub-pop{
	position:absolute;
	left:110px;
	top:41px;
	width:220px;
	height:459px;
	border-radius:0 4px 4px 0;
	background:url(../../images/tool-sub-bg.png) repeat-y left;
	z-index:4999;
	overflow-y: auto;
}
.tool-sub-list{
	padding-top:5px;
}
.tool-sub-list li{
	height:55px;
	margin:5px 10px 2px 15px;
	border-radius:3px;
	background:rgba(255,255,255,.13);
	cursor:move;
}
.tool-sub-list li:hover{
	background:rgba(255,255,255,.25);
}
.t-l-img{
	float:left;
	margin:8px 10px auto 8px;
}
.t-r-text{
	float:left;
}
.t-r-text h3{
	font-weight:normal;
	font-size:13px;
	margin-top:10px;
	line-height:18px;
}
.t-r-text p{
	font-size:12px;
	color:rgba(255,255,255,.5);
}

/*按钮操作栏*/
.button-bar{
	position:fixed;
	top:20px;
	right:20px;
	z-index:1000;
}
.oper-btn{
	border:0;
	outline:none;
	width:44px;
	height:44px;
	margin-right: 5px;
	background:url(../../images/operate-button.png) no-repeat;
	cursor:pointer;
}
.oper-btn:hover{opacity:.8;}
.prev-btn{background-position:0 0;}
.next-btn{background-position:-44px 0;}
.set-btn{background-position:-88px 0;}
.save-btn{background-position:-132px 0;}
.view-btn{background:url(../../images/view.png) no-repeat;}

.panel{
	position: relative;
}
.inner-tool {
    height: 28px;
    /*margin-top: -14px;*/
    position: absolute;
    right: 0;
    text-align: center;
    top: 15px;
    /*visibility: hidden;*/
    width: 100%;
    z-index: 1;
}
.navtabs{height:32px;line-height:32px;background:#f4f4f4;border-bottom: 1px solid #ddd;}
.navtabs a{display:inline-block;padding:0 20px;color:#333;}
.navtabs a.active{border-bottom:2px solid #4b92c7;height:30px;line-height:30px;}
.tabsbody{padding:30px 0;}
.form-label{display:inline-block;text-align:right;color:#888;}
.form-control{display: block;width: 100%;height: 30px;padding: 6px 10px;font-size: 12px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ddd;border-radius: 2px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.form-cont{display:inline-block;vertical-align:middle;}
.form-group{margin-bottom:20px;}
.form-inline .form-group{display:inline-block;margin-right:12px;}
.checkbox-inline,.radio-inline{position: relative;display: inline-block;padding-left: 20px;margin-bottom: 0;font-weight: 400;vertical-align: middle;cursor: pointer;}
input[type=checkbox],input[type=radio]{margin: 2px 0 0;margin-top: 1px\9;line-height: normal;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{position: absolute;margin-top: 2px\9;margin-left: -20px;}
.offset-left{ padding-left:102px;}
.input-lang{width:280px;}
.input-langer{width:380px;}
.input-100{width:100px;}
.input-200{width:200px;}
.input-300{width:300px;}
.input-500{width:500px;}
.label-width{width:100px !important;}
.label-width2{width:140px !important;}

.cred {
    color: #fc4b52;
}
.oper-del-col{
	border:0;
	outline:none;
	width:32px;
	height:32px;
	margin-right: 5px;
	background:url(../../images/custom/del_row.png) no-repeat;
	cursor:pointer;
}
.oper-del-plugin{
	border:0;
	outline:none;
	width:32px;
	height:32px;
	margin-right: 5px;
	background:url(../../images/custom/del_plugin.png) no-repeat;
	cursor:pointer;
}
.oper-style-set{
	border:0;
	outline:none;
	width:32px;
	height:32px;
	margin-right: 5px;
	background:url(../../images/custom/style_set.png) no-repeat;
	cursor:pointer;
}
.oper-content-set{
	border:0;
	outline:none;
	width:32px;
	height:32px;
	margin-right: 5px;
	background:url(../../images/custom/content_set.png) no-repeat;
	cursor:pointer;
}
.col-list1,.col-list2,.col-list3,.col-list4,.col-list5,.col-list6,.col-list7,.col-list8,.col-list9,.col-list10,.col-list11,.col-list12{
	/*background-color: #F2F6F7;*/
	/*border:1px solid #DFE8EA;*/
	/* min-height:50px;*/
}

.container-border{border:1px solid #DFE8EA;}
.row-border{border:1px solid #DFE8EA;}
.col-border{border:1px solid #DFE8EA;}
.panel-border{border:1px solid #DFE8EA;}

/*容器设置按钮 样式*/
.container-move-icon{
	display: none; position: absolute;width: 32px;height: 32px;cursor: move;
	border: 1px solid rgba(27,183,127,.5);
	border-radius: 2px;
	background: url('../../images/custom/move.png') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;}
.container-setting-banner{
	height: 28px;
	margin-top: 0px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	/* visibility: hidden; */
	/*width: 100%;*/
	width: auto;
	z-index: 1;
}
.container-setting-banner .delete-icon{float: right;margin-left: 5px;margin-top: 4px; width: 24px;height: 24px;background: url('../../images/custom/del_container.png') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;}
.container-setting-banner .config-icon{float: right;margin-left: 5px;margin-top: 4px; width: 24px;height: 24px;background: url('../../images/custom/config.png') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;}
.container-setting-banner .move-icon{cursor: move; float: right;margin-left: 5px;margin-top: 3px;width: 24px;height: 24px;background: url('../../images/custom/move.png') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;}
.container-setting-banner .master-icon-on{float: right;margin-left: 5px;margin-top: 6px; width: 20px;height: 20px;background: url('../../images/custom/master_on.png') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;}
.container-setting-banner .master-icon{float: right;margin-left: 5px;margin-top: 6px; width: 20px;height: 20px;background: url('../../images/custom/master.png') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;}
.container-master-area{border: 1px solid #00E6DE;}


.page-tips{margin-top:30px;}
.tips-box{padding:20px;border-left:3px solid #f5c28a;background:#fcf8e2;}
.tip-error{color:#fc4b52;}
.tip-success{border-left:3px solid #5cb85c;background:#f7f9e2;color:#5cb85c;}
.line-margin{border-bottom: 1px solid #eee;margin-bottom:30px;}
.top-tip{position:absolute;top:60px;left:50%;margin-left:-380px;width:980px;height:45px;line-height:45px;background:rgba(250,238,222,.7);color:#f89136;font-size:14px;text-align:center;}
.top-tip p{display:inline-block;}
.success-ico{display:inline-block;width:16px;height:16px;background: url(../../images/ed.png) no-repeat;margin-right:5px;position:relative;top:2px;}

.scrollbar-container {
	position: relative; -ms-overflow-y: hidden; max-height: 400px;
}

.page-make-tooltip{
	position:absolute;
	border:1px solid #eeeeee;
	background:#eeeeee;
	padding:1px 1px 1px 1px;
	display:none;
}