#lxcontroller-container{
	width:100%;
	height:100%;
	position: absolute;
    left: 0;
    bottom: 0;
}
 #lxcontroller{
	 position:fixed;
	 width:1190px;
	 height:800px;
	 background-color:#021429;
	 top:50%;
	 left:50%;
	 margin-top:-400px;
	 margin-left:-750px;
	 border-radius:10px;
	 display:flex;
	 z-index:900;
	 color:#fff;
 }
 .lxbuild-choose{
	 width:240px;
	 position:relative;
	 display:flex;
	 flex-direction:column;
	 align-items:start;
	 justify-content:flex-start;
	 color:#fff;
	 padding-left:30px;
	 height:100%;
	 border-right:2px solid #335bcc;
 }
 .areabuild-name{
	font-size: 22px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    width: 100%;
 }
 .areabuild-name.active{
	 color:#335bcc;
 }
 
 .lx-container{
	 flex:1;
	 display:flex;
	 flex-direction:column;
	 align-items:center;
	 justify-content:center;
	 display:none;
 }
 .lxcontroller-header{
	height: 70px;
    line-height: 70px;
    text-align: center;
    position: relative;
    font-size: 25px;
    letter-spacing: 5px;
    color: #fff;
 }
 .lxcontroller-header:after{
	 content:'';
	 position:absolute;
	 bottom:0px;
	 left:0;
 }
 .lxcontroller-body{
	 flex:1;
	 width:100%;
	height:100%;	 
 }
 .lxcontroller-body:after{
	  content:'';
	  display:table;
	  clear:both;
  }
  .lxcontroller-content{
	  width:100%;
	  min-height:600px;
	  display:flex;
	  align-items:flex-start;
	  justify-content:center;
	  flex-wrap:wrap;
  }
  .submit-block{
	  width:100%;
	  display:flex;
	  justify-content:center;
	  align-items:center;
  }
  .subBtn{
	  padding:10px 35px;
	  background-color:#5482ff;
	  color:#fff;
	  border-radius:3px;
	  font-size:18px;
	  cursor:pointer;
  }
  .lxautoandhandle{
	margin-left:30px;
	margin-bottom:20px;
	float:left;  
  }
 .lxcontroller-box{
	 display:flex;
 }
 .handlecontroll{
	 display:flex;
	 align-items:center;
	 justify-content:start;
 }
 .handle-name{
	 width:100px;
	 font-size:18px;
 }
 .handle-lxright-item{
	 display:flex;
	 justify-content:space-between;
	 align-items:center;
	 width:300px;
	 position:relative;
 }
 .handle-lxright-item>span{
	 font-size:16px;
 }
 .handle-lxright-item>input{
	 width:80px !important;
 }
 .handle-btn{
	 padding:5px 15px;
	 background-color:#5482ff;
	 color:#fff;
	 cursor:pointer;
	 border-radius:3px;
	 -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
 }
  .handle-btn.working{
	 background-color:#e04930;
  }
 .lxleft-name{
	 width:100px;
	 padding-top:50px;
 }
 .lxright-content{
	 
 }
 .lxright-head{
	 display:flex;
	 justify-content:space-between;
	 align-items:center;
	 height:50px;
	 font-size:16px;
	 width:320px;
 }
 .congtrol-name{
	 width:150px;
	 text-align:center;
 }
 .lx-name{
	 height:24px;
	 line-height:24px;
	 font-size:18px;
 }
 .lxright-item{
	 display:flex;
	 justify-content:space-between;
	 align-items:center;
	 width:320px;
	 position:relative;
	 margin-bottom:15px;
 }
 .lxright-item:after,.handle-lxright-item:after{
	content:'';
	width: 0;
    height: 0;
    border: 8px solid;
	position:absolute;
	left:-20px;
	top:4px;
    border-color: transparent transparent transparent #335bcc;
 }
  .handle-lxright-item>input,.lxright-item>input{
	 width:150px;
	 text-align:center;
	 height:24px;
	 border:1px solid #335bcc;
	 border-radius:4px;
	 outline:none;
	 background-color:transparent;
	 color:#fff;
 }
 @font-face {font-family: "iconfont";
  src: url('../bootstrap/fonts/iconfont.eot?t=1577947129134'); /* IE9 */
  src: url('../bootstrap/fonts/iconfont.eot?t=1577947129134#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALoAAsAAAAABuAAAAKcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfgqBDIENATYCJAMMCwgABCAFhG0HfBsRBhFFjMh+SBIAXR4Tgm2fEMA0MUgBgQIAAAAAIqiWrWd379l/UnAxKQqfy6NQIVkskvIokA4h8dFGoVD389d8YBeNB3xaFIXHVdz4j26hFzQvHm1AAxzIgHY1bV9c3piV1DT54z+e5q/sXe7vkg2bDaUqnAYlQEg0XWh8nsvpXQMoi+YHymmtbcOP2s/jgAIaa1NkBRJ6i+wifict+TiBnhlb4sjwfKgKNC4Qt3UZQy1FFMXKV6HTsrSIJ42aHtIrHuX34892VJImQ1OPCz2DvZ/z4S5Ri5xyQpSgrm6QsYVCnLRmjiELi5X1MsUSx+oXfLn/LV8Ot4mjshPx15HCAbCmqtMTSanGo0nVFRLIoFO2zvuEHEzot4QYxctyn+4nOlsQk6/nx8Q2xXa6FlLZcnlyHTPixyAYeYKf7+QgHJiRF0XIyyJFJZEqz1E6fCP+pZ0GlwDtT/pkCrSf6Zvpf/cb97pGhpj8r6sCXqWXfxlqPwvAfNS9e4M/JQWWlVCOrLn4EiqJfdkowJVQRbZfO0OBMZ/TdZPgUkI1OcHXZzpHVi2RhbmFRr8ddFS7GHo2Nav7jWNLUbrY8KQgjHhGMuQZ2Yg3sjDf0Zjyh46RWKLnJMa37LcSITtkVIIW9DUEQ70jdsmS4iP0U1JclEvOGfIY4lDlZTXfYI+8xIzxwtciDhxTBxvlNEyJYGDaopG8FRnWReHa3pQb6maZQwwpAllAuwYCg/Qcby2y2uePIG+SKNxDGQifQWwUOgeVXAkgG00PojzKK6MLXk0IBziMdMBGcaGEMwQM7YO2kCFy7YTUYK3QqjmoJt9e1/3fNuhBV+RIkaNYvWlV76+p9zLpoOjwiil72qX3VpFpp8Mbxan6c9mMHYi7ms0A') format('woff2'),
  url('../bootstrap/fonts/iconfont.woff?t=1577947129134') format('woff'),
  url('../bootstrap/fonts/iconfont.ttf?t=1577947129134') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../bootstrap/fonts/iconfont.svg?t=1577947129134#iconfont') format('svg'); /* iOS 4.1- */
}

.glyphicon {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left:before {
  content: "\e74a";
}

.icon-arrow-right:before {
  content: "\e74b";
}