.login-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background-color:#fff;overflow:hidden;background-image:url(/img/logo3.png);background-position:100% 100%;background-repeat:no-repeat;background-size:100% 100%}.login-weaper{margin:0 auto;width:100%}.login-left,.login-border{position:relative;min-height:500px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.login-left{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;float:left;width:50%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.login-left .img{width:200px}.login-time{position:absolute;left:25px;top:25px;width:100%;color:#fff;font-weight:200;opacity:0.9;font-size:18px;overflow:hidden;font-weight:bold}.login-left .title{margin-top:60px;text-align:center;color:#fff;font-weight:300;letter-spacing:2px;font-size:28px;font-weight:bold}.login-border{border-left:none;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#fff;width:50%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-top{position:absolute;left:0%;top:0%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;margin-bottom:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.login-top-icon{width:30px;height:20px;background-image:url(/img/icon.png);background-position:100% 100%;background-repeat:no-repeat;background-size:100% 100%}.login-top-name{font-size:18px;margin-left:5px}.login-main{margin:0 auto;padding:30px 50px;width:40%;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,0.8);border:1px solid #FFFFFF;border-radius:12px}.login-main>h3{margin-bottom:20px}.main-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px}.main-top-login{padding:0px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:2px solid #D8D8D8}.main-top-icon{margin:0px 10px;width:48px;height:32px;background-image:url(/img/icon.png);background-position:100% 100%;background-repeat:no-repeat;background-size:100% 100%}.login-title{color:#000;margin-bottom:50px;font-weight:bold;font-size:28px;text-align:center;letter-spacing:4px}.login-menu{margin-top:40px;width:100%;text-align:center}.login-menu a{color:#999;font-size:12px;margin:0px 8px}.login-submit{width:100%;height:45px;font-size:18px;letter-spacing:2px;font-weight:300;cursor:pointer;font-family:"neo";-webkit-transition:0.25s;transition:0.25s}.login-form{margin:10px 0}.login-form i{color:#333}.login-form .el-form-item__content{width:100%}.login-form .el-form-item{margin-bottom:12px}.login-form .el-input input{padding:20px 0 20px 40px;text-indent:5px;border-radius:0}.login-form .el-input .el-input__suffix,.login-form .el-input .el-input__prefix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.login-form .el-input .el-input__prefix{margin-left:8px}.login-code{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin:0 0 0 10px}.login-code-img{margin-top:2px;width:100px;height:38px;background-color:#fdfdfd;border:1px solid #f0f0f0;color:#333;font-size:14px;font-weight:bold;letter-spacing:5px;line-height:38px;text-indent:5px;text-align:center}.login-name{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:35px;font-weight:600;height:20%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.login-register{color:#999;cursor:pointer;font-size:16px;height:25px;line-height:25px;margin-top:35px;text-align:center;width:100%}.login-download{width:70%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-btn{cursor:pointer;font-size:18px;border-radius:20px;background-color:#909399;width:30%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}


.msg-text {
  display: block;
  width: 60px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.msg-text.display {
  color: #ccc;
}


.animate__fadeInLeft a[data-v-0afb9874] {
  color: #64a1d6;
  text-decoration: none;
}


.register-container[data-v-34701b51] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F9FAFC;
}
.register-top[data-v-34701b51] {
  width: 100%;
  height: 55px;
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 0px -1px 0px 0px #EEEEEE;
          box-shadow: inset 0px -1px 0px 0px #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.register-top-icon[data-v-34701b51] {
  width: 30px;
  height: 20px;
  background-image: url(/img/icon.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.register-top-name[data-v-34701b51] {
  font-size: 18px;
  margin-left: 10px;
}
.register-form[data-v-34701b51] {
  margin-top: 40px;
  border: 1px solid #ccc;
  width: 70%;
  height: 80%;
  border-radius: 1.5rem;
}
.register-title[data-v-34701b51] {
  width: 100%;
  height: 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 30px;
  font-weight: 400;
}
.register-steps[data-v-34701b51] {
  width: 100%;
  height: 92%;
}
.register-company[data-v-34701b51] {
  margin-top: 2%;
  width: 100%;
  height: 90%;
}
.register-footer[data-v-34701b51] {
  width: 100%;
  height: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-code[data-v-34701b51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 0 0 10px;
}
.login-code-img[data-v-34701b51] {
  margin-top: 2px;
  width: 100px;
  height: 38px;
  background-color: #fdfdfd;
  border: 1px solid #f0f0f0;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 38px;
  text-indent: 5px;
  text-align: center;
}
.span-tips[data-v-34701b51] {
  font-size: 12px;
  color: #909399;
  margin-left: 5px;
}
.el-row[data-v-34701b51] {
  padding: 0px 30px 0px 0px;
}
.fileList[data-v-34701b51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fileList[data-v-34701b51]:hover {
  background-color: #F5F7FA;
}

@-webkit-keyframes error404animation-data-v-0ba4aad0{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(-60deg);transform:rotateZ(-60deg)}40%{-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg)}60%{-webkit-transform:rotateZ(50deg);transform:rotateZ(50deg)}80%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}@keyframes error404animation-data-v-0ba4aad0{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(-60deg);transform:rotateZ(-60deg)}40%{-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg)}60%{-webkit-transform:rotateZ(50deg);transform:rotateZ(50deg)}80%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}.error404-body-con[data-v-0ba4aad0]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.error404-body-con-title[data-v-0ba4aad0]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error404-body-con-title span[data-v-0ba4aad0]{display:inline-block;color:#19be6b;font-size:230px;-webkit-animation:error404animation-data-v-0ba4aad0 3s ease 0s infinite alternate;animation:error404animation-data-v-0ba4aad0 3s ease 0s infinite alternate}.error404-body-con-message[data-v-0ba4aad0]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:12px;color:#dddde2}.error404-btn-con[data-v-0ba4aad0]{text-align:center;padding:20px 0;margin-bottom:40px}

@-webkit-keyframes error403animation-data-v-3cea60b0{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}40%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}45%{-webkit-transform:rotateZ(-15deg);transform:rotateZ(-15deg)}50%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}55%{-webkit-transform:rotateZ(-15deg);transform:rotateZ(-15deg)}60%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}@keyframes error403animation-data-v-3cea60b0{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}40%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}45%{-webkit-transform:rotateZ(-15deg);transform:rotateZ(-15deg)}50%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}55%{-webkit-transform:rotateZ(-15deg);transform:rotateZ(-15deg)}60%{-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg)}100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}.error403-body-con[data-v-3cea60b0]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.error403-body-con-title[data-v-3cea60b0]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error403-body-con-title .error403-0-span[data-v-3cea60b0]{display:inline-block;position:relative;width:170px;height:170px;border-radius:50%;border:20px solid #ed3f14;color:#ed3f14;margin-right:10px}.error403-body-con-title .error403-0-span i[data-v-3cea60b0]{display:inline-block;font-size:120px !important;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.error403-body-con-title .error403-key-span[data-v-3cea60b0]{display:inline-block;position:relative;width:100px;height:190px;border-radius:50%;margin-right:10px}.error403-body-con-title .error403-key-span i[data-v-3cea60b0]{display:inline-block;font-size:190px !important;position:absolute;left:20px;-webkit-transform:translate(-50%, -60%);transform:translate(-50%, -60%);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:error403animation-data-v-3cea60b0 2.8s ease 0s infinite;animation:error403animation-data-v-3cea60b0 2.8s ease 0s infinite}.error403-body-con-message[data-v-3cea60b0]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:4px;color:#dddde2}.error403-btn-con[data-v-3cea60b0]{text-align:center;padding:20px 0;margin-bottom:40px}

@-webkit-keyframes error500animation-data-v-d6e7563e{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg)}40%{-webkit-transform:rotateZ(5deg);transform:rotateZ(5deg)}60%{-webkit-transform:rotateZ(-5deg);transform:rotateZ(-5deg)}80%{-webkit-transform:rotateZ(10deg);transform:rotateZ(10deg)}100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}@keyframes error500animation-data-v-d6e7563e{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(-10deg);transform:rotateZ(-10deg)}40%{-webkit-transform:rotateZ(5deg);transform:rotateZ(5deg)}60%{-webkit-transform:rotateZ(-5deg);transform:rotateZ(-5deg)}80%{-webkit-transform:rotateZ(10deg);transform:rotateZ(10deg)}100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}.error500-body-con[data-v-d6e7563e]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.error500-body-con-title[data-v-d6e7563e]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error500-body-con-title .error500-0-span[data-v-d6e7563e]{display:inline-block;position:relative;width:170px;height:170px;border-radius:50%;border:20px solid #ed3f14;color:#ed3f14;margin-right:10px}.error500-body-con-title .error500-0-span i[data-v-d6e7563e]{display:inline-block;font-size:120px !important;position:absolute;bottom:-43px;left:20px;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:error500animation-data-v-d6e7563e 3s ease 0s infinite alternate;animation:error500animation-data-v-d6e7563e 3s ease 0s infinite alternate}.error500-body-con-message[data-v-d6e7563e]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:4px;color:#dddde2}.error500-btn-con[data-v-d6e7563e]{text-align:center;padding:20px 0;margin-bottom:40px}

.iframe{width:100%;height:100%;border:0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}


.el-dialog.addFormComDialog{
		background: #211f1f;
		color: #fff;
}
.addFormComDialog .el-dialog__header{
		border-bottom: 1px solid #3a3a3a;
}
.addFormComDialog .el-dialog__body .el-form>.el-form-item:last-child{
		border-top: 1px solid #3a3a3a;
}
.addFormComDialog .el-dialog__title,
.addFormComDialog label.el-form-item__label,
.addFormComDialog .el-form-item__content{
		color: #fff;
}
.addFormComDialog .el-input__inner{
		background: transparent;
		color: #fff;
}
.addFormComDialog .el-button--primary{
		
    background-color: #23c312;
    border-color: #23c312;
}


.addFormComDialog{
		background: #211f1f;
		color: #fff;
}
.addFormComDialog .el-dialog__header{
		border-bottom: 1px solid #3a3a3a;
}
.addFormComDialog .el-dialog__body .el-form>.el-form-item:last-child{
		border-top: 1px solid #3a3a3a;
}
.addFormComDialog .el-dialog__title,
.addFormComDialog label.el-form-item__label,
.addFormComDialog .el-form-item__content{
		color: #fff;
}
.addFormComDialog .el-input__inner{
		background: transparent;
		color: #fff;
}
.addFormComDialog .el-button--primary{
		
    background-color: #23c312;
    border-color: #23c312;
}


.text-break[data-v-655048de]{
	overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.comClass[data-v-655048de]{
	font-size: 12px;
	text-align: center;
	color: #fff;
}
.img_lay[data-v-655048de]{
/*	width: 120px;*/
	height: 100px;
	margin:0 auto;
	background: #000;
	border:solid #eee 1px;
}
.form_item .img_lay[data-v-655048de]{
	height: 64px;
}
.comClass img[data-v-655048de]{
	width: 35px;
	height: 35px;
	display: block;
	margin:0 auto;
}
.comImg[data-v-655048de]{
	max-width: 100%;
	max-height: 100%;
	display: block;
	pointer-events: none;

	 -webkit-touch-callout: none;
   -moz-user-select: none; /*火狐*/
   -webkit-user-select: none;  /*webkit浏览器*/
   -ms-user-select: none;   /*IE10*/ /*早期浏览器*/
   user-select: none;
}
.drag[data-v-655048de]{
	pointer-events: none;
	display:block;
	width:50px;
	height:50px;
	border:solid #000 1px;
	position: fixed;
	z-index:9999;
	 -webkit-touch-callout: none;
   -moz-user-select: none; /*火狐*/
   -webkit-user-select: none;  /*webkit浏览器*/
   -ms-user-select: none;   /*IE10*/ /*早期浏览器*/
   user-select: none;
}
.components[data-v-655048de]{
	height: 200px;
	position: relative;
	background: #2e2e2e;
}
.components[data-v-655048de] .el-input__inner{
	background-color:transparent;
	color:#fff;
}
.components[data-v-655048de] .el-input.is-active .el-input__inner, 
.components[data-v-655048de] .el-input__inner:focus{
   border:solid #DCDFE6 1px;
}
.groupTitle .el-divider__text[data-v-655048de]{
	color: #fff;
}
.title[data-v-655048de]{
	font-size: 12px;
	color: #fff;
}
.el-icon-plus[data-v-655048de]{
	font-size: 30px;
	color: #23c312;
	line-height: 40px;
	cursor: pointer;
}
.formCom_op[data-v-655048de]{
	font-size: 14px;
	color: #23c312;
	cursor: pointer;
}
.form_item[data-v-655048de]{
	font-size: 13px;
	color: #23c312;
}
.form_item span[data-v-655048de]{
	color: #fff;
}
.form_item[data-v-655048de] .el-button--text, .el-button--text[data-v-655048de]:focus, .el-button--text[data-v-655048de]:hover{
	color: #23c312;
}




.groupTitle.el-divider{
	background-color: #666;
}
.componentsPopover{
	background: #2e2e2e !important;
}
.componentsPopover .el-divider__text{
	background: #4d4b4b;
}
/*
.componentsPopover.el-popper .popper__arrow::after {
    content: " ";
    border-width: 6px;
    border-bottom-color: red;
}*/
.componentsPopover.el-popper[x-placement^=left] .popper__arrow::after{
    border-left-color: #2e2e2e;
}
.componentsPopover.el-popper[x-placement^=right] .popper__arrow::after{
    border-right-color: #2e2e2e;
}
.componentsPopover.el-popper[x-placement^=bottom] .popper__arrow::after{
    border-bottom-color: #2e2e2e;
}
.componentsPopover.el-popper[x-placement^=top] .popper__arrow::after{
    border-top-color: #2e2e2e;
}


.screen[data-v-77d2d536]{
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

	cursor: pointer;
	position: absolute;
	


	-webkit-transition: transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
}





.hRuler[data-v-5b3fbc24]{
	position: absolute;
	left:0;
	top:-29px;
	width: 100%;
	height: 30px;
	background: #474747;
	overflow: hidden;
	border-bottom: solid #fff 1px;
}
.hHine[data-v-5b3fbc24]{
	position: absolute;
	width: 0;
	height: 6px;
	border-left: solid #fff 1px;
    pointer-events: none;
}
.hHine.curr.half[data-v-5b3fbc24]{
	height: 30px;
}
.hHine.half[data-v-5b3fbc24]{
	height: 15px;
}
.hHine span[data-v-5b3fbc24]{
	display: none
}
.hHine.curr.half span[data-v-5b3fbc24]{
	display: inline-block;
	font-size: 12px;
	color: #eee;
	position: absolute;
	left:0;
	top:0;

	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.vRuler[data-v-5b3fbc24]{
	position: absolute;
	left:-29px;
	top:0;
	width: 30px;
	height: 100%;
	background: #474747;
	border-right: solid #fff 1px;
}
.vHine[data-v-5b3fbc24]{
	position: absolute;
	width: 6px;
	height: 0;
	border-top: solid #fff 1px;
    pointer-events: none;
}
.vHine.curr.half[data-v-5b3fbc24]{
	width: 30px;
}
.vHine.half[data-v-5b3fbc24]{
	width: 15px;
}
.vHine span[data-v-5b3fbc24]{
	display: none;

	 -moz-user-select: none;
-webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.vHine.curr.half span[data-v-5b3fbc24]{
	display: inline-block;
	font-size: 12px;
	color: #eee;
	position: absolute;
	left:0;
	bottom:0;
}
.hDashedLine[data-v-5b3fbc24]{
	position: absolute;
	width: 0;
	height: 100%;
	padding-top:30px;
	border-left:dashed red 1px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	pointer-events: none;
}
.hDashedLine span[data-v-5b3fbc24]{
	color: #fff;
    position: absolute;
    left: 5px;
    top: 8px;
    font-size: 12px;
    background: #23c312;
    border-radius: 3px;

     -moz-user-select: none;
-webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.vDashedLine[data-v-5b3fbc24]{
	position: absolute;
	width: 100%;
	height: 0;
	padding-left:30px;
	border-top:dashed red 1px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	pointer-events: none;
}
.vDashedLine span[data-v-5b3fbc24]{
	color: #fff;
    position: absolute;
    left: 5px;
    bottom: 8px;
    font-size: 12px;
    background: #23c312;
    border-radius: 3px;

     -moz-user-select: none;
-webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.hguideLine[data-v-5b3fbc24]{
	position: absolute;
	width: 0;
	height: 100%;
	padding-top:30px;
	border-left:solid #4AFFFF 1px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}
.hguideLine[data-v-5b3fbc24]:hover{
	cursor: move;
}
.hguideLine span[data-v-5b3fbc24]{
	display: none;

	 -moz-user-select: none;
-webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.hguideLine:hover span[data-v-5b3fbc24]{
	display: inline-block;
	color: #000;
    position: absolute;
    left: 5px;
    top: 8px;
    font-size: 12px;
    background: #4AFFFF;
    border-radius: 3px;
}
.vguideLine[data-v-5b3fbc24]{
	position: absolute;
	width: 100%;
	height: 0;
	padding-left:30px;
	border-top:solid #4AFFFF 1px;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}
.vguideLine[data-v-5b3fbc24]:hover{
	cursor: move;
}
.vguideLine span[data-v-5b3fbc24]{
	display: none;

	 -moz-user-select: none;
-webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.vguideLine:hover span[data-v-5b3fbc24]{
	display: inline-block;
	color: #000;
    position: absolute;
    left: 5px;
    bottom: 8px;
    font-size: 12px;
    background: #4AFFFF;
    border-radius: 3px;
}





.menu_lay[data-v-011f6f7a]{
	position: fixed;
	left:0;
	top:0;
	width: 100px;
    background: #fff;
    line-height: 24px;
    font-size: 12px;
    -webkit-box-shadow: #eee 1px 1px 2px;
            box-shadow: #eee 1px 1px 2px;
}
.menu_lay ul[data-v-011f6f7a]{
	margin: 0;
	padding: 0
}
.menu_lay ul li[data-v-011f6f7a]{
	padding-left: 10px;
	cursor: pointer;
	list-style-type: none;
}
.menu_lay ul li[data-v-011f6f7a]:hover{
	background: #eee;
}
.m[data-v-011f6f7a]{
	position: relative;
}
.m:hover .page[data-v-011f6f7a]{
	display: block;
}
.page[data-v-011f6f7a]{
	display: none;
	width: 100px;
	background: #fff;
	position: absolute;
	left:100%;
	top:0;
}




.menu_lay[data-v-3715a5bc]{
	position: fixed;
	left:0;
	top:0;
	width: 100px;
    background: #c3c3c3;
    line-height: 24px;
    font-size: 12px;
    -webkit-box-shadow: #eee 1px 1px 2px;
            box-shadow: #eee 1px 1px 2px;
}
.menu_lay ul[data-v-3715a5bc]{
	margin: 0;
	padding: 0
}
.menu_lay ul li[data-v-3715a5bc]{
	padding-left: 10px;
	cursor: pointer;
	list-style-type: none;
}
.menu_lay ul li[data-v-3715a5bc]:hover{
	background: #666;
	color: #fff;
}


.menu_lay[data-v-87ae147e]{
	position: fixed;
	left:0;
	top:0;
	width: 100px;
    background: #c3c3c3;
    line-height: 24px;
    font-size: 12px;
    -webkit-box-shadow: #eee 1px 1px 2px;
            box-shadow: #eee 1px 1px 2px;
    -moz-user-select: none;
-webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.menu_lay ul[data-v-87ae147e]{
	margin: 0;
	padding: 0
}
.menu_lay ul li[data-v-87ae147e]{
	padding-left: 10px;
	cursor: pointer;
	list-style-type: none;
}
.menu_lay ul li[data-v-87ae147e]:hover{
	background: #666;
	color: #fff;
}





.tab_lay[data-v-390c762b]{
	height: 150px;
	background: #1D1E1F;
    border-top: solid #000 1px;
    position: relative;
}

/*.tab_lay:after{
	content: "拖放组件到该区域后，将自动渲染到tab标签容器中...";
	display: block;
	position: absolute;
    left: 50%;
    top: 46%;
    margin-left: -275px;
    font-size: 23px;
    color:#3a3a3a;


}*/
.title[data-v-390c762b]{
	padding: 3px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    background: #1D1E1F;
    position: absolute;
    left: 10px;
    top: -18px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: solid #000 1px;
    border-bottom: none;
}
.child_com[data-v-390c762b]{
	width: 150px;
	height: 130px;
	float: left;
	outline: dashed #fff 1px;
	position: relative;
}
.child_com>div[data-v-390c762b]{
	pointer-events: none;
}
.child_com.curr[data-v-390c762b]{
	outline: dashed #21a60e 1px;
}
.clear[data-v-390c762b]:after{
	content: "";
	display: block;
	clear: both;
}
.el-icon-close[data-v-390c762b]{
	position: absolute;
    right: -10px;
    top: -9px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.com[data-v-390c762b]{
	width: 300px;
	height: 260px;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	

	-webkit-transform: scale(0.5);
	 transform: scale(0.5);
}



.tab_lay[data-v-282d470f]{
	height: 150px;
	background: #1D1E1F;
    border-top: solid #000 1px;
    position: relative;
}

/*.tab_lay:after{
	content: "拖放组件到该区域后，将自动渲染到tab标签容器中...";
	display: block;
	position: absolute;
    left: 50%;
    top: 46%;
    margin-left: -275px;
    font-size: 23px;
    color:#3a3a3a;


}*/
.title[data-v-282d470f]{
	padding: 3px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    background: #1D1E1F;
    position: absolute;
    left: 10px;
    top: -18px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: solid #000 1px;
    border-bottom: none;
}
.child_com[data-v-282d470f]{
	width: 150px;
	height: 130px;
	float: left;
	outline: dashed #fff 1px;
	position: relative;
}
.child_com>div[data-v-282d470f]{
	pointer-events: none;
}
.child_com.curr[data-v-282d470f]{
	outline: dashed #21a60e 1px;
}
.clear[data-v-282d470f]:after{
	content: "";
	display: block;
	clear: both;
}
.el-icon-close[data-v-282d470f]{
	position: absolute;
    right: -10px;
    top: -9px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.com[data-v-282d470f]{
	width: 150px;
	height: 130px;
	/*-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	

	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	 transform: scale(0.5);*/
}
.componentName[data-v-282d470f]{
	font-size: 14px;
	color: #fff;
}



.menu_lay[data-v-04a10fe0]{
	position: fixed;
	left:0;
	top:0;
	width: 100px;
    background: #fff;
    line-height: 24px;
    font-size: 12px;
    -webkit-box-shadow: #eee 1px 1px 2px;
            box-shadow: #eee 1px 1px 2px;
}
.menu_lay ul[data-v-04a10fe0]{
	margin: 0;
	padding: 0
}
.menu_lay ul li[data-v-04a10fe0]{
	padding-left: 10px;
	cursor: pointer;
	list-style-type: none;
}
.menu_lay ul li[data-v-04a10fe0]:hover{
	background: #eee;
}
.m[data-v-04a10fe0]{
	position: relative;
}
.m:hover .page[data-v-04a10fe0]{
	display: block;
}
.page[data-v-04a10fe0]{
	display: none;
	width: 100px;
	background: #fff;
	position: absolute;
	left:100%;
	top:0;
}




.designArea[data-v-ce750516]{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.screen_lay[data-v-ce750516]{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUqLjNSXWS1zSUzAAAAD0lEQVQI12NgwADMYIQBAACrAAd4ROv5AAAAAElFTkSuQmCC);
  background-color: #2e2e2e
}
.cover[data-v-ce750516]{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: url(../img/preview.2b7c22c7.svg) repeat;
	pointer-events: none;
}
.dev[data-v-ce750516]{
	background: url(../img/preview.2b7c22c7.svg) repeat;
}
.scale_lay[data-v-ce750516]{
	position: absolute;
	width: 100px;
	top:20px;
	right:20px;
	 -webkit-touch-callout: none;
   -moz-user-select: none; /*火狐*/
   -webkit-user-select: none;  /*webkit浏览器*/
   -ms-user-select: none;   /*IE10*/ /*早期浏览器*/
   user-select: none;
}
.screen.transition[data-v-ce750516]{
	-webkit-transition: -webkit-transform 0.05s;
	transition: -webkit-transform 0.05s;
	transition: transform 0.05s;
	transition: transform 0.05s, -webkit-transform 0.05s;
  -moz-transition: transform 0.05s; /* Firefox 4 */
  -webkit-transition: transform 0.05s; /* Safari 和 Chrome */
  -o-transition: transform 0.05s; /*Opera */
}
.screen[data-v-ce750516]{
	background: #211F1F;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	/*overflow: hidden;*/
}
.com[data-v-ce750516]{
	position: absolute;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;
  outline: dashed #23c312 1px;
}
.com.noBorder[data-v-ce750516]{
  outline: dashed blue 0;
}
.com div[data-v-ce750516]{
	pointer-events: none;
	 -webkit-touch-callout: none;
   -moz-user-select: none; /*火狐*/
   -webkit-user-select: none;  /*webkit浏览器*/
   -ms-user-select: none;   /*IE10*/ /*早期浏览器*/
   user-select: none;
}
.com img[data-v-ce750516]{
	
	pointer-events: none;
	 -webkit-touch-callout: none;
   -moz-user-select: none; /*火狐*/
   -webkit-user-select: none;  /*webkit浏览器*/
   -ms-user-select: none;   /*IE10*/ /*早期浏览器*/
   user-select: none;

    transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); /* IE 9 */
  -moz-transform: translate3d(0, 0, 0); /* Firefox */
  -webkit-transform: translate3d(0, 0, 0); /* Safari 和 Chrome */
  -o-transform: translate3d(0, 0, 0); /* Opera */
}
.tip[data-v-ce750516] {
  position: absolute;
  left: 0;
  top: -20px;
  font-size: 12px;
  color: #fff;
  padding-left:3px;
  padding-right:3px;
}
.point[data-v-ce750516] {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #fff;
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); /* IE 9 */
  -moz-transform: translate3d(0, 0, 0); /* Firefox */
  -webkit-transform: translate3d(0, 0, 0); /* Safari 和 Chrome */
  -o-transform: translate3d(0, 0, 0); /* Opera */
  opacity: 0.5;
}
#point1[data-v-ce750516] {
  left: -5px;
  top: -5px;
  cursor: nw-resize;
}
#point2[data-v-ce750516] {
  left: 50%;
  margin-left: -5px;
  top: -5px;
  cursor: ns-resize;
}
#point3[data-v-ce750516] {
  right: -5px;
  margin-left: -5px;
  top: -5px;
  cursor: ne-resize;
}
#point4[data-v-ce750516] {
  right: -5px;
  margin-top: -5px;
  top: 50%;
  cursor: ew-resize;
}
#point5[data-v-ce750516] {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}
#point6[data-v-ce750516] {
  left: 50%;
  margin-left: -5px;
  bottom: -5px;
  cursor: ns-resize;
}
#point7[data-v-ce750516] {
  left: -5px;
  bottom: -5px;
  cursor: sw-resize;
}
#point8[data-v-ce750516] {
  left: -5px;
  margin-top: -5px;
  top: 50%;
  cursor: ew-resize;
}
.help[data-v-ce750516]{
    position: absolute; 
    bottom: 20px;
    right: 20px;
    color:#c6c6c6;
}


.scale_lay .el-input__inner{
		padding:0;
		text-align: center;
		 -webkit-touch-callout: none;
   -moz-user-select: none; /*火狐*/
   -webkit-user-select: none;  /*webkit浏览器*/
   -ms-user-select: none;   /*IE10*/ /*早期浏览器*/
   user-select: none;
}
.scale_lay .el-input-group__prepend,
	.scale_lay .el-input-group__append{
		padding-left: 10px;
		padding-right: 10px;
    background: #000;
}
.scale_lay .el-input.is-disabled .el-input__inner{
    background: #000;
}
.com div{
	pointer-events: none;
}
@keyframes flashFrame
{
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes flashFrame /*Safari and Chrome*/
{
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
.flashDom{ 
  animation:flashFrame 1s infinite;
  -webkit-animation:flashFrame 1s infinite; /*Safari and Chrome*/
}

/*组件内容中的滚动scroll-area不需要响应事件  以免无法选中组件*/
.screen_lay .com .wrapper div{
  pointer-events: none !important;
}




.wrapper[data-v-3e6df7cd]{
	  position:absolute; 
	  left:0;
	  top:0;
	  right:0;
	  bottom: 0;
} 



.wrapper .bscroll-indicator{
	border:none !important;
}


.SettingEditor_lay[data-v-56f3450c]{
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	/*outline: solid #eee 1px;*/
}



.tip[data-v-725957fb]{
	font-size: 12px;
	color:red;
}
iframe[data-v-725957fb]{
	background-color: #fff;
}


.fieldset legend[data-v-072a398a] {
    color: #3a56f5;
    font-size: 12px;
}
.comInfo_inputNumber[data-v-072a398a]{
	width: 100px;
}
.comInfo_inputNumber[data-v-072a398a] .el-input__inner{
	padding-left: 5px;
    padding-right: 36px;
}


.img_lay[data-v-558d0d7a]{
	width: 100px;
	height: 100px;
	border:dashed #3a56f5 1px;
	position: relative;
}
.img_lay .el-image[data-v-558d0d7a],
.img_lay img[data-v-558d0d7a]{
	width: 100%;
	height: 100%;
}
.img_lay .el-icon-circle-close[data-v-558d0d7a]{
	position: absolute;
    right: -8px;
    top: -8px;
    color: #3a56f5;
    font-size: 16px;
    cursor: pointer;
}
.separate[data-v-558d0d7a]{
	vertical-align: top;
    display: inline-block;
    height: 28px;
    line-height: 28px;
}


.formType_lay .el-upload{
	width: 100%;
	height: 50px;
}
	


.screenSetting_lay[data-v-42bcd18c]{
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #2b2d2f
}
.fieldset[data-v-42bcd18c]{
	border: solid #3a56f5 1px;
}
.fieldset legend[data-v-42bcd18c]{

	color:#3a56f5;
	font-size:12px;
}


.screenSetting_lay .fieldset{
		border: solid #505354 1px;
}
.screenSetting_lay .fieldset legend{
		color:#fff;
}
.screenSetting_lay .el-input__inner{
		background: transparent;
}
.screenSetting_lay .el-input.is-active .el-input__inner, 
	.screenSetting_lay .el-input__inner:focus,
	.screenSetting_lay .el-select .el-input.is-focus .el-input__inner{
		border-color: #23c312;
}
.screenSetting_lay .el-button--primary{
		
    background-color: #23c312;
    border-color: #23c312;
}
.screenSetting_lay .el-form-item__label{
		color:#c6c6c6;
		font-size: 12px;
}
.screenPlatSelect.el-select-dropdown{
		background-color: #2E2E2E;
		border: 1px solid #b0b0b0;
}
.screenPlatSelect .el-scrollbar__wrap{
		overflow: auto;
}
.screenPlatSelect.el-select-dropdown .el-select-dropdown__item.hover, 
	.screenPlatSelect.el-select-dropdown .el-select-dropdown__item:hover{
		background-color: #404040
}
.screenPlatSelect.el-select-dropdown .el-select-dropdown__item.selected{
		color: #23c312;
}
.screenPlatSelect.el-popper[x-placement^=top] .popper__arrow::after{
		    border-top-color: #b0b0b0;
		    bottom:0;
}
.screenPlatSelect.el-popper[x-placement^=bottom] .popper__arrow::after{
		    border-bottom-color: #b0b0b0;
		    top:0;
}
.screenPlatSelect .el-loading-spinner .path{
		stroke: #23c312;
}
.screenPlatSelect .el-select-group__title{
    	background: #23c312;
    	color: #fff;
}
.screenPlatSelect .el-select-group__wrap:not(:last-of-type)::after{
    	display: none;
}
.screenPlatSelect .el-select-group__wrap:not(:last-of-type){
    	padding-bottom: 0;
}
.screenPlatSelect  .el-select-dropdown__item{
    	color: #fff;
}
.screenSetting_lay .el-input__inner{
		color:#fff;
}
.screenSetting_lay .el-input-number__decrease, .screenSetting_lay .el-input-number__increase{
		color:#fff;
}
.screenSetting_lay .el-input-number__decrease.is-disabled, .screenSetting_lay .el-input-number__increase.is-disabled{
		color:#ccc;
}
.screenSetting_lay .el-upload{
	   width:100%;
	   height: 50px;
}
.screenSetting_lay .el-upload .el-upload-dragger{
		width:100%;
		height:100%;
		background: transparent;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
}
.screenSetting_lay .el-upload .el-upload-dragger span{
		color:#23c312;
}

	
	

.screenCom_lay[data-v-ee23be48]{
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #2b2d2f
}
.title[data-v-ee23be48]{
	font-size: 12px;
	color: #23c312;
	padding: 0 10px;
	line-height: 22px;
	border-bottom: solid #302f2f 1px;
}
.op[data-v-ee23be48]{
	float: right;
}
.op .b[data-v-ee23be48]{
	border:solid #666 1px;
}
.op i[data-v-ee23be48]{
	display: inline-block;
	width: 14px;
    height: 14px;
    text-align: center;
	cursor: pointer;
}
.conItem[data-v-ee23be48]{
	line-height: 22px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
.conItem[data-v-ee23be48]:hover,
.conItem.curr[data-v-ee23be48]{
	background-color: #1c1f20;
}
.conItem i[data-v-ee23be48]{
	color: #a3a1a1;
}
.conItem i.grey[data-v-ee23be48]{
	color: #424141
}
.conItem i.cl[data-v-ee23be48]{
	position: relative;
}
.conItem i.cl[data-v-ee23be48]:after{
	content: "\E6D8";
	position: absolute;
    left: 0;
    top:0;


    -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
.m[data-v-ee23be48]{
	cursor: pointer;
	line-height: 22px;
	padding: 0 5px;
}
.m ul[data-v-ee23be48]{
	margin: 0;
	padding:0;
	cursor: pointer;
	line-height: 22px;
}
.m ul li[data-v-ee23be48]{
	list-style-type: none;
	position: relative;
}
.m ul li ul[data-v-ee23be48]{
	display: none;
	position: absolute;
	width: 100px;
	left:100%;
	top:0;
		background-color: #666;
}
.m ul li:hover ul[data-v-ee23be48]{
	display: block;
}
.m li[data-v-ee23be48]:hover{
	background-color: #5c5a5a;
}
.m span[data-v-ee23be48]{
	color: #23c312
}


.moveCom_tooltip.el-tooltip__popper.is-dark{ 
		padding:3px 10px;
		font-size: 10px;
		border-radius: 10px;
		background: #666;
		color:#fff;
}
.moveCom_tooltip.el-tooltip__popper[x-placement^=top] .popper__arrow{
      border-top-color: #666;
}
.moveCom_tooltip.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
      border-top-color: #666;
}
.moveCom_tooltip.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{
    	    border-bottom-color: #666;
}


.screenPages_tab .el-tabs__item{
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	height: 20px;
	padding-left:5px !important;
	padding-right: 5px  !important;
	outline: none;
}
.screenPages_tab  .el-tabs__item.is-active{
	font-size: 12px;
	color: #23c312;
}
.screenPages_tab.el-tabs--card>.el-tabs__header .el-tabs__nav{
	border-radius: 0;
}
.screenPages_tab .el-tabs__nav-next, .screenPages_tab .el-tabs__nav-prev{
	line-height: 20px;
}
.screenPages_tab.el-tabs--card>.el-tabs__header{
	border-bottom:none;
}
.screenPages_tab.el-tabs--card>.el-tabs__header .el-tabs__item{
	border-bottom: 1px solid #fff;
}
.screenPages_tab .el-tabs__header{
	margin: 0;
}
.screenPages_tab .el-tabs__nav-wrap.is-scrollable{
	padding:0 15px;
}
.screenPages_tab .el-tabs__new-tab{
	margin: 0;
}




.tip[data-v-76d2be6d]{
	font-size: 12px;
	color:red;
}


.ConfigLoading[data-v-f19b31b6]{
		position: absolute;
		z-index: 2;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: rgba(0, 0, 0, 0.5);
}
.l[data-v-f19b31b6]{
		background: #000;
		    width: 240px;
		    border-radius: 5px;
		    color: #fff;
		    text-align: center;
		    padding: 10px;
		    -webkit-box-shadow: #6c6b6b 0px 0px 5px;
		            box-shadow: #6c6b6b 0px 0px 5px;
}
.tip[data-v-f19b31b6]{
   	font-size:12px;
   	color:#999;
}
.tip span[data-v-f19b31b6]{
   	color:#23c312;
   	cursor: pointer;
}
.t span[data-v-f19b31b6]{
   	color:#23c312;
}


.top[data-v-13bfee0a] {
		height: 60px;
		-webkit-box-shadow: 0px 0px 7px 0px rgba(142, 142, 142, 0.35);
		        box-shadow: 0px 0px 7px 0px rgba(142, 142, 142, 0.35);
		left: 0;
		top: 0;
		z-index: 9;
		width: 100%;
		background: #2e2e2e;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		border-bottom: solid #000 1px;
}
.title[data-v-13bfee0a] {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			padding-left: 10px;
}
.logo[data-v-13bfee0a] {
				width: 40px;
				height: 40px;
}
h2[data-v-13bfee0a] {
	padding-left: 11px;
	color: #3e3e3e;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
}
.handle[data-v-13bfee0a] {
			height: 100%;
			padding-right: 10px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
}
.handle .item[data-v-13bfee0a]{
			font-size: 12px;
			margin:10px;
			cursor: pointer;
			color: #fff;
}
.handle i[data-v-13bfee0a]{
			display: block;
			color:#fff;
			/*color: #3a52ff;*/
		    font-size: 20px;
}
.left[data-v-13bfee0a] {
			width: 180px;
			height: 100%;
			position: relative;
			background: #1D1E1F; 
			/*box-shadow: 0px 0px 7px 0px rgba(142, 142, 142, 0.35);*/

			-webkit-transition: width 0.3s; 
			transition: width 0.3s;

			border-right: solid #000 1px;
}
.left_lay[data-v-13bfee0a]{
			width: 180px;
			height: 100%;

			-webkit-transition: width 0.3s; 
			transition: width 0.3s;
}
.left_ico[data-v-13bfee0a]{
			    position: absolute;
			    z-index: 1;
			    right: -15px;
			    top: 10px;
			    width: 15px;
			    height: 18px;
			    background: #1d1e1f;
			    color: #fff;
			    font-size: 12px;
			    line-height: 19px;
			    cursor: pointer;
			    text-align: center;
}
.right[data-v-13bfee0a] {
			width: 310px;
			height: 100%;
			border-left: solid #000 1px;
			background: #1D1E1F; 
			position: relative;
			/*box-shadow: 0px 0px 7px 0px rgba(142, 142, 142, 0.35);*/


			-webkit-transition: width 0.3s; 
			transition: width 0.3s;
}
.right_ico[data-v-13bfee0a]{
			position: absolute;
		    left: -15px;
		    top: 10px;
		    width: 15px;
		    height: 18px;
		    background: #1d1e1f;
		    color: #fff;
		    font-size: 12px;
		    line-height: 19px;
		    cursor: pointer;
		    text-align: center;
}
.right_lay[data-v-13bfee0a]{
			width: 310px;
			height: 100%;
}



.SettingEditor_lay{
	background: #2b2d2f  !important;
}
.SettingEditor_lay .fieldset{
	border: solid #505354 1px !important;
}
.SettingEditor_lay .fieldset legend{
	color:#fff !important;
}
.SettingEditor_lay .el-icon-plus{
	color: #fff
}
.SettingEditor_lay .el-input__inner,
.SettingEditor_lay .el-textarea__inner{
		background: transparent;
}
.SettingEditor_lay .el-input.is-active .el-input__inner, 
.SettingEditor_lay .el-input__inner:focus,
.SettingEditor_lay .el-select .el-input.is-focus .el-input__inner{
	border-color: #23c312;
}
.SettingEditor_lay .el-button--primary{
		
    background-color: #23c312;
    border-color: #23c312;
}
.SettingEditor_lay.el-select-dropdown{
		background-color: #2E2E2E;
		border: 1px solid #2E2E2E;
}
.SettingEditor_lay.el-select-dropdown .el-select-dropdown__item.hover, 
	.SettingEditor_lay.el-select-dropdown .el-select-dropdown__item:hover{
		background-color: #404040
}
.SettingEditor_lay.el-select-dropdown .el-select-dropdown__item.selected{
		color: #23c312;
}
.SettingEditor_lay.el-popper[x-placement^=top] .popper__arrow::after{
		    border-top-color: #2E2E2E;
		    bottom:0;
}
.SettingEditor_lay.el-popper[x-placement^=bottom] .popper__arrow::after{
		    border-bottom-color: #2E2E2E;
		    top:0;
}
.SettingEditor_lay .el-radio__input.is-checked .el-radio__inner{
		border-color: #23c312;
	    background: #23c312;
}
.SettingEditor_lay .el-radio__input.is-checked+.el-radio__label{
		color: #23c312
}
.SettingEditor_lay .el-slider__bar{
		background-color: #23c312;
}
.SettingEditor_lay .el-slider__button{
	    border: 2px solid #23c312;
}
.SettingEditor_lay .el-input-number__decrease,
	.SettingEditor_lay .el-input-number__increase{
		background-color:transparent;
}
.SettingEditor_lay .el-loading-spinner .path{
		stroke: #23c312;
}
.SettingEditor_lay .el-form-item__label{
		color:#c6c6c6;
		font-size: 12px;
}
.SettingEditor_lay .separate{
		color:#fff;
}
.SettingEditor_lay .el-input__inner,
	.SettingEditor_lay .el-textarea__inner{
		color:#fff;
}
.SettingEditor_lay .el-input-number__decrease, .SettingEditor_lay .el-input-number__increase{
		color:#fff;
}
.SettingEditor_lay .el-input-number__decrease.is-disabled, .SettingEditor_lay .el-input-number__increase.is-disabled{
		color:#ccc;
}
.SettingEditor_lay .el-upload{
	   width:100%;
	   height: 50px;
	   margin-top: 10px;
}
.SettingEditor_lay .el-upload .el-upload-dragger{
		width:100%;
		height:100%;
		background: transparent;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
}
.SettingEditor_lay .el-upload .el-upload-dragger span{
		color:#23c312;
}
.el-dialog.filtersDialog{
		background: #211f1f;
		color: #fff;
}
.filtersDialog .el-dialog__header{
		border-bottom: 1px solid #3a3a3a;
}
.filtersDialog .el-dialog__body .el-form>.el-form-item:last-child{
		border-top: 1px solid #3a3a3a;
}
.filtersDialog .el-dialog__title,
.filtersDialog label.el-form-item__label,
.filtersDialog .el-form-item__content{
		color: #fff;
}
.filtersDialog .el-input__inner{
		background: transparent;
		color: #fff;
}
.filtersDialog .el-button--primary{
		
    background-color: #23c312;
    border-color: #23c312;
}




.msg-text {
    display: block;
    width: 120px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}
.msg-text.display {
    color: #ccc;
}