* {
  padding: 0;
  margin: 0;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  /*font-family: "微软雅黑";,"weico","微软雅黑", Arial, "Microsoft Yahei", SimSun; */
  font-family: -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue", "PingFang SC", "Noto Sans" , "Noto Sans CJK SC" , "Microsoft YaHei" , "微软雅黑" , sans-serif;
  font-size: 14px;
  width: 100%;
  background-color: rgb(240, 240, 240);
  color:#2a2a2a;
}
body{
  min-width: 1345px;
  overflow: auto;
}
a{color:#3158CC;}
a:hover{color: #3158CC;}
a:focus, a:hover {
  text-decoration: none;
}
a.a-remove{color:#d93934;}
ul,
ol {
  list-style: none;
}

ul, ol, li, img {border: 0 none;margin: 0;padding: 0;}
input{padding-left: 10px;height: 30px;}
/*去掉数字类型输入框的默认样式*/
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-control-input-focus:focus{
  background:#e9e9e9 !important;
}
.defaultRed{color: #d93934;}
.img-middle{margin: 0 auto;}
.floatL{float: left;}
.floatR{float: right;}
.overflow{overflow:hidden;}

.clear{clear: both;}
.pointer{cursor: pointer;}
.text-align-center{text-align: center;}
.text-align-right{text-align: right;}
.text-align-left{text-align: left;}

.height-inherit{height: inherit;}
.width-inherit{width: inherit;}
.max-width-none{max-width: none!important;}
.inline-block{display: inline-block;}
/*padding*/
.padding-LR-0{padding-left: 0px;padding-right: 0px;}
.padding-LR-10{padding-left: 10px;padding-right: 10px;}
.padding-left-0{padding-left:0;}
.padding-left-5{padding-left: 5px;}
.padding-left-7{padding-left: 7px;}
.padding-left-8{padding-left: 8px;}
.padding-left-10{padding-left: 10px;}
.padding-left-12{padding-left: 12px;}
.padding-left-15{padding-left: 15px;}
.padding-left-16{padding-left: 16px;}
.padding-left-20{padding-left: 20px;}
.padding-left-24{padding-left: 24px;}
.padding-left-30{padding-left: 30px;}
.padding-right-0{padding-right:0;}
.padding-right-4{padding-right: 4px;}
.padding-right-5{padding-right: 5px;}
.padding-right-7{padding-right: 7px;}
.padding-right-8{padding-right: 8px;}
.padding-right-10{padding-right: 10px;}
.padding-right-12{padding-right: 12px;}
.padding-right-15{padding-right: 15px;}
.padding-right-20{padding-right: 20px;}
.padding-right-24{padding-right: 24px;}
.padding-right-30{padding-right: 30px;}
.padding-right-40{padding-right: 40px;}
.padding-top-0{padding-top: 0!important;}
.padding-top-3{padding-top: 3px!important;}
.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-top-30{padding-top: 30px!important;}
.padding-TB-0{padding-top: 0!important;padding-bottom: 0!important;}
.padding-TB-5{padding-top: 5px!important;padding-bottom: 5px!important;}
.padding-TB-10{padding-top: 10px!important;padding-bottom: 10px!important;}
.padding-bottom-0{padding-bottom: 0px !important;}
.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px!important;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-24{padding-bottom: 24px;}
.padding-LR-20{padding-left:20px!important;padding-right:20px!important;}
.padding-LR-60{padding-left:60px!important;padding-right:60px!important;}
.padding-TB-30{padding-top:30px!important;padding-bottom:30px!important;}
.padding-tb-16-lr-24{padding:16px 24px !important;}
.padding-24{padding:24px;}


/*width*/
.w-120{width: 120px!important;}
.w-200{width: 200px;}
.w-p100{width: 100%!important;}
.w-p97{width: 97%!important;}

/*margin*/
.margin-top-5{margin-top: -5px;}
.margin-top-4{margin-top: 4px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px !important;}
.margin-left-0{margin-left:0px;}
.margin-left-4{margin-left:4px;}
.margin-left-7{margin-left:7px;}
.margin-left-8{margin-left:8px;}
.margin-left-10{margin-left: 10px;}
.margin-left-12{margin-left: 12px;}
.margin-left-15{margin-left: 15px;}
.margin-left-20{margin-left: 20px;}
.margin-left-24{margin-left: 24px;}
.margin-left-153{margin-left: 153px;}
.margin-right-0{margin-right:0px;}
.margin-right-7{margin-right:7px;}
.margin-right-4{margin-right:4px;}
.margin-right-8{margin-right:8px;}
.margin-right-10{margin-right: 10px;}
.margin-right-12{margin-right: 12px;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}
.margin-right-24{margin-right: 24px;}
.margin-bottom-8{margin-bottom:8px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-14{margin-bottom:14px;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-bottom-16{margin-bottom:16px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-24{margin-bottom:24px !important;}
.margin-LR-10{margin-left:10px;margin-right:10px;}
.margin-TB-12{margin-bottom:12px; margin-top: 12px;}
.margin-TB-15{margin-bottom:15px; margin-top: 15px;}
.margin-TB-16{margin-bottom:16px; margin-top: 16px;}
.inline-form-btn-margin{margin-left:8px;}
.inline-form-btn-margin-4{margin-left:4px;}
.inline-form-btn-margin-8{margin-left:8px;}
.inline-form-btn-margin-12{margin-left:12px;}
.inline-form-btn-margin-16{margin-left:16px;}


/*border*/
.border-default{border: 1px solid #cccccc;}
.border-f2f6fc{border: 1px solid #f2f6fc;}
.border-bottom{border-bottom: 1px solid #cccccc;}
.border-bottom-f2f6fc{border-bottom: 1px solid #f2f6fc;}
.border-right-f2f6fc{border-right: 1px solid #f2f6fc;}
.border-color-default-red{border-color: #D93934;}
.border-right-none{border-right:0px;}
.border-radius-none{border-radius:0px};
.border-radius-2{border-radius:2px};
.border-radius-right-2{border-radius:0 2px 2px 0};
.border-radius-left-2{border-radius:2px 0 0 2px};

/*font-color*/
.font-color-default-red{color: #D93934;}

.font-arial{
  font-family: arial!important;
}

/*width*/
.selectMinWidth,.inputMinWidth{
  min-width: 230px;
}
.width-half{
  width: 50%;
}
span.width-half{
  display: inline-block;
}

.head {
  height: 54px;
  background-color: #292929;
  line-height: 54px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 110;
}

.head.createService-head {
  height:36px;
  line-height:36px;
  position:unset;
}
.head .createService-head-other{
  display: inline-block;
  vertical-align: middle;
  margin-top: 2px;
  color:#fff;
  position:relative;
}
.head .createService-head-other span{
  cursor: pointer;
}
.head .createService-head-other-box{
  display:none;
  position: absolute;
  width: 600px;
  background:rgba(0,0,0,0.75);
  border-radius: 8px;
  z-index: 100;
  padding: 24px;
}
.head .createService-head-other-box span{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
  height:44px;
  line-height: 44px;
  padding: 0 8px;
}
.head .createService-head-other-box span:hover {
  border-radius: 4px;
  background: rgba(255,255,255,0.1);
  opacity: unset;
}
.head .createService-head-other:hover .createService-head-other-box{
  display:block;
}
.head .item-margin-right{
  margin-right: 25px;
}
.head .item-margin-no-right{
  margin-right: 0px;
}

.head .main-nav-btn {
  color: #fff;
  font-size: 24px;
  float: left;
  font-family: 'Glyphicons Halflings';
  padding: 0 15px;
  cursor: pointer;
  background-color: #d93934;
}

.head .main-nav-btn:hover {
  background-color: #CD2B26;
}
.head .main-nav-btn:active {
  background-color: #d93934;
}

.head .brank {
  display: inline-block;
  position: relative;
  top: -5px;
  padding-left:24px;
}

.head .brank a {
  color: #fff;
  text-decoration: none;
  font-size: 26px;
}

.head .head-nav {
  display: inline-block;
  float: right;
}

.head .head-nav li {
  float: left;
  margin-right: 20px;
}

.head .head-nav li a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  padding:8px 13px;
  line-height: 14px;
  
  border-radius: 1px;
}
.head .head-nav li.active a{
  background-color: #D83935;
  color: #fff;
  text-decoration: none;
  width: 82px;
  text-align: center;
}
.head .top-serch{
  display: inline-block;
  width: 200px;
  position: relative;
  top: 13px;
}
.head .top-search-result{
  position: absolute;
  background-color: #fff;
  width: 100%;
  line-height: 30px;
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  z-index: 1000;
  max-height: 250px;
  overflow-y: auto;
  border-top: 1px #eee solid;
}
.head .top-serch input{
  height: 28px;
  border-radius: 0;
  border: none;
  background-color: #3D3D3D;
}
.head .top-serch input.top-search-input-focus{
  background-color: #fff;
}
.head .top-search-result li{
  padding:0 10px;
  font-size: 12px;
  /* border-top:1px #eee solid; */
  
}
.head .top-search-result .tip{
  color: #999;
  border-top:none;
}
.head .top-search-result .table-bordered,
.head .top-search-result .table-bordered > tbody > tr > td, 
.head .top-search-result .table-bordered > tbody > tr > th, 
.head .top-search-result .table-bordered > tfoot > tr > td, 
.head .top-search-result .table-bordered > tfoot > tr > th, 
.head .top-search-result .table-bordered > thead > tr > td, 
.head .top-search-result .table-bordered > thead > tr > th{
  border: 1px solid #eee;
  line-height: 24px!important;
  height: 20px!important;
}
.main-frame {
  display: flex;
  background-color: #fff;
  overflow: hidden;
  border-right: 1px #EBEEF5 solid;
  position: absolute;
  top: 54px;
  z-index: 100;
}
.main-frame-fixed{
  position: fixed;
  left: 0;
  top: 54px;
  bottom: 0;
  z-index: 110;
}
.main-frame.main-frame-1{
  position: fixed;
  top: 0;
  height: 100%;
}
.main-frame .main-menu{
  flex-basis:220px;
  background-color: #fff;
  min-height: calc(100vh - 54px);
  position: relative;
}
.main-frame .main-menu li.active{
  background-color: #fff0f0!important;
}
.main-frame .main-menu li:hover {
  background-color: #f0f0f0;
}
.main-frame .main-menu li:hover .del-leftmenu.liOver,.main-frame .main-menu li.active .del-leftmenu.liOver.leftmenuShow{
  display: inline;
}
.main-frame .main-menu .del-leftmenu{
  width: 24px;
  height: 24px;
  line-height: 20px;
  text-align: center;
  float: right;
  color: #d93934;
  font-size: 22px;
  margin-right:4px;
  margin-top:11px;
  cursor: pointer;
  display: none;
  border-radius: 2px;
}
.main-frame .main-menu .del-leftmenu:hover {
  background: #d9d9d9;
}
.main-frame .main-menu li.active .del-leftmenu:hover {
  background: #ffc1b8;
}
.main-frame .main-menu li:hover .del-leftmenu{
  color: #454852;
}
.main-frame .main-menu li.active:hover .del-leftmenu{
  color: #d93934;
}
.main-frame .main-menu .mover-leftmenu{
  position: relative;
  z-index: 1000;
}
.main-frame .all-menu{
  position: absolute;
  left:216px;
  top:0;
  width:0px;
  min-height:100%;
  background-color: #fff;
  /*box-shadow: 4px 0px 3px 0px rgba(31,34,41,0.2) inset;*/
  
  border-right: 1px #EBEEF5 solid;
  box-shadow: 1px 1px 5px rgba(31,34,41,0.2);
}
.main-frame .all-menu .all-menu-input{
  background-color: #ebeef5;
  border-color: #ebeef5;
  color: #2a2a2a;
  width: 385px;
}
.main-frame .all-menu .clear-input{
  font-size: 30px;
  color: #999;
  position: relative;
  top: 5px;
  cursor: pointer;
}
.all-menu-pup{
  width: 100vw;
  height: calc(100vh - 54px);
  background: rgba(0,0,0,0.3);
  position: fixed;
  left: 0;
  top: 54px;
  bottom: 0;
  z-index: 100;
}
.keyword-list{
  width: 416px;
  color: #454852;
  padding: 4px 0px;
  margin-top:4px;
  background-color: #fff;
  border-color: #3e3f43;
  position: absolute;
  top: 60px;
  left: 48px;
  z-index: 99;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
.keyword-list li{
  height:36px;
  padding:0 12px;
  line-height:36px;
}
.keyword-list li:hover{
  color:#1F2229;
  background-color: #ebeef5;
  cursor:pointer;
}
.keyword-list li.noThis:hover{
  color: #1F2229;
  background-color: #ebeef5;
  cursor:auto;
}
.main-frame .all-menu .clear-input:hover{
  color: #fff;
}
.main-frame .all-menu .visited{
  padding: 0 48px 35px;
  color: #83878f;
  font-size: 14px;
}
.main-frame .all-menu .visited-item{
  color: #454852;
  text-decoration: none;
  margin-right:12px;
}
.main-frame .all-menu .visited-item:hover{
  color: #3158cc;
}
.main-frame .all-menu .menu-list-ul{
  margin-bottom:20px;
  /*min-height: 290px;*/
}
.main-frame .all-menu .menu-list-ul li{
  margin-right: 15px;
}
.main-frame .all-menu .menu-list-ul li .fa-star-o{
  display: none;
}
.main-frame .all-menu .menu-list-ul li:hover .fa-star-o{
  display: inline;
}

.main-frame .all-menu .menu-list-ul .menu-group-name{
  color: #1F2229;
  font-size: 14px; 
  font-weight: bold;
  padding-left:10px;
  height: 32px;
  line-height: 32px;
}
.main-frame .all-menu .menu-list-ul a{
  padding:6px 10px;
  color: #454852;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  width:160px;
}
.main-frame .all-menu .menu-list-ul li .menu-list-item {
  width: 190px;
}
.main-frame .all-menu .menu-list-ul li:hover .menu-list-item {
  background-color: #f0f0f0;
}
.main-frame .all-menu .menu-list-ul li .fa{
  color: orange;
  cursor: pointer;
  margin-top: 2px;
  vertical-align: middle;
}
.main-frame .main-menu.main-menu-unexpand{
  flex-basis:50px;
  /*overflow: hidden;*/
}
.main-frame .main-menu .main-menu-btn{
  width: 14px;
  height: 50px;
  position: absolute;
  top:calc(50vh - 57px);
  right: 22px;
  z-index: 100;
  opacity: .8;
  
}
.main-frame .main-menu .main-menu-btn.main-menu-btn-unexpand{
  right: 11px;
  opacity: 1;
}
.main-frame .main-menu .main-menu-btn:hover{
  cursor: pointer;
}
.main-frame .main-content{
  flex:1;
  background-color: #f5f5f5;
}
.main-frame .aside {
  /*width: 216px;*/
  width: 50px;
  background:#fff;
}
.menu-list-scrollbar{
  padding: 0 100px 10px 48px;
  overflow: auto;
  height: calc(100vh - 181px);
}
#asideDragbleMenu::-webkit-scrollbar,.menu-list-scrollbar::-webkit-scrollbar,.servicelist::-webkit-scrollbar{
  width: 0px;
}
.main-frame .aside li .main-leftmenu{
  display: block;
  height: 45px;
  width:150px;
  line-height: 45px;
  padding-left:15px;
  color: #454852;
  overflow:hidden;
}
.main-frame .aside li a{
  cursor: auto;
  text-decoration: none;
  color: #454852;
}
.main-frame .aside li.active a{
  color: #1F2229;
}
.main-frame .aside li a img{
  margin-left:-1px;
}
.main-frame .aside li span{
  opacity:1;
}
.main-frame .aside li.active span{
  opacity: 1;
}
/*.main-frame .aside li.active a,.main-frame .aside li.active a:hover{
  border-left-color: rgba(217,57,52,1);
  background-color: rgba(46,46,48,1);

}
.main-frame .aside li.active a span,.main-frame .aside li.active a:hover span{
  opacity: 1;
}

.main-frame .aside li li a:hover {
    background-color:#3e3f43;
}*/
.main-frame .aside li li a span:before {
   display:inline-block;
   content: "";
   width:6px;
   height:6px;
   border-radius:50%;
   border:1px solid #fff;
   margin-right:5px;
   vertical-align:middle;
   margin-top:-2px;
}
.main-frame .aside li li.active a span:before{
  background-color:#fff;
}

.main-frame .main-container {
  padding: 20px;
  background-color: #f5f5f5;

}

/*.main-frame .aside li a:hover{
  text-decoration: none;
  border-left-color: rgba(58,58,61,.8);
  background-color: rgba(58,58,61,.8);
}
*/
.loading-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10000;
  cursor: not-allowed;
}

.loading-icon {
  width: 50px;
  padding: 10px;
  font-size: 16px;
  position: absolute;
  top: 300px;
  left: 50%;  
  margin-left: -25px;
  z-index: 10001;
}
.wrapper {
  padding: 15px;
}
.wrapper-20 {
  padding: 20px;
}
.text-right {
  text-align: right;
}
.dashline {
  width:100%;
  height:0px;
  border-top:1px #e0e0e0 dashed;
}
.widget {
  background-color: #fff;
  /* border: 1px solid #dfe4e7; */
  margin: 3px 0 0px 0;
  margin-bottom:5px;
}
.widget-header {
  font-size: 18px;
  padding:7px 15px;
  padding-bottom:7px;
  border-bottom: 1px #eee solid;
}
.detailinfo {
  padding:2px 0;
  line-height: 22px;
}
.infotitle {
  color: #999;
  width: 180px;
  text-align: right;
  /*padding-right: 10px;*/
}
.infoContent{
  /* width: calc(100% - 180px); */
  text-align: left;
  padding-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.widget-body {
  padding:7px 15px;
}
.widget-footer {
  padding: 7px 15px 15px 15px;
}
.maincontent {
  display: inline-block;
}
.card-list {
  margin-bottom: 5px;
  padding:0 10px;
}
.card-list.demo-datacenter .mask{
  display: none;
}
.card-list.demo-datacenter:hover .mask{
  display: block;
}
.card-list .infotitle{
  text-align: left!important;
}
.card-list .bg-white-container{
  padding: 5px 10px 15px;

}
.card-list .detailinfo{
  line-height: 30px;
}
.datacenter-list{
  
}
.datacenter-list .bg-white-container:hover{
   cursor: pointer;
  box-shadow: 0px 16px 48px 16px rgba(0,0,0,0.03), 0px 12px 28px 0px rgba(0,0,0,0.05), 0px 6px 16px -8px rgba(0,0,0,0.08); 
}
.datacenter-list a.btn .font_family{
  font-size: 14px;
  top:0;
  margin-right:3px;
}
.datacenter-list .inline-form-btn-margin{
  margin-left: -7px;
}
/*.datacenter-list button.btn{
  background-color: #fff;
  border-color: #D93934;
  color: #D93934;
}*/
/*.datacenter-list button.btn:hover{
  opacity: .8;
}
*/
.detail-title {
  font-size: 18px;
}
.panelheader {
  padding-bottom: 15px;
}
.bg-white{
  background-color: #fff;
}
.bg-white-container {
  padding:15px;
  background-color: #fff;
  margin-bottom: 15px;
}


.form-with-table{
  display: flex;
  background-color: #fff;
  flex-direction: row;
}
.form-with-table .form-with-table-left{
  flex: 1;
}
.form-with-table .form-with-table-right{
  flex:0 0 0;
  flex-basis:300px;
}
.form-with-table .form-with-table-right .hide-right-btn,
.form-with-table .form-with-table-right-hidebar .hide-right-btn{
  padding: 5px 2px;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 200px;
  border-left: 0;
}
.form-with-table .form-with-table-right-hidebar{
  flex:0 0 0;
  flex-basis:20px;
  max-width: 20px;
}
.form-with-table .collection{
  font-size: 18px;
  height: 52px;
  border-bottom:1px #D5D5D5 solid;
  margin-bottom:20px;
  line-height: 52px;
}
.nav-tabs {
  border-bottom:none;
  background-color: #ffffff;
  min-height:38px;
}
.nav-tabs>li>a{
  height:38px;

}
.dcDetail .nav-tabs>li {
  background-color: #fff;
  margin-bottom: 0;
}
.dcDetail .nav-tabs>li>a{
  border-top: none;
  border:none;
}
.dcDetail .nav-tabs>li:after{
  content:" ";
  display: block;
  background-color:#999;
  border-bottom: 3px #fff solid;
  width: 30px;
  margin:0 auto;
}
.dcDetail .nav-tabs>li.active:after{
  border-bottom-color: #d93934
}
.dcDetail .nav-tabs>li a img{
  float: left;
}
.dcDetail .nav-tabs>li a .font_family{
  float: left;
  position: relative;
  top:-3px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:active {
  border-top: none;
  border:none;

  background-color: #fff;

  box-shadow: none;
  color: #2a2a2a;
}
.tab-content {
  /*background-color: #f3f3f3;*/
  /* padding: 20px; */
  position: relative;
}
.nav-line-top .nav-tabs{
  border-bottom: 1px solid rgba(217,217,217,1);
}
.nav-line-top .nav-tabs>li.active>a, .nav-line-top .nav-tabs>li.active>a:hover, .nav-line-top .nav-tabs>li.active>a:focus {
  border-right: 1px #ccc solid;
  border-bottom: none;
  border-top: 2px solid #d93934;
  background-color: #fff;
  margin: 0px;
  padding: 8px 20px;
  box-shadow: none;
  color: #2a2a2a;
}
.nav-line-top .nav-tabs>li>a{
  margin-right: 0;
  border-radius: 0;
  border-right: 1px solid rgba(217,217,217,1);
  border-top: 1px solid rgba(217,217,217,1);
  border-left:none;
}
.activeVmsTab2{
  background-color: #ECEFF4;
}
}
.activeVmsTab2 li a{
    border-color:#ECEFF4 !important;
}
.nav-line-top .nav-tabs>li:nth-child(1)>a{
  border-left: 1px solid rgba(217,217,217,1);
}
.nav-line-top .nav-tabs>li:nth-child(1).active>a{
  border-left: none !important;
}

.nav-line-bottom .nav-tabs{
  border-bottom: 2px solid rgba(217,217,217,0);
  padding-left:24px;
}
.nav-line-bottom .nav-tabs>li.active>a, 
.nav-line-bottom .nav-tabs>li.active>a:hover, 
.nav-line-bottom .nav-tabs>li.active>a:focus {
  border-right: none;
  border-top: none;
  border-bottom: 2px solid #d93934;
  background-color: #fff;
  margin: 0px;
  padding: 8px 20px;
  box-shadow: none;
  color: #d93934;
}
.nav-line-bottom .nav-tabs>li>a{
  margin-right: 0;
  border-radius: 0;
  border-right: none;
  border-top: none;
  border-left:none;
}
.nav-line-bottom .nav-tabs>li>a:hover{
  color:#d93934;
}

.nav-line-bottom .nav-tabs>li:nth-child(1)>a{
  border-left: none;
}
.nav-line-bottom .nav-tabs>li:nth-child(1).active>a{
  border-left: none !important;
}

.nav-line-bottom.nav-line-bottom-justified .nav-tabs{
  padding-left:0;
}
.nav-line-bottom.nav-line-bottom-justified .nav-tabs>li{
  padding:0 20px;
}
.nav-line-bottom.nav-line-bottom-justified .nav-tabs>li>a, 
.nav-line-bottom.nav-line-bottom-justified .nav-tabs>li>a:hover, 
.nav-line-bottom.nav-line-bottom-justified .nav-tabs>li>a:focus,
.nav-line-bottom.nav-line-bottom-justified .nav-tabs>li.active>a, 
.nav-line-bottom.nav-line-bottom-justified .nav-tabs>li.active>a:hover, 
.nav-line-bottom.nav-line-bottom-justified .nav-tabs>li.active>a:focus {
  padding: 8px 0px;
}
.nav-line-bottom.nav-line-bottom-justified .nav-tabs>li>a:hover,#resDetailTab.nav-line-bottom .nav-tabs>li>a:hover{
  color: #d93934;
}
.text-ellipsis{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-break{
  word-break: break-all;
}
.table>tr, .table>thead>tr>th .text-ellipsis,
.table>tbody>tr>td .text-ellipsis{
  line-height: 18px;
  position: relative;
  top: 4px;
}
.baseinfo .widget-header,.hostinfo .widget-header,.resourceinfo .widget-header{
  text-align: center;
}
.hostinfo .wrapper {
  padding:10px 15px;
}
.hostinfo .row .col-sm-6 {
  padding-left: 0px;
}
.hostinfolist {
  padding:25px;
  background-color: #f8f8f8;
  width: 230px;
  height: 150px;
  text-align: center;
}
.hostinfolist .list-title {
  font-size: 16px;
  color: #45474e;
}
.hostinfolist .list-unit {
  font-size: 12px;
  color: #999;
}
.page-body {
  background: #eee;
  padding: 18px 20px 24px;

}
.required{
  color: red;
}

.box-select{line-height: 20px!important;}
.box-select .box-select-item{
  display: inline-block;
  margin-right:7px;
  border: 1px #ccc solid;
  padding:20px;
  font-weight: normal;
  border-radius: 0px;
}
.box-select.box-select-style-1 .box-select-item{
  padding:5px 10px;
  color:#454852;
}
.box-select .box-select-item:hover{
  cursor: pointer;
}
.box-select .box-select-item.active{
  color: #D93934;
  border-color: #D83935;
  background: url(../images/svg/icon_superscript.svg) no-repeat bottom right !important;
}
.box-select .box-select-item.active{
  color: #D93934;
  border-color: #D83935;
  background: url(../images/svg/icon_superscript.svg) no-repeat bottom right !important;
}
.box-select-noBg.box-select .box-select-item.active{
  background: unset !important;
}
.mainContainerBoxInputLabel .box-select .box-select-item {
  margin-right: 0;
  border-radius: 2px;
  padding: 5px 16px;
  color:#454852;
  text-align: center;
}
.mainContainerBoxInputLabel .box-select .box-select-item.active {
  background: unset;
  color: #D93934;
}
.box-select .box-select-item.disabled{
  pointer-events: none;
  background: #ccc;
  color: white;
}
.box-select .box-select-item.text-ellipsis{
  
}


.vmCtrl {
  padding-bottom: 5px;
}
.phyCtrl {
  padding-top: 5px;
}
.introduction {
  padding: 0 20px 7px 20px;
  background-color: #fff;
}
.numb input.form-control.countValue.ng-pristine.ng-valid.ng-not-empty.ng-touched,.numb input.form-control.countValue.ng-pristine.ng-untouched.ng-valid.ng-not-empty{
    margin-top: 0px !important;
}
.intro-title {
  width:100px;
  height:20px;
  font-size:20px;
  font-weight:400;
  color:rgba(42,42,42,1);
  line-height:28px;
}
.intro-detail {
  font-size: 12px;
  color: #999;
}

.breadcrumb_box{
    background:#fff;
}

.breadcrumb_box .breadcrumb,.breadcrumb_box .introduction{
  padding-left:0;
  width:1200px;
  margin:0 auto;
}

.breadcrumb{
  padding-top:12px;
  padding-bottom:12px;
}
.breadcrumb .fa {
  padding:0px 5px;
}
.breadcrumb a{
  font-size: 12px;
  color:rgba(76,124,234,1);
}
.breadcrumb>li+li:before{
  padding: 0;
  content: '';
}
.breadcrumb>li.path+li:before{
  content: '/\00a0';
}
.breadcrumb>li.goBackBtn{
  padding-right: 8px;
  border-right: 1px solid #ccc;
  margin-right: 5px;
  cursor: pointer;
}
.breadcrumb>li.goBackBtn:before{
    content: '';
    width: 7px;
    height: 7px;
    border-left: 1px solid rgba(76,124,234,1);
    border-top: 1px solid rgba(76,124,234,1);
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: -1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.breadcrumb>li.active{
    color: #2a2a2a;
}

.dcDetail .nav {
  background-color: #fff;
}

.table.combo-table{

}
.table.combo-table th{
  vertical-align: middle!important;
}
.table.combo-table th.colspan-th{
  border-left:1px #DADADA solid;border-right:1px #DADADA solid;border-bottom:1px #DADADA solid;text-align: center;
}
.table.combo-table th.colspan-th-l{
  border-left:1px #DADADA solid;text-align: center;
}
.table.combo-table th.colspan-th-c{
  border-left:1px #DADADA solid;border-right:1px #DADADA solid;text-align: center;
}
.table.combo-table th.colspan-th-r{
  border-right:1px #DADADA solid;text-align: center;
}
.table.combo-table th.colspan-th-l span,
.table.combo-table th.colspan-th-c span,
.table.combo-table th.colspan-th-r span{
  font-weight: normal;
  font-size: 12px;
}
.table-in-wizard{
  background: none!important;
}
.table-in-wizard.table>tbody>tr>td, 
.table-in-wizard.table>tbody>tr>th{
  border-top: none!important;
}
.table-in-wizard td{
  padding:10px 0px!important;
}
.table-in-wizard .cell-name{
  color: #656565;
}
.table-in-wizard .cell-value{
  border-bottom: 1px #ccc dashed;
}
.dcresourceinfo {
  background: url(../images/flowchart.png) 30px 0;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 360px;
  position: relative;
  top: 10px;
  font-size: 14px;
}
.chart-deatil{
  text-align: center;
}
.chart-deatil-title {
  /*color: #999999;*/
  text-align: center;
  padding-left: 10px;
  padding-right: 5px;
}
.radio, .checkbox {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 20px;
    position: relative;
    padding-left: 0;
}
.radio.disabled, .checkbox.disabled{
  opacity: .5;
}
.td .checkbox, th .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}
input[type=checkbox], input[type=radio] {
    opacity: 0;
    position: absolute;
    left: -9999px;
    z-index: 12;
    width: 18px;
    height: 18px;
    cursor: pointer;
    border: none;
    background: none!important;
}
.checkbox label, .radio label{
    padding-left: 0px;
    margin-left: 0px;
}
input[type=checkbox]+.text, input[type=radio]+.text {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 21px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
}
input[type=checkbox]+.text:hover:before, input[type=radio]+.text:hover:before {
    border-color: #D93934;
}
input[type=checkbox]:checked, input[type=radio]:checked, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none!important;
}
input[type=checkbox]+.text:before {
    color: #c62d28;
}
input[type=checkbox]+.text:before, input[type=radio]+.text:before {
    font-family: fontAwesome;
    font-weight: lighter;
    font-size: 14px;
    color: #333;
    content: " ";
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 14px;
    line-height: 14px;
    min-width: 14px;
    margin-right: 4px;
    margin-bottom: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
input[type=radio]+.text:before{
  border-radius: 50%;
}
input[type=checkbox][disabled]+.text:before{
  background-color: #ddd;
  cursor: no-drop;
}
.radio input[type=checkbox]+.text:before,.radio input[type=radio]+.text:before{
  border-radius: 50%;
  content: '';
}
input[type=radio]:checked+.text:before {
    color: #fff;
    background-color: #c62d28;
    border-color: #c62d28!important;
}
input[type=radio]:checked+.text:before {
    content: "";
}
input[type=checkbox]:checked+.text:before, input[type=radio]:checked+.text:before {
    display: inline-block;
    content: '\f00c';
    /*content: ' ';*/
    color: #fff;
    background-color: #c62d28;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
    border-color: #c62d28;
    font-size:12px;
}
input[type=radio]:checked+.text:before{
  border-radius: 50%;
}
.radio input[type=checkbox]:checked+.text:before, input[type=radio]:checked+.text:before{
  content: '';
}
.radio input[type=checkbox]:checked+.text:after, input[type=radio]:checked+.text:after{
  display: inline-block;
  content: '';
  color: white;
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 4px;
}
.createStorageServiceMenus input[type=checkbox] {
  margin: -2px 0 0 -15px !important;

}
table{
  
}
table.fixed{
  table-layout: fixed;
}
table>thead>tr{
  background-color: #f2f5fa;
}
table>tbody>tr>td{
  font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
table th{
    font-size: 12px;
}
table tbody tr td a{
  color: #4c7cea;
  padding-left: 10px;
  /*padding-right: 5px;*/
  border-left: 1px solid #ebeef5;
  cursor: pointer;
  margin-right: 5px;
}
table tbody tr td a.delete{
    color: #d93934;
}
table tbody tr td a:nth-child(1){
    border-left: none;
    padding-left: 0;
}
table>tbody>tr>td input,table>tbody>tr>td select{
  margin-top:5px;
}
table>tbody>tr>td input.countValue{margin-top:0;}
table tbody tr td a.disabled{
  color:#999;
  text-decoration: none;
}



.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.paginationinfo {
    display: inline-block;
    padding-left: 10px;
    margin: 20px 0;
}
.padding-top-20 {padding-top: 20px;}
.padding-10 {padding:10px;}
.padding-15 {padding:15px;}
.padding-20 {padding:20px;}
/*font-size*/
.font12px{
  font-size: 12px;
}
.font14px{
  font-size: 14px;
}
.font16px{
  font-size: 16px;
}
.font18px{
  font-size: 18px;
}
.font20px{
  font-size: 20px;
}
.font22px{
  font-size: 22px;
}
.font24px{
  font-size: 24px;
}
.font32px{
  font-size: 32px;
}
.font36px{
  font-size: 36px;
}
.fontbold{
  font-weight: bold;
}

.inline-list{
  display: inline-block;
}
.inline-list-item{
  display: inline-block;
  border-radius: 2px;
  background-color: #DFE3EF;
  color: #000; 
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
}
.inline-list-del{
  float: right;
  margin-left:5px;
  cursor: pointer;
  position: relative;
  z-index: 1000;
  font-size: 14px;
}
.padding-left-5 {
  padding-left:5px;
}
.no-padder-h {
  padding-left: 0px;
  padding-right: 0px
}
.no-padding{padding: 0!important;}
.no-padding-left {
  padding-left: 0px!important;
}
.no-padding-right {
  padding-right: 0px!important;
}
.no-padding-bottom{
  padding-bottom: 0px;
}
.padding-half-15 {
  padding:7.5px;
}
.no-margin-bottom {
  margin-bottom: 0px
}
.no-margin {
  margin: 0px!important
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-top-15 {
  margin-top: 15px;
}
.dc-create,.dc-delete,.dc-sync,.dc-controller {
  /* position: relative;
  top: -1px; */
}
.dc-search,.dc-edit  {
  /*position: relative;
  top:-2px;*/
}
.selectedinfolist {
  /*background-color: #f1f1f1;*/
}
.selectedinfo .panel-body{
    border: none !important;
}
.selectedinfo .panel-group {
  padding: 15px 0px;
}
.selectedinfo .panel-group .panel {
    border-radius: 0px;
}
.selectedinfo .panel-default{
    border: none;
}
.selectedinfolist{
    background:rgba(241,241,241,1);
}
.selectedinfo.white-background .selectedinfolist{
    background:rgba(255,255,255,1);
}
.selectedinfolist .panel-body{
  padding-top: 7.5px;
  padding-bottom: 7.5px;
    background:rgba(241,241,241,1);
}
.panellist {
  height: 40px;
    background: rgba(255,255,255,1);
}
.selectedinfo.white-background .panellist{
    background: rgba(245,245,246,1);
}
.selectedinfolist .panel-heading {
    color: #2a2a2a;
    background:rgba(241,241,241,1);
    border-color: #e0e0e0;
}
.selectedinfo .panel-group {
    margin-bottom: 0px;
}
.selectedinfo .panel-heading .panel-title a.accordion-toggle{
    text-decoration-line: none;
    font-size: 14px;
    border: 400;
}



.wizard-nav li.showActive .iconwhite{
  background-image: url("../images/icon/icon-black.jpg")!important ;
}
.cas-slide-content [class*="icon-icon4-"]{
  top:-7px;
}
.panellist .col-md-5 {
  padding-right: 0px;
  padding: 20px 0 20px 15px;
  color: #b4b4b4;
}
.panellist .col-md-7 {
  height:60px;
}
.panellist .col-md-3,.panellist .col-md-2 {
  padding-right: 0px;
  padding: 10px 0 10px 15px;
  color: #b4b4b4;
  min-width:86px;
}
.panellist .col-md-9 {
  padding-left:0;
  height:40px;
  width: auto;
}

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding:0;
}
.dashborder {
  border:1px dashed #b4b4b4;
}
.addDc_icon {
  text-align: center;
  padding: 100px 100px 60px 100px
}
.addDc_text {
  color:#b4b4b4;
  text-align: center;
  padding: 0px 100px 70px 100px
}
/*.vmCtrl .bg-white-container {
  min-height: 390px
}*/
.mask {
  z-index: 100;
  width: calc(100% - 15px);
  height:calc(100% - 15px);
  background-color: rgba(0,0,0,0.35);
  position: absolute;
}
.mask-content {
  text-align: center;
  top:50%;
  position: relative;
}
.masked {
  z-index: 99;
}
.input-group-sm {
  height: 32px;
}

.transition-width{
  -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}
.transition-opacity{
  -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.no-border{
  border:none!important;
}

.circle-close{
  font-size: 12px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border: 1px #C0C0C0 solid;
  background-color: #C0C0C0;
  text-align: center;
  line-height: 10px;
  color: #fff;
  cursor: pointer;
}
.circle-close:hover{
    background-color: rgba(217,57,52,1);
    background-color: rgba(217,57,52,1);
}
.progress{
  height: 4px;
  background-color: #EDEDED;
}
.progress .progress-bar{
  width:0;
  background-color: #7CB5EC!important;
  box-shadow: none!important;
  -webkit-transition:width 1s linear;
  -o-transition:width 1s linear;
  transition:width 1s linear;
}
.progress-line{
  height: 4px;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px #999 solid;
  border-radius: 0;
  overflow:visible;
}
.progress-line .progress-bar{
  position: relative;
  top:2px;
  background-color: #4D505A!important;
}

.progress.progress-style-1{height: 12px!important;border-radius: 0;margin-bottom: 0;}
.progress .progress-bar.bg-progress-1{background-color: #3d61cc !important;}
.progress .progress-bar.bg-progress-2{background-color: #53b324 !important;}
.progress .progress-bar.bg-progress-3{background-color: #6e24b3 !important;}
.progress .progress-bar.bg-progress-4{background-color: #e69a29 !important;}
.progress .progress-bar.bg-progress-5{background-color: #d93934 !important;}

.media.media-style-1{
  width: 120px;
  margin:0 auto;
}
.media.media-style-1 .media-object{
  position: relative;
  top: 5px;
}


@media (min-width: 768px) {
  .row-in-form{}
  .form-horizontal .control-label {
    padding-left:15px;
    padding-right: 0;
    float: left;
    width: 150px;
  }
  .form-horizontal .control-label + div {
    padding-left: 0;
  }
  .form-horizontal .control-label + div.input-label {
    width: calc(100% - 150px);
    display: inline-block;
  }
  .form-horizontal .control-label + div.input-group{
    padding-bottom: 24px;
  }
  .form-horizontal .form-control{max-width: 250px;}
}

@media (max-width: 1400px) {
  .hide-in-1400px{
      display: none!important;
  }
  .is-fixed-menu .theme-card-description2{
    min-width: 840px!important;
  }
  .is-fixed-menu .order-details-1400px{
    left:213px!important;
  }
}

/* 弹窗 */
.modal .modal-dialog{
  transform: translate(-50%,-50%)!important;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 0;
}
.openRight.modal .modal-dialog {
  right: 0;
  left: unset;
  top: 0;
  min-height: 100vh;
  transform: translate(0,0)!important;
}
.openRight.modal .modal-content{
  min-height: 100vh;
  border:0;
  box-shadow: 0px 16px 48px 16px rgba(0,0,0,0.03), 0px 12px 28px 0px rgba(0,0,0,0.05), 0px 6px 16px -8px rgba(0,0,0,0.08);
}
.modal-header{
  overflow: hidden;

}
h4.modal-title{
  font-size: 16px;
  font-weight: bold;
  padding: 8px 24px;
  line-height: 32px;
  font-family: PingFang SC, PingFang SC-Medium;
  color: #1f2229;
  display: inline-block;
  position: relative;
  /* height: 32px; */
  /* background: url(../images/svg/red_bg.svg) no-repeat right #D93934; */
}

.modal-footer .btn{
  padding-left:20px;
  padding-right:20px;
  height: 32px;
}
.right-modal-header{
  height:48px;
  line-height:48px;
  background:#fff;
  border-bottom: 1px solid #f2f6fc;
}
.right-modal-header .close{
  opacity: 1;
  text-shadow: none;
  color: #ccc;
  margin-top: 12px;
  margin-right: 20px;
}
.right-modal-title{
  font-weight: bold;
  color: #1f2229;
  font-size:16px;
  margin:0 0 0 24px;
  height:48px;
  line-height:48px;
}
.right-modal-name{
  font-size:20px;
  color: #1f2229;
  font-weight:bold;
  margin-bottom:16px;
}
.right-modal-info{
  width:96px;
}
.right-modal-info-name{
  font-size:12px;
  color: #83878f;
  margin: 4px 0;
}
.right-modal-info-unit{
  font-size:16px;
  font-weight:bold;
  color: #1f2229;
}
.right-modal-table{
  margin: 24px 0 0;
}
.right-modal-table .right-modal-lable{
  width:50%;
  float: left;
  height: 40px;
  line-height: 40px;
  color: #454852;
  font-size: 12px;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 0;
}
.right-modal-table .right-modal-lable .info-title{
  color: #1f2229;
  font-size: 12px;
  background: #fafbfc;
  border-right: 1px solid #e0e0e0;
  height: 39px;
  display: inline-block;
  line-height: 40px;
  padding-left: 12px;
  width: 108px;
  margin-right: 12px;
}
.right-modal-table .right-modal-lable .info-massage{
  display: inline-block;
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.accordion-pannel .panel{
  border:none!important;
  box-shadow: none!important;
}
.accordion-pannel .panel-heading{
  background:none!important;
  padding-left: 0!important;
  padding-right: 0!important;
}
.accordion-pannel .panel-body{
  border-top: none!important;
  padding:0!important;
}
.accordion-pannel .panel-group{
  margin-bottom:0!important;
}

#resTab .nav-stacked>li+li{
  margin-top: 0;
}

#resTab tab-heading {
  color: #000;
}

#resTab .nav>li>a {
  height: 48px;
  padding-top: 14px;
  padding-bottom: 20px;
  border-radius:0px;
}
#resTab .nav-pills>li.active>a{
  position: relative;
}
#resTab .nav-pills>li.active>a:before{
  content: " ";
  display:block;
  width:3px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 16px;
  background-color: #D93934;
}

#resDetailTab .nav-tabs>li.active>a, #resDetailTab.nav-tabs>li.active>a:hover, #resDetailTab.nav-tabs>li.active>a:focus, #resDetailTab.nav-tabs>li.active>a:active{
    border-top: 3px #d93934 solid;
    border-bottom: 5px #fff solid;
    color: #d93934;
}

#resDetailTab.nav-line-bottom ul{
  padding-left:0px;
}
#resDetailTab.nav-line-bottom .nav-tabs>li>a{
  border:0;
}

#resDetailTab.nav-line-bottom .nav-tabs>li.active>a,#resDetailTab.nav-line-bottom .nav-tabs>li.active>a:active{
    border:0;
    border-bottom: 3px #d93934 solid;
    padding: 8px 0;
}
#resDetailTab.nav-line-bottom .nav-tabs>li.active,#resDetailTab.nav-line-bottom .nav-tabs>li:focus{
  border:0;
}

#resDetailTab .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1;
    border-right: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    border-radius: 0 0 0 0;
    padding: 8px 20px;
}
#resDetailTab.nav-line-bottom .nav-tabs>li>a {
    border-right: 0;
    border-top: 0;
    padding: 8px 0;
}
#resDetailTab.nav-line-bottom .nav-tabs{
  padding-left:8px;
}
#resDetailTab.nav-line-bottom .nav-tabs>li{
  padding: 0px 16px;
}
#resDetailTab .nav-tabs {
    background-color: #ffffff;
    border-bottom: 1px solid #D9D9D9;
}
#resDetailTab.nav-line-bottom .nav-tabs {
    border-bottom: 0;
}

.animateTransform{
  transform:rotate(0deg);
  transition: transform .3s ease;
}
.rotate90{
  transform:rotate(90deg);
}
.niRotate90{
  transform:rotate(-90deg) !important;
}

.rotate180{
  transform:rotate(180deg);
}

.animateHeight{
  overflow:hidden;
  transition: height .3s ease;
}
.animateWidth{
  transition: width .3s ease-in;
}

.animate-opacity{
  transition: opacity .3s ease-in;
}

.animate-flex-basis{
  transition: flex-basis .3s ease-in;
}
.transition-delay{
  transition-delay: .3s;
}

#resDiv{
  flex: 0 0 0;
  flex-basis: 194px;
}

.select-platform{
  background-color: #fff;
  position: absolute;
  top: 145px;
  left: 62px;
  box-shadow: 1px 1px 5px rgba(0,0,0,.5);
  z-index: 1000;
}
.select-platform.select-platform-sidebarhide{
  top:110px;
  left:19px;
}
.select-platform:before{
  content: "";
  width:0;
  height:0;
  border-width:0 10px 10px;
  border-style:solid;
  border-color:transparent transparent #fff;/*透明 透明  灰*/
  position: absolute;
  margin-top:-10px;
  margin-left:38px;
}
.select-platform.select-platform-sidebarhide:before{
  margin-top: -9px;
  margin-left: 0px;
}
.select-platform .select-platform-item{
  display: block;
  border-bottom:1px #ccc solid;
  padding:20px;
  width: 260px;
  cursor: pointer;
}
.select-platform .select-platform-item:hover{
  background-color: #f1f1f1;
}
.select-platform .select-platform-item img{
  margin-right:15px;
}

#closeCarousel{
  top: 200px;
  left: -24px;
  position: absolute;
  cursor: pointer;
  opacity: .8;
}
#closeCarousel img{
  position: relative;
}

#openCarousel{
  top:50%;
  width: 50px;
  height: 50px;
  right:-16px;
  position: absolute;
}

.text-letter-count{
  float:right;
  position: absolute;
  font-size: 12px;
  color: #999;
  font-family: arial;
  bottom: 0;
  right: 20px;
}

.resetBtn{
  width: 35px;background-color: rgba(255,255,255,1);border: 1px solid rgba(172,172,172,1);
}


.btn .font_family{
  float: left;
  position: relative;
  top:-2px;
}

.highcharts-container{
  display: inline-block;
}

.pre-used{
  font-size: 12px;
  text-align: center;
}
.pre-used-num{
  text-align: center;
  font-family: arial;
  font-size: 24px;
}
.pre-used-num2{
  text-align: center;
  font-family: arial;
  font-size: 28px;
  color: #1f2229;
  margin-bottom: 12px;
}
.pre-used-num2 span{
  color: #454852;
  font-size:12px;
}
.valid-area{
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color:red;
}

.workflow-design{
  display:flex;
  align-items:center;
  justify-content:center;
  color: #333;
  min-height: 300px;
 /* height: inherit;
    background: linear-gradient(90deg,#eee 3%,transparent 0),
          linear-gradient(#eee 3%,transparent 0);
    background-size: 20px 20px; */

}
.workflow-design > div{
  margin-right:10px;
}
.workflow-design .sign-begin,
.workflow-design .sign-end{
  display:inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border:1px #ccc solid;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  background-color: #eee;
}
.workflow-design .sign-line{
  display:inline-block;  
  position: relative;
  width: 70px;
}
.workflow-design .sign-line .sign-add{
  position: absolute;
  padding-left: 20px;
  text-align: center;
  font-size: 20px;
  margin-top: -30px;
  cursor: pointer;
  opacity: 0;
}
.workflow-design:hover .sign-line .sign-add{
  opacity: 1;
}
.workflow-design .sign-line:before{
  content: "";
  display:inline-block;  
  position: absolute;
  left:0;
  top:-2px;
  width:50px;
  height: 4px;
  background-color: #eee;
}
.workflow-design .sign-line:after{
  content: "";
  display:inline-block;  
  position: absolute;
  left:50px;
  top:-10px;
  width:0;  
  height:0;  
  border-top: 10px solid transparent;  
  border-left: 20px solid #eee;  
  border-bottom: 10px solid transparent;
}
.workflow-design .sign-node{
  display:inline-block;
  width: 100px;
  height: 100px;
  border:1px #ccc solid;
  border-radius: 5px;
  text-align: center;
  background-color: #eee;
}
.workflow-design .sign-node.active{
  border-color: orange;
}
.workflow-design .sign-node .sign-text{
  line-height: 52px;
  cursor: default;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.workflow-design .sign-node .sign-node-ctrl{
  opacity: 0;
  cursor: pointer;
}
.workflow-design .sign-node:hover .sign-node-ctrl{
  opacity: 1;
}
.submenu>li>a {
  padding-left: 40px!important;
}
.aside .fa-chevron-right {
  position: relative;
  margin-right: 10px;
  font-size: 10px;
  top:18px;
  opacity: 0.7;
}
.aside .open .fa-chevron-right,.servicelist .open .fa-chevron-right{
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.abn-tree-container{
  font-size: 12px;
}
.abn-tree-container ul.abn-tree li.abn-tree-row a{
  color: #2A2A2A;
}
.abn-tree-container ul.abn-tree li.abn-tree-row a:hover{
  /*color: #4c7cea;*/
}
.abn-tree-container ul.abn-tree.tree-disabled li.abn-tree-row a{
  color: #999;
}
.abn-tree-container .nav-pills>li>a, 
.abn-tree-container .nav-pills>li>a:focus,
.abn-tree-container .nav-pills>li>a:hover,
.abn-tree-container .nav-pills>li.active>a, 
.abn-tree-container .nav-pills>li.active>a:focus,
.abn-tree-container .nav-pills>li.active>a:hover{
  background: none;
}
.abn-tree-container .nav-pills>li>a .tree-label{
  padding:5px;
  margin-left: 18px;
}
.abn-tree-container .nav-pills>li>a:hover{
  background-color: #ebeffa !important;
}
.abn-tree-container .nav-pills>li>a .tree-label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: -22px;
  width: 24px;
  height: 24px;
  background: url(../images/svg/icon-man.svg) no-repeat 4px 4px;
  background-size: 16px 16px;
}
.vdcTree.abn-tree-container .nav-pills>li>a .tree-label::before{
  background: url(../images/svg/VDC.svg) no-repeat 0px 0px;
  width: 16px;
  height: 16px;
  top: 4px;
  left: -17px;
}
.vdcBussystem.abn-tree-container .nav-pills>li>a .tree-label::before{
  background: url(../images/svg/YeWuGeJie.svg) no-repeat 0px 0px;
  width: 14px;
  top: 6px;
  left: -16px;
}
.copyFolderTree .abn-tree-container .nav-pills>li>a .tree-label::before{
  background: url(../images/svg/WenJianJia.svg) no-repeat 0px 0px;
  width: 14px;
  top: 6px;
  left: -16px;
}
.abn-tree-container .nav-pills>li>a{
  color: #454852;
}
.abn-tree-container .nav-pills>li>a:hover{
  background: rgba(0,0,0,0.06);
}
.abn-tree-container .nav-pills>li.active>a,
.abn-tree-container .nav-pills>li.active>a:focus, 
.abn-tree-container .nav-pills>li.active>a:hover{
  background-color: #ebeffa!important;
  color: #3d61cc!important;
}
.abn-tree-container ul.abn-tree li.abn-tree-row a{
  padding: 0 0 0 0px;
  display:inline-block;
  margin-top: -8px;
  vertical-align: middle;
  height:32px;
  padding-right: 22px;
  border-radius:2px;
}
.abn-tree-container ul.abn-tree li.abn-tree-row a .spanEll{
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 8px;
  z-index: 999;
  background: url(../images/svg/moreShu.svg) no-repeat 0px 0px;
  background-size: 16px 16px;
  display: block;
  width: 16px;
  height: 16px;
}
.abn-tree-container ul.abn-tree li.abn-tree-row a:hover .spanEll{
  background: url(../images/svg/moreShuHover.svg) no-repeat 0px 0px;
}
.abn-tree-container ul.abn-tree li.active.abn-tree-row a .spanEll{
  background: url(../images/svg/moreShuActive.svg) no-repeat 0px 0px !important;
}
.morePup{
  position: fixed;
  padding:4px 0;
  background:#fff;
  z-index: 9999;
  border: 1px solid #e4e7ed;
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08), 0px 2px 6px -4px rgba(0,0,0,0.12);
}
.morePupList{
  display:block;
  width:110px;
  padding:5px 12px;
  cursor:pointer;
}
.morePupList:hover{
  background: #f7f8fa;
}
.servicelist .firstmenu a{
  display: block;
  /* border-top:1px solid #D6DBE5; */
  /*border-bottom: 1px solid #D6DBE5;*/
  padding: 8px 0px 12px 0px;
  overflow: hidden;
  background-color: #fff;
  color:#1F2229;
  text-decoration: none;
}
.servicelist .firstmenu a:hover,.servicelist .firstmenu a:focus
{
  color:#1F2229;
  text-decoration: none;
}
.servicelist .firstmenu a:hover {
  background: #ebeef5;
}
.servicelist .firstmenu .secondmenu a:hover{
  color: #D93934;
  background: #fff;
}
.servicelist .fa-chevron-right {
    top: 5px;
    left: 12px;
    position: relative;
    width:8px;
    height:6px;
    color:#828D9E;
    font-size: 9px;
}
.servicelist .secondmenu {
  padding:0;
  background-color: #fff;
}
.servicelist .secondmenu li{
  margin-bottom:0px;
}
.servicelist .secondmenu a{
  height: 40px;
  padding:10px 0px 0px 0px;
  border:none;
  background-color:#fff;
  font-size:12px;
  font-weight:400;
  color:rgba(42,42,42,1);
}
.minWidth1200 {
  min-width: 1200px;
}
.actionbar {
  width: 210px;
  float: right;
  right: 34px;
  background-color: #fff;
  position: absolute;
  box-shadow:-2px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

/*伸缩*/
.telescopic{
  -webkit-transition: height 2s;
  -moz-transition: height 2s;
  -ms-transition: height 2s;
  -o-transition: height 2s;
  transition: height 2s;
}
#createservice .wizard-nav {
  left: 44%;
  transform: translateX(-32%);
}
#createservice.createVmsInst .wizard-nav {
  right: 0;
  left: unset;
  top: 2px;
  transform: translateX(0%);
}
#createservice.createVmsInst .wizard-nav-style2 .step-img{
  width: 24px;
  height: 24px;
  line-height: 22px;
}
#createservice.createVmsInst .wizard-nav-style2 .step-img-active {
  background-color: #D93934;
  border: 1px #D93934 solid;
}

/*小三角*/
.triangle-up{
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 30px;
  background: inherit;
  border: 1px solid initial;
  transform: rotate(135deg);
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.triangle-down{}
.triangle-left{}
.triangle-right{}

.application-container{
  width: 1280px;
  margin:0 auto;
}
.application-step{
  border-left:1px #eee dashed;
  padding-bottom:20px;
}
.application-step:last-child{
  border-left:none;
}
.application-step.actived{
  border-left-style: solid;
}
.application-step:before{
  content: "";
  display: inline-block;
  width:22px;
  height: 22px;
  border-radius: 11px;
  background-color: #eee;
  position: relative;
  left:-11px;
  text-align: center;
}
.application-step.actived:before{
  content: "\2713";
  background-color: #D93934;
  color: #fff;
  font-weight: bold;
}
.application-title{
  display: inline-block;
}
.application-step .box-select{
  padding:0 25px;
  margin-top:10px;
}




.rzslider .rz-pointer {
  width: 16px!important;
  border-radius: 0!important; 
   background-color: #aaa!important;
}
.rzslider .rz-pointer:after{
  left: 4px!important;

}
.rzslider .rz-tick{
  margin-left: 0!important;
}
.rzslider .rz-bar{
  width: calc(100% - 11px)!important;
}
.rzslider .rz-selection{
  width: 100%!important;
}
.abn-tree .branch-searched{color:blue}

.apply-list{
  
}
.apply-list .apply-list-item{
  width: 20%;
  float: left;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.apply-list-item-line{
  width: 94px;
  display: inline-block;
  border-bottom:3px #fff solid;
}
.apply-list .apply-list-item.active .apply-list-item-line{
  border-bottom-color:#d93934 ;
}
.topobg {
  background-image: url(../images/HuaBuBG.png);
}
.setresource {
  font-size: 12px!important;
  
}
.setresource .baseinfo {
  margin-bottom: 40px;
}
.setresource .baseinfo .form-group,.setresource .advancedinfo .form-group,.setresource .futherinfo .form-group {
  overflow: hidden;
  min-height: 30px;
}
.setresource .advancedinfo .col-md-5,.setresource .baseinfo .col-md-5, .setresource .futherinfo .col-md-5{
  padding:5px 0 0 5px;
}
.setresource .advancedinfo .col-md-7,.setresource .baseinfo .col-md-7,.setresource .futherinfo .col-md-7,
.setresource .advancedinfo .col-md-7 .col-md-12,.setresource .baseinfo .col-md-7 .col-md-12,.setresource .futherinfo .col-md-7 .col-md-12{
  padding: 0px
}
.setresource .advancedinfo .col-md-7 .col-md-12,.setresource .baseinfo .col-md-7 .col-md-12,.setresource .futherinfo .col-md-7 .col-md-12{
  padding-top: 5px

}

.test-table-box{
  width: inherit;

  position: relative;
  /* overflow:hidden; */
  /* overflow-y: auto */
}
.test-table-box .table{
  table-layout: fixed;
}
.test-table-box .test-table-box-header{
  width: inherit;
}
.test-table-box .test-table-box-header .table{
  margin-bottom: 0!important
}
.test-table-box .test-table-box-body{
  width: inherit;

  overflow: auto;
  padding-right:100px;
}
.test-table-box .test-table-box-body > .talbe{
  width: inherit;
}
.test-table-box .test-table-box-body > .table tr td:last-child{
  padding-right:150px!important;
}
.test-table-box .test-table-box-ctrl{
  width: 100px;
  position: absolute;
  right:0;
      top: 0px;
    background-color: #fff;
    box-shadow: -2px 0 2px rgba(0,0,0,.1);
}

.jtopo_toolbar {
  padding: 10px;
  /* background: #fff; */
}
.jtopo_toolbar input{
  margin:0px 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px!important;
  background-clip: padding-box!important;
  color: #858585;
  border: 1px solid #d5d5d5;
  background-color: #eee!important;
}


#linkalert {
  z-index: 999;
    float: right;
     position: absolute;
    right: 20px;
    top: 65px;
}
/* .jtopo_toolbar .btn-primary .active
{
    border: solid 1px #2a88da!important;
  background-color: #2a88da!important;
  border-color: #2a88da!important;
} */
#modenormal,#modeselect,#modeedit,#lineto,#fullmode,#dashmode{
  height:16px;
  margin: 0px 5px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.jtopo_toolbar input[type=checkbox],.jtopo_toolbar input[type=radio] {
  opacity: 1;
    position: relative;
    left: 0px;
    z-index: 12
}
.jtopo_toolbar .radiotext{
  position: relative;
  top:-4px;
}


.setresource  .control-label.control-label-required {
     position: relative;
}
.setresource  .control-label.control-label-required:after {
    content: "*";
    position: absolute;
    left: 0;
    color: red;
}

.time-line{
  position: relative;
  top:20px;
}
.time-line .time-line-item{
  padding:10px 0 10px 10px;
  border-left:1px #ccc solid;
  position: relative;
  left:10px;
}
.time-line .time-line-item:before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FA8961;
  position: relative;
  left:-15px;
  top: -15px;
}
.time-line .time-line-item:last-child{
  border-left:none;
}
.time-line .time-line-item span{
  position: relative;
  top:-15px;
}
.servicelist i {
  padding: 0px 0px;
}
.time-slider-container{

}
.time-slider-container .rzslider .rz-pointer{
  width: 14px!important;
  height: 14px;
  border: 2px #FA8961 solid;
  border-radius: 7px!important;
  background-color: #fff!important;
  top: -5px;
}
.time-slider-container .rzslider .rz-pointer:after{
  display: none!important;
}
.time-slider-container .rzslider .rz-selection{
  background-color: #FA8961!important;
}
.time-slider-container .rzslider .rz-ticks-values-under .rz-tick-value{
  color: #999;
  font-size: 12px;
  bottom: -20px;
}
.time-slider-container .rzslider .rz-bubble{
  font-size: 12px;
  bottom: 10px;
}
.time-slider-container .rzslider .rz-tick.rz-selected{
  background-color: #FA8961;
}

.item-list-table tr .item-list-table-del{visibility: hidden;}
.item-list-table tr:hover .item-list-table-del{visibility: visible;}
.loginconfig-disable-ip .item-list-table .ip-span{opacity: .5;}
.panellist_bgGrety{background: rgba(245,245,246,1);}
.showbtn-sm{
  width:90px;
  height:28px;
  background:rgba(223,226,239,1);
  border-radius:2px;
}
.sort-indicator {
    padding-right: 18px;
    position: relative;
}
.sort-indicator:after,.sort-indicator:before {
    content: "";
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: #C4C6CC transparent;
    visibility: visible;
    right: 5px;
    top: 44%;
    position: absolute;
    margin-top: -5px;
}
.sort-indicator:before {
    margin-top: 2px;
    border-bottom: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #C4C6CC;
}
.sort-indicator:after:hover,.sort-indicator:before:hover {
  color: #454852;
}

/*登陆设置页*/
.width600{width:800px;margin-left:-400px;}
.width900{width:900px;margin-left:-400px;}
.indent20{padding-left: 20px;}
.timeset-data{width:50px;float:left;font-size: 14px;color: #666666;}
.timeset-data p {margin: 1px 0;}
.timeset-hour{float:left;width:500px;}
.timeset-hour td{padding:0;}
.timeset-hour .table-bordered{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.timeset-hour .hour-table{width:520px;max-width:705px;margin:10px 0 3px -5px;font-size: 15px;}
.timeset-hour .hour-table td{border:0; padding: 0px!important;height: 18px!important;line-height: 18px !important;color: #666666;}
.hour-table-block{margin-bottom:10px;position:relative;width:500px;height:135px;}
.hour-disabe{position:absolute;width:100%;height:100%;z-index:99;background:#fff;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;cursor:not-allowed;}
.unselect{-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}
.hour-table-block .table{width: auto!important}
.hour-table-block .table-bordered{border: 1px solid #eaeff0;}
.hour-table-block .table-bordered > tbody > tr > td{border-color: #eaeff0!important}
.hour-table-block .table>tbody>tr>td{background-color: #fff;width:21px!important;height:21px!important; padding: 0!important;border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;}
.hour-table-block td.td-select2{background:#EC9C99!important;}
.hour-table-block td.td-select2{background:#EC9C99!important;}
.loginconfig-disable-day .hour-table-block td.td-select2{opacity: .5}
#selection-h{position:absolute;z-index:999999;background:#2279d7;border:1px #f2f2f2 dashed;width:0;height:0;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;}
.set-example span{margin-right:30px;}
.set-example span i{display:inline-block;width:16px;height:16px;background:#fff;border:1px #ccc solid;margin-bottom:-4px;}
.set-example span.stop i{background:#2279d7;}



.sort-indicator.sort-up:after {
  border-color: #c62d28 transparent;
}
.sort-indicator.sort-down:before {
  border-top: 5px solid #c62d28;
}
.input-group .input-group-addon {
  background-color: #fafbfc;
}
.input-group .input-group-addon.pointer {
  background-color: #fafbfc;
}
.mainContainerBoxInputLabel .input-group .input-group-addon {
  width: 32px;
  background: #FAFBFC;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pic-view{position: relative;height: 45px; padding: 13px; overflow: hidden;}
.pic-view .pic-view-prev{
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  left:0;
  top:20px;
  cursor: pointer;
  white-space: nowrap;
}
.pic-view .pic-view-next{
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  right:0;
  top:20px;
  cursor: pointer;
}
.pic-view ul li{
  float: left;
  margin: 0 10px;
  cursor: pointer;
}


.login-page{
  width: 100%;
  height: 100vh;
  /*background: linear-gradient(35deg,#24242e, #2d2b40); */
  background: linear-gradient(30deg,#ffffff, #ffffff);
  /*background:url(../images/bg.png) no-repeat;
  background-position: center center;*/
}
.login-page .login-page-top{
  padding:15px;
  color:#fff;
  vertical-align: middle;
  line-height: 36px;
  position: absolute;
  z-index: 100;
}
.login-page .login-page-bg{
  height: 100%;
  width: 100%;
  /*background:url(../images/login_bg.png) no-repeat 15vh 0;*/
  /*background-position: 83px 62px;*/
  /*background:url(../images/bg.png) no-repeat 15vh 0;*/
  background-size: contain;
  background-position: 35% center;
  position: absolute;
  top:0;

}
.login-page .login-box{
  background-color: #fff;
  border-radius: 2px;
  padding:30px;
  position: absolute;
  left:65vw;
  top:25vh;
  width: 356px;
  box-shadow: 0 2px 4px 0 rgba(36,41,46,0.04), 0 16px 32px 0 rgba(36,41,46,0.08);
}
.login-page .login-page-info{
  color:#fff;
  line-height: 50px;
  letter-spacing: .1em;
}
.login-page .login-box input,
.login-page .login-box select,
.login-page .login-box button{
  height: 40px;
}

.login-page .login-box .system-name-input{
  padding-left:30px;
  background-size: 16px 16px!important;
  background-position: 5px 11px!important;
}
.login-page .login-box .sys-select{
  border: 1px #ccc solid;
  position: absolute;
  width: 82%;
  background: #fff;
}
.login-page .login-box .sys-select li{
  padding:5px;
  border-bottom:1px #ccc solid;
  cursor:pointer;
}
.login-page .login-box .sys-select li:last-child{
  border:none;
}
.login-page .login-box .sys-select li:hover{
  background-color: #f1f1f1;
}

.login-box-footer{position: absolute;bottom:15px;width: 100%}

.dropdown-menu.dropdown-menu-with-up-sign:before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 30px;
  background: inherit;
  border: 1px solid initial;
  transform: rotate(135deg);
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/*.servicelist  li.firstmenu a:after,.servicelist li.firstmenu .secondmenu li a:after{
    content: " ";
    display: block;
    float: right;
    position: relative;
    background-color: #999;
    margin: 0 auto;
    border-right: 3px #fff solid;
}*/
.servicelist li.firstmenu a.actived{
  background: #FFF0F0;
  color:#D93934;
}
.servicelist  li.firstmenu a:after {
  right: -20px;
  height: 30px;
  top:-2px;
}
.servicelist  li.firstmenu.nochild a:after {
  /* right: -42px; */
  right: 0px;
  height: 30px;
  top:-2px;
}
.servicelist li.firstmenu .secondmenu li a:after{
  right: 0px;
  height: 20px;
}
.servicelist.editmode  li.firstmenu a:after {
  right: -60px;
  height: 30px;
}
.servicelist.editmode li.firstmenu .secondmenu li a:after{
  right: -31px;
  height: 20px;
}
.servicelist.editmode .secondmenu i.icon-reduce {
  margin-right: 12px;
}
.servicelist.editmode li.firstmenu.nochild  i.icon-reduce {
  margin-right: 8px;
}
/* .modal-header {
    border-bottom: none;
} */
#instanceTable   tr td{
  height: auto !important;
  line-height: normal!important;
  padding: 10px 8px!important;
  vertical-align: middle;
}
.table-text-vertical > tbody > tr > td{
  height: auto !important;
  line-height: normal!important;
  padding: 10px 8px!important;
  vertical-align: middle;
}
.servicelist.editmode li.firstmenu label.sort{
    width: 20px;
    height: 22px;
    float: left;
    position: relative;
    left: 0px;
    top: -9px;
    margin-bottom: 0px;
}
.servicelist.editmode ul.secondmenu label.sort {
  width: 15px;
  height: 34px;
  float: left;
  position: relative;
  top: -8px;
  left: 0px;
  margin-bottom: 0px;
}
label.sort i {
  padding: 0px 0px;
  position: relative;
  top: 1px;
  color: #D93934;
}
.servicelist.editmode li.firstmenu label.sort button{
  padding: 2px 0px;
  width:20px;
  height:23px;
  background: unset;
  border: 0;
}
.servicelist.editmode ul.secondmenu label.sort button{
  padding: 0px 0px;
  width:15px;
  height:18px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #f0f0f0!important;
}
.dropdown-menu-loadbalance.dropdown-menu > li > a:hover,.dropdown-menu-vms.dropdown-menu > li > a:hover {
   background-color: #f0f0f0;
}
.dropdown-menu>li>a {
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
}
.dropdown-menu li:first-child{
  margin-top: 8px;
}
.dropdown-menu li:last-child{
  margin-bottom: 8px;
}
.dropdown-menu-vms ::before {
  position: absolute;
  top: -8px;
  left: 10px;
  content: "";
  width: 0;
  height: 0;
  /* border-top: 8px solid transparent; */
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
}
.dropdown-menu-vms{
  border: none !important;
  position: absolute;
  top:46px;
}
.dropdown-menu-vms li:first-child{
  margin-top: 8px;
}
.dropdown-menu-vms li:last-child{
  margin-bottom: 8px;
}
.btn-sm {
  padding: 5px 16px;
}

.createMarginAuto{
  margin: 0 auto;
  width: 1200px;
}
.hexagonTop{width:0;border-left: 32px solid transparent;border-right: 32px solid transparent;border-bottom: 17px solid #eee;}
.hexagonMiddle{width: 64px;height: 40px;background-color: #eee;text-align: center;line-height: 40px;padding-left: 4px;}
.hexagonBottom{width:0;border-top: 17px solid #eee;border-left: 32px solid transparent;border-right: 32px solid transparent;}
.btn-noborder{
    border-bottom: none;
    border-top: none;
    border-right: none;
    height: 52px;
    background: rgba(248,248,248,1);
}
.inline-block{display: inline-block;}
.createVms .control-label{
   width: 115px;
   vertical-align: top;
   padding-top: 5px;
 }
.createF5LoadBalance .control-label {
  width: 115px;
  vertical-align: top;
  padding-top: 5px;
  font-weight: normal;
}
.createF5LoadBalance .control-label.control-label-required:after {
  content: "*";
  position: absolute;
  left: 5px;
  color: red;
}
.createVms .box-select .radiobnt{
  width: 54px;
}
.createContainerClusters .control-label{
  width: 135px;
  vertical-align: top;
  padding-top: 5px;
}
.createContainerClusters  .control-label.control-label-required:after {
 content: "*";
 position: absolute;
 left: 5px;
 color: red;
}
.vm-construct  .control-label.control-label-required:after {
 content: "*";
 position: absolute;
 left: 5px;
 color: red;
}
.width120{
  width: 120px!important;
}
.box-select .radiobnt{margin-right: 0;border-radius: 0;width:61px;text-align: center;padding:5px 0px!important;}
.modal-body select:disabled
{ 
  background-color: #F5F5F5;

}
.activeVmsTab li{border-left: solid 4px transparent;}
.activeVmsTab .active{border-left: solid 4px #D93934;}
.activeVmsTab .active a{color: #D93934!important;border-bottom:none!important;}
.activeVmsTab .settingActive a{height:34px !important;}
.activeVmsTab li:hover{    opacity: .8;}
.activeVmsTab li a:hover{    background:#ECEFF4 !important}
.activeVmsTab .settingActive a:hover{background:#f3f3f3 !important;border-color:#f3f3f3 !important;}
.activeVmsTab .settingActive.active{border:0;border-left: solid 2px #D93934;}
.activeVmsTab .settingActive.active a{color: #D93934!important;background:#f3f3f3 !important;}

.servicetext {
  display: inline-block;
  position: relative;
  top: 5px;
}
.editmode .servicetext {
  cursor: pointer;
}
.servicelist li.firstmenu a.firmenutop {
  border-top: 1px solid #D6DBE5;
}

.select-data-empty{
  text-align: center;
  width: 68px;
  font-size: 12px;
  color: #999;
}
.limitlength {
  display: inline-block;
  width:150px;
}
.createVmsnum{
  font-size: 24px; float: left; border-bottom: solid 1px #ccc;  border-right: solid 1px #ccc;    padding: 0 15px 10px;
}
.createVmInfo .ulLi li{    float: left;   padding: 0 26px;    text-align: center;  border-right: 1px solid #ccc;}
.createVmInfo  .infoRow{margin: 15px;    border-bottom: 1px dashed #ccc;}
.createVmInfo .ico{float: left;padding: 0 18px 10px 19px;  border-right: 1px solid #ccc;  line-height: 40px;}
.createVmInfo  .text{font-size: 16px;    font-weight: bold;}
.combo-table .sort-indicator:after,.combo-table .sort-indicator:before {
    top: 47%;
}
/* 调度任务-日记详情 */
#taskLogPage.modal-body {
  background: #fff;
  padding: 0;
}
#taskLogPage.modal-body h3 {
  font-size: 18px;
  color: #2A2A2A;
  line-height: 18px;
  margin: 0 0 16px 0;
}
#taskLogPage.modal-body .base-info {
  padding: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(233, 231, 231, 1);
}
#taskLogPage.modal-body .base-info .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#taskLogPage.modal-body .base-info .list .item {
  width: 288px;
  height: 40px;
  line-height: 40px;
  background: rgba(245, 245, 246, 1);
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
#taskLogPage.modal-body .base-info .list .item .name {
  font-size: 14px;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  width: 90px;
  padding-left: 13px;
  margin: 0;
}
#taskLogPage.modal-body .base-info .list .item .val {
  background: rgba(245, 245, 246, 1);
  flex: 1;
  font-weight: 400;
  color: rgba(42, 42, 42, 1);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#taskLogPage.modal-body .log-detail {
  padding: 0 20px 15px 20px;
}
#taskLogPage.modal-body .log-detail .container {
  width: 600px;
  height: 250px;
  overflow-y: scroll;
  margin-top: 18px;
  padding: 16px 13px 10px 13px;
  border: 1px solid rgba(224, 224, 224, 1);
}
/*#taskLogPage.modal-body .log-detail .container::-webkit-scrollbar {
  display: none;
}*/
#taskLogPage.modal-body .log-detail .container .item {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}
#taskLogPage.modal-body .log-detail .container .item .label {
  color: #999999;
  width: 130px;
  text-align: left;
  line-height: 18px;
  padding: 0;
  margin: 0;
}
#taskLogPage.modal-body .log-detail .container .item .message {
  color: #2A2A2A;
  flex: 1;
  text-align: justify;
  word-break: break-all;
}
#taskLogPage.modal-body .log-detail .container .item .state {
  width: 45px;
  line-height: 18px;
  text-align: right;
  color: #2A2A2A;
}
/* 绑定详情 */
#bingDetailContainer.list-group .list-group-item {
  border: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#bingDetailContainer.list-group .list-group-item label {
  width: 100px;
  color: #999999;
  font-weight: normal;
  margin: 0;
}
#bingDetailContainer.list-group .list-group-item span {
  flex: 1;
  color:#2A2A2A;
  font-weight: normal;
}
/* 资源延期 */
#resourceExtension {
  display: flex;
  align-items: flex-start;
  margin: 10px;
}
#resourceExtension i {
  color: red;
  padding-right: 4px;
  height: 18px;
  font-size: 14px;
  vertical-align: top;
}
#resourceExtension label {
  width: 100px;
  margin: 0;
  color: #2A2A2A;
  font-weight: 400;
}
#resourceExtension .input-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#resourceExtension .input-group span { 
  padding: 3px 0;
  color: red;
  display: none;
}
#select-dialog .default {
  display: block;
  height: 32px;
  line-height: 29px;
  padding: 0 18px 0 10px;
  border: 1px solid #dcdfe6;
  border-radius: 2px 0 0 2px;
  background-color: #fafbfc;
  border-right: 0;
  text-align: left;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}
#select-dialog .default::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 13px;
  right: 7px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#select-dialog .default:hover {
  color: #333;
  background-color: #fafbfc;
  border-color: #8c8c8c;
}
#select-dialog .ol {
  position: absolute;
  top: 34px;
  width: 160px;
  cursor: pointer;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  background: #fff;
  color: #262c39;
  z-index: 1000;
  border-radius: 2px;
}
#select-dialog .ol li {
  height: 32px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 12px;
}
#select-dialog .ol li:hover {
  background: #f5f5f5;
}
#select-dialog .ol li:first-child{
  margin-top: 8px;
}
#select-dialog .ol li:last-child{
  margin-bottom: 8px;
}
#theadFilter {
  position: relative;
}
#theadFilter .tr-filter {
  position: absolute;
  /* width: 120px; */
  min-width: 160px;
  display: flex;
  flex-direction: column;
  /* padding-top: 5px;   */
  top: 48px;
  left: -110px;
  background: #fff;
  color: #2A2A2A;
  font-size: 14px;
  z-index: 100;
  box-shadow: 2px 0px 5px 2px rgba(0,0,0,0.10);
  border-radius: 2px;
  max-height: 300px;
  overflow: auto;
}
#theadFilter .tr-filter::before {
  position: absolute;
    top: -8px;
    left: 112px;
    content: "";
    width: 0;
    height: 0;
    /* border-top: 8px solid transparent; */
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid transparent;
}
#theadFilter .tr-filter label.checkbox-inline {
  margin: 0;
  padding: 0;
  height: 32px;
  display: flex;
  align-items: center; 
}
#theadFilter .tr-filter label.checkbox-inline:hover {
  background-color: #f5f5f5;
}

#theadFilter .tr-filter label.checkbox-inline span.text {
  padding: 4px 12px;
  white-space: nowrap;
}

#theadFilter .tr-filter label.checkbox-inline input {
  width: 18px;
}
#theadFilter .tr-filter label:first-child{
  margin-top: 8px;
}
#theadFilter .tr-filter label:last-child{
  margin-bottom: 8px;
}
.topoitemlist .servicelist .firstmenu a {
  padding: 12px 0px 7px 20px;
  font-size: 14px;
}
.topoitemlist .servicelist .firstmenu ul li a{
  padding: 12px 0px 7px 5px;
  font-size: 12px;
}
.topoback {
    padding-right: 8px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.topoback:before {
    content: '';
    width: 10px;
    height: 10px;
    border-left: 1px solid rgba(76,124,234,1);
    border-top: 1px solid rgba(76,124,234,1);
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: -1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.order-trigon-up {
  margin-left: 5px;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-bottom: 7px dashed;
  border-left: 7px solid transparent;
}
.order-trigon-down {
  margin-left: 5px;
  width: 0;
  height: 0;
  border-top: 7px dashed;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

/*连个相连接的input框*/
.tow_input_link_group{

}
.tow_input_link_group:after{
  clear: both;}
.tow_input_link_group .input_label{
  height: 32px;
  border: none;
  border-radius: 0;
  float: left;
}
.tow_input_link_group .input_left{
  padding-left: 10px;
}
.tow_input_link_group .input_label:focus{
  outline: 0;
}
.tow_input_link_group .cutLine{
  width: 20px;
  text-align: center;
}
.tow_input_link_group .cutLine[disabled]{
  background-color: #ffffff;
}
.message-middleware-settings {
  border: 1px solid #999999;
  width: 640px;
}
.message-middleware-settings .thead>ul, .message-middleware-settings .tbody>ol {
  display: flex;
}
.message-middleware-settings .thead>ul {
  border-bottom: 1px solid #999999;
}
.message-middleware-settings .thead>ul li {
  width: 150px;
  height: 30px;  
}
.message-middleware-settings .thead>ul li.port {
  width: 100px;
}
.message-middleware-settings .thead>ul li.operation {
  width: 80px;
}
.message-middleware-settings .thead>ul li:not(:last-child), .message-middleware-settings .tbody>ol li:not(:last-child) {
  border-right: 1px solid #999999;
}
.message-middleware-settings .thead>ul li:first-child, .message-middleware-settings .tbody>ol li:first-child {
  width: 170px;
}
.message-middleware-settings .thead>ul li span {
  display: block;
  line-height: 30px;
  text-align: center;
}
.message-middleware-settings .tbody>ol:not(:last-child) {
  border-bottom: 1px solid #999999;
}
.message-middleware-settings .tbody>ol li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 40px;
}
.message-middleware-settings .tbody>ol li.port {
  width: 100px;
}
.message-middleware-settings .tbody>ol li.operation {
  width: 80px;
}
.message-middleware-settings .tbody>ol li input {
  padding: 1px 3px;
  width: 130px;
  outline: none;
}
.message-middleware-settings .tbody>ol li.port input {
  width: 80px;
}
.message-middleware-settings .tbody>ol li:first-child input {
  padding: 1px 3px;
  width: 150px;
}
.message-middleware-settings .tbody>ol li.operation {  
  font-size: 0;
  cursor: pointer;
}
.message-middleware-settings .tbody>ol li.operation span {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.userindex-edit-org{
  padding: 2px 0;
  border:1px #fff solid;
  cursor: text;
}
.userindex-edit-org:hover{
  border:1px #eee solid;
}

.order-step{
  margin: 15px auto;
  width: 920px;
}

.order-step .num-block{
  background-color: #999;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 16px;
}
.order-step .time-block{
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  margin-left: 36px;
}
.order-step .step-item{
  display: inline-block;
  text-align: left;
  width: 112px;
  position: relative;
  top: 6px;
  left: 5px;
}

.order-step .step-line{
  width: 150px;
  height: 3px;
  background-color: #999;
  display: inline-block;
  position: relative;
  top:-20px;
}
.order-step li.active .num-block{
  background-color: #DA3F3A;
}
.order-step li.active .step-line{
  background-color: #DA3F3A;
}
.order-step .approve-detail-block{
  position: absolute;
  width:170px;
  min-height: 100px;
  box-shadow: 0 0 3px 1px rgba(0,0,0,.2);
  display: none;
  left: 30px;
  z-index: 10;
  top:40px;
  background-color: #fff;
  text-align: left;
  padding:10px;
}
.order-step li:hover .approve-detail-block{
  display: block;
  
}

.order-step .step-type-begin{width: 112px}
.order-step .step-type-approve{width: 80px}
.order-step .step-type-construct{width: 80px}
.order-step .step-type-resure{width: 140px}

.order-step .step-item .step-img{
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  text-align: center;
  line-height: 32px;
}
.order-step .step-item .step-img-normal{
  background-color: #fff;
  border:1px #999 solid;
}
.order-step .step-item .step-img-hover{
  background-color: rgba(83,179,36,.3);
  border:1px rgba(83,179,36,.8) solid;
}
.order-step .step-item .step-img-active{
  background-color: rgba(61,97,204,1);
  border:1px rgba(61,97,204,1) solid;
  color: #fff;
}
.order-step .step-item .step-name{
  font-size:16px;
}
.order-step .step-item img{
  position: relative;
  top:-2px;
}
.order-step .node-step-normal{
  border-left: 2px #fff solid;
}
.order-step .node-step-line{
  border-left-color: rgba(0,0,0,0.06);
}
.order-step .node-circle{
  margin-right: 12px;
}

.order-step .node-circle.node-cirecle-waiting:before{
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 6px;
  position: absolute;
  z-index: 2;
  margin: 1px 0 0 -7px;
  background-color: #fff;
}
.order-step .node-circle.node-cirecle-waiting:after{
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 8px;
  position: absolute;
  z-index: 1;
  margin: -1px 0 0 -9px;
  background-color: rgba(0,0,0,0.06);
}
.order-step .node-circle.node-cirecle-active:before{
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 6px;
  position: absolute;
  z-index: 2;
  margin: 1px 0 0 -7px;
  background-color: #fff;
}
.order-step .node-circle.node-cirecle-active:after{
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 8px;
  
  position: absolute;
 
  z-index: 1;
  margin: -1px 0 0 -9px;
  background-color: rgba(61,97,204,1);
}
.order-step .node-circle.node-cirecle-finished:before{
  background:url("../images/svg/check.svg") no-repeat  center center #edf7e8;
  background-size: 10px 10px;
  border: 1px rgba(83,179,36,.8) solid;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  position: absolute;
  margin-left:-8px;
  display: inline-block;
  content: "";
}
.order-step .node-name{
  position: relative;
  top:-3px;
}
.order-step .node-date{
  position: relative;
  top:-4px;
  padding-left: 12px;
}
/*服务申请*/
.service_applay .banner{
    height: 262px;width: 100%;
    /*background-color: rgba(0,0,0,.4);*/
    background: linear-gradient(to bottom,#292929,#3F4047);
    background: -moz-linear-gradient(to bottom,#292929,#3F4047);
    background: -o-linear-gradient(to bottom,#292929,#3F4047);
    background: -webkit-linear-gradient(to bottom,#292929,#3F4047);
}
.service_applay .banner .left{
  width: 372px;float: left;height: 100%;position: relative;
}
.service_applay .banner .right{
  width: calc(100% - 372px);float: left;height: 100%;
}
.service_applay .banner .left .icon{
  width: 181px;height: 167px;margin: 25px auto;
  background: url("../images/icon-FuWu.png") no-repeat;
}
.service_applay .banner .left .text{
  width: 100%;text-align: center;font-size: 24px;color:white;
}
.service_applay .banner .right .icon{
    width:100%;height: 100%;
    background: url("../images/banner-FuWu.png") no-repeat 170px 28px;
}
.service_applay .theme{
    width: 100px;height: 100px;text-align: center;position:relative;
}
.service_applay .theme.active{
  background: #D93934;
  color: #ffffff;
  border-radius: 8px;
}
.service_applay .theme:hover{
  border: 1px solid red;
}
.service_applay .theme .icon{
  display: block;width: 28px;height: 60px;font-size:28px;
  margin: 0 auto;line-height:60px;
  position: relative;top: 10px;
}
.service_applay .theme .text{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 2px;
}
.service_applay .theme-container{
  width: 100%;
  min-height: 200px;
  position: absolute;
  top: -100px;
  right: 20px;
}
.service_applay .theme-container .theme-card,.appStore_apply  .theme-card{
  background: #ffffff;height: 300px;margin: 8px;text-align: center;font-size: 12px;
  position: relative;
}
.service_applay .theme-container .theme-card:hover,.appStore_apply .theme-card:hover{
  border: 1px solid red;
}
.service_applay .theme-container .theme-card2:hover,.appStore_apply .theme-card2:hover{
  border: 0;
  box-shadow: 0px 3px 7px 0px rgba(24,37,67,0.15);
}
.service_applay .theme-container .theme-card .grade,.appStore_apply .theme-card .grade{
  height: 40px;
}
.service_applay .theme-container .theme-card .grade .text,.appStore_apply .theme-card .grade .text{
  padding: 0 10px 2px 10px;background:red;
}
.service_applay .theme-container .theme-card .icon,.appStore_apply .theme-card .icon{
  margin: 0 auto;width:38px;height:40px;
}
.service_applay .theme-container .theme-card .title,.appStore_apply .theme-card .title{
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
  height: 46px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.service_applay .theme-container .theme-card .title:hover,.appStore_apply .theme-card .title:hover{
  text-decoration: underline;
  color: #4c7cea;
  cursor: pointer;
}
.service_applay .theme-container .theme-card .type,.appStore_apply .theme-card .type{
  line-height: 40px;
}
.service_applay .theme-container .theme-card .description,.appStore_apply .theme-card .description{
  color: #999999;
  width: 100%;
  margin: 0 auto;
  max-width: 70%;
  height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.service_applay .theme-container .theme-card .description2,.appStore_apply .theme-card .description2{
  -webkit-line-clamp: 4;
  margin-top: 15px;
  height: 70px;
}
.service_applay .theme-container .theme-card .description .text{

}
.service_applay .theme-container .theme-card .apply,.appStore_apply .theme-card .apply{
  width: 100%;margin: 0 auto;position: absolute;
  bottom: 35px;
}
.service_applay .theme-container .theme-card:hover .apply button,.appStore_apply .theme-card:hover .apply button,.service_applay .theme-container .theme-card:hover .theme-card-btn,.appStore_apply .theme-card:hover .theme-card-btn{
  background: #D93934;
  color: white;
}
.service_applay .theme-container .noServiceTip,.appStore_apply .noServiceTip  {
  color: #d93934;font-size: 26px;
  text-align: center;
  position: relative;
  top: 150px;
}

/*云主机服务申请*/
/*左侧带虚线的竖向步骤盒子页*/
.vertical-step-accordion{

}
.vertical-step-accordion .accordion{
  width: 100%;
  border-left: 1px dashed #D7D7D7;
  padding-left: 15px;
  padding-bottom: 15px;
}
.vertical-step-accordion .accordion:last-child{
  border-left: none;
}
.vertical-step-accordion .accordion .title{
  position: relative;left: -25px;position: relative;top: -10px;
}
.vertical-step-accordion .accordion .title .stepIndex{
  width: 22px;height: 22px;border-radius: 50%;background: #D93934;color: #ffffff;text-align: center
}
.vertical-step-accordion .accordion .title .title-content{
  margin-left: 5px;font-size: 22px
}
.vertical-step-accordion .accordion .title .title-tip{
  color:#999999
}
.vertical-step-accordion .accordion .title .title-event{
  cursor: pointer;
}

/*云主机服务申请*/
.vmServiceApply{

}
.vmServiceApply .image .card{
  /*width: 260px;*/
  height: 160px;
  border: 1px solid #CCCCCC;
  margin: 0 10px;
  cursor: pointer;
  margin-bottom: 20px;
}
.vmServiceApply .image .card.active{
  border-color: #D93934;
  background: url("../images/icon/icon_superscript.png") no-repeat bottom right;
}
.vmServiceApply .image .card:hover{
  border-color: #D93934;
}
.vmServiceApply .image .card .card-icon{
  width: 32px;height:32px;
  display: block;
  margin: 10px auto;
  font-size: 32px;
  color: #00BDF6;
}
.vmServiceApply .image .card .card-text{
  text-align: center;
  margin: 0 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.vmServiceApply .image .card .card-tag{
  width: 80px;height: 22px;background:rgba(228,228,228,1);margin: 25px auto 0 auto;text-align: center;
}
.numberbg{
  position: relative;
  top:6px;
  left:0%;
  height:20px;
  width:20px;
  background:rgba(243,243,243,1);
  line-height:16px;
  color:#999;
  border-radius:50%;
  font-size:12px;
}
.vmServiceApply .cpu-memory .card,.allSelectdCard .card{
  height: 32px;
  padding: 0 16px;
  text-align: center;
  color: #454852;
  border: 1px solid #DCDFE6;
  margin: 0 8px 8px 0;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
}
.allSelectdCard .card {
  margin: 0 8px 8px 0;
}
.vmServiceApply .cpu-memory .card.active,.allSelectdCard .card.active{
  border-color: #D93934;
  color: #D93934;
}
.allSelectdCard .card.disabled {
  cursor: not-allowed;
}
.vmServiceApply .cpu-memory .card .card-title,.allSelectdCard .card .card-title{
  font-size: 14px;
  line-height:32px;
}
.vmServiceApply .cpu-memory .card .card-text,.allSelectdCard .card .card-text{
  color: #787878;
  font-size: 12px;
  max-width: 200px;
}
.detail-info {
  background-color: #fff;
  margin: 3px 0 0px 0;
  margin-bottom:5px;
  border:1px solid rgba(224, 224, 224, 1);
}
.info-header{
  font-size: 18px;
  background: #E0E0E0;
  padding: 5px 15px;
  border-bottom: 1px solid rgba(224, 224, 224, 1); 
}
.info-body{
  padding:15px;
}
.info-body .col-md-12,.info-body .col-md-6,.info-body .col-md-5,.info-body .col-md-7{
  padding:0px;
}
.info-body:after {
  content:"";
  clear:both;/*清除浮动*/
  display:block;/*确保该元素是一个块级元素*/
}
.info-grey {
  color:#999;
}
.clearOverflow:after {
  content:"";
  clear:both;/*清除浮动*/
  display:block;/*确保该元素是一个块级元素*/
}
.trhighlight{background:#F8F8F8;border-left: 3px solid #6C6F7B;}
.table-setNotification>tbody>tr>td, .table-setNotification>tbody>tr>th, .table-setNotification>tfoot>tr>td, .table-setNotification>tfoot>tr>th, .table-setNotification>thead>tr>td, .table-setNotification>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd!important;
}


.cmdmode {
  background-color: #292929;
  border: 1px solid #666;
  height: 180px;
  width: 318px;
  resize: none;
  color: #fff;
  margin-top: 20px;
}


.color-picker-input{
  color: transparent ;
  overflow-y: hidden;
  border:none;
}
.showItem{
  width: 40px;
  margin: -1px -8px -1px 0;
  text-align: center;
}
.showItem:hover{
  opacity:0.7;
}
.fileinput-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
}
.text-red{
  color: red;
}
.webuploader-pick {
  padding: 5px 12px;
  height: 32px !important;
  background: #FAFBFC;
  border: 1px solid #DCDFE6;
  color: #454852;
  border-radius: 2px;
}
.webuploader-pick:hover {
  background: #fafbfc;
}

.notify-modal{
  position: fixed;
  top:54px;
  right:0;
  width: 500px;
  z-index: 100;
  background-color: #fff;
  border: 1px #ccc solid;
}
.tasklog-modal{
  position: fixed;
  top:54px;
  right:0;
  width: 1000px;
  z-index: 101;
  background-color: #fff;
  border: 1px #ccc solid;
}
.realtimeNotify-modal{
  position: fixed;
  bottom:-10px;
  right:0;
  width: 300px;
  z-index: 10001;
  background-color: #fff;
  border: 1px #ccc solid;
}
.shoppingcart-modal{
  position: fixed;
  top:0;
  bottom:0;
  right:0;
  width: 350px;
  z-index: 10001;
  background-color: #fff;
  border: 1px #fff solid;
  border-radius: 0;
  margin-bottom:0;
  box-shadow: -1px -1px 20px 1px rgba(0,0,0,.2);
}
.shoppingcart-modal .service-level{
  border:1px #FFD592 solid;
  padding:0 5px;
  display: inline-block;
  background-color: #FFF7E6;
  color: #FA8C17;
}
.shopping-item{
  color: #454852;
  height: 26px;
  line-height: 26px;
  clear: both;
}
.shoppingcart-modal  .item-divider{
  border-top:1px #E4E7ED solid;
  margin:10px 0;
}
.shopping-item .shopping-p-k{
  display: inline-block;
  width: 120px;
  float:left;
}
.shopping-item .shopping-p-v{
  display: inline-block;
  width: 160px;
  float:left;
}
.shopping-item .shopping-p-v .countValue {
  margin-top:0!important;
}
.shopping-item-h{
  color: #D93934;
}
.shopping-cart-btn{
  width: 36px;
  position: fixed;
  top:200px;
  right:21px;
  line-height: 18px;
  padding:10px;
  background-color: #fff;
  color: #454852;
  box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.08);
  cursor: pointer;
  z-index: 10000;
}
.shopping-cart-btn .shopping-num{
  width: 20px;
  height: 20px;
  background: #e4e7ed;
  border-radius: 10px;
  text-align:center;
  display: block;
  font-size: 12px;
  position: relative;
  left: -3px;
  color: #fff;
  margin-top: 10px;
}
.shoppingcart-aside:hover .del-caritem-aside{
  display: inline!important;
}
.shopping-cart-btn .shopping-num.have-goods{
  background: #d93934;
}
.save-draftes-tips{
  position: absolute;
  margin: -25px 0 0 -63px;
  color: #999;
}
.recover-draftes{
  line-height: 44px;
  margin-right: 40px;
  color: #999;
}

.dropdown-menu-head{}
.dropdown-menu-head li{line-height: 14px;padding:10px;cursor: pointer;}
.dropdown-menu-head li:hover{background-color: #f2f2f2;}

.order-vm-details-modal .infotitle{
  text-align: left;
  padding-left:20px;
}

.bootstrap-nav-tree-expand{position: relative;}
.bootstrap-nav-tree-expand:before{
  content: "";
  display: block;
  position: absolute;
  top:-13px;
  left:-4px;
  width:24px;
  height: 24px;
  background:url('../images/svg/ShouQi-2.svg') no-repeat 4px 4px;
  background-size: 16px 16px;
}
.bootstrap-nav-tree-collapse{position: relative;}
.bootstrap-nav-tree-collapse:before{
  content: "";
  display: block;
  position: absolute;
  top:-13px;
  left:-4px;
  width:24px;
  height: 24px;
  background:url('../images/svg/ZhanKai-4.svg') no-repeat 4px 4px;
  background-size: 16px 16px;
}

#thresholdConfig .secrodTable .table > thead > tr > th{
  height: 0px !important;
  line-height: 0px !important;
  padding: 0 8px !important;
}
.thresholdDetail{
  position: absolute;
  z-index: 99;
}
.thresholdDetail .detail-title{
  padding: 5px;
  border: 1px solid #ddd;
  background: #fff;
  border-bottom:none;
}
.thresholdDetail .detail-content{
  border: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
.thresholdDetail .arrow {
  margin-left: 62px;
  float: left;
  width: 0;
  height: 0;
  border-width: 10px;
  left: 77px;
  border-style: solid;
  border-color: #ddd transparent transparent transparent; 
}
.alarmdetail {
  border: 1px solid #ddd;
}
.alarmdetail .detail-title{
  border-bottom: 1px solid #ddd;
}
.alarmdetail .detail-content{
  padding: 10px;
}

#license_tmpl, #license_show_temp {
    position: relative;
    background: url("../images/licensenew.png") no-repeat 0 0;
    /* width: 846px; */
    height: 681px;
}

#fp_topo {
    position: relative;
    background: url("../images/icon/fp/topo.png") no-repeat 0 0;
    width: 934px;
    height: 393px;
}
#fp_banner {
    position: relative;
    background: url("../images/icon/fp/banner.png") no-repeat 0 0;
    width: 100%;
    height: 370px;
    background-size: cover;
}
#resFactor .table-bordered > tbody > tr > td,#resFactor  .table-bordered > tbody > tr > th,#resFactor  .table-bordered > tfoot > tr > td,#resFactor  .table-bordered > tfoot > tr > th,#resFactor  .table-bordered > thead > tr > td,#resFactor  .table-bordered > thead > tr > th {
  border: 1px solid #ccc;
}
#resFactor .table-bordered {
  border: 1px solid #ccc;
}
tr.thirdTable > td{
  padding: 0!important;
}
.thirdTable table {
  margin-bottom: 0!important;
}
.thirdTable table {
  border: none!important;
}
a.disabled{
  color: #999!important;
}
#advancedSearch .col-sm-3 {
padding-right: 0!important;
}

.table-capability > tbody > tr > td{
  background-color: #E6E6E6;
}
.introductionTable .table-capability tbody tr td{
  background-color: #fff;
}
.introductionTable .table-bordered tbody tr td,.introductionTable .table-bordered tbody tr th, .introductionTable .table-bordered tfoot tr td,.introductionTable  .table-bordered tfoot tr th, .introductionTable .table-bordered thead tr td, .introductionTable .table-bordered thead tr th,.introductionTable .table-bordered{
     border: 1px solid #ebeef5; 
}

/*****地图样式********/
.map-content {
    padding: 0 0;
}

.map-module {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}

.map-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.map-branch .map-title {
    margin: 20px 0 0;
    z-index: 1;
}

.map-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #20B09F transparent transparent;
}

.map-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #20B09F;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.map-content-info {
    position: relative;
    margin-bottom: 30px;
}

.branch-map-l {
    width: 849px;
    height: 575px;
    position: relative;
}

.map-content-box {
    width: 92%;
    height: 100%;
    background: url("../images/icon/fp/map-bj.png") no-repeat center;
    position: relative; 
    border-right: 1px solid #cccccc;
}

.map-show-box {
  left: calc(100%-782px);
  width: 8%;
  height: 100%;
  position: relative; 
}

.map-dot {
    position: absolute;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}


.shanghai {
    left: 632px;
    top: 347px;
}

.guangdong {
    left: 539px;
    top: 472px;
}
.sichuan {
    left: 389px;
    top: 360px;
}

.guizhou {
    left: 448px;
    top: 430px;
}

.map-dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #01B7BD;
    border-radius: 50%;
}

.map-dot.beijing:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
    background: url("../images/icon/fp/icon-star.png") no-repeat center;
}

.branch-map-data {
    position: absolute;
    box-sizing: border-box;
    width: 430px;
    border: 1px solid #01B7BD;
    box-shadow: 0 0 2px 2px #e9e9e9;
    background-color: #fff;
    padding: 10px 30px;
    z-index: 1;
    display: none;
}

.branch-map-data-title {
    border-bottom: 1px solid #eee;
}

.branch-map-data-title p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}

.data-branch {
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    box-sizing: border-box;
}

.data-branch:last-child {
    border: none;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
textarea {
  resize: none;
  border: 1px solid #dcdfe6;
}
textarea:hover {
  border-color: #454852;
}
textarea:focus-visible {
  outline: #454852;
}
textarea:focus  {
  border-color: #454852;
  box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 10%) !important;
}
.data-branch .data-name {
    font-size: 14px;
    color: #666;
    line-height: normal;
    margin-bottom: 5px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #01B7BD transparent transparent;
}

.branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #01B7BD;
    animation: dot 4s infinite;
}

span.font_family.icon-Search {
    margin-right: 3px;
}

#resDetailTab ul:after{
  content:'' !important;
  display:block !important;
  clear:both !important;
  visibility:hidden !important;
  height:0 !important;
}

/*****首页*********/
.set-box {
    margin-top: -1px;
    padding: 12px;
    position: absolute;
    top: 80px;
    left: 76%;
    width: 350px;
    background-color: #fff;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.2);
    border-radius: 0 4px 4px 0;
    box-sizing: border-box;
    color: #555666;
    z-index: 99999;
}

.set-box-content{
  padding-right: 8px;
}

.search-tree-layer-bg{
  position: fixed;
  left:0;
  top:0;
  bottom:0;
  right:0;
  background-color: rgba(0,0,0,0.1);
  z-index: 9999;
}
.search-tree-layer{
  background: #fff;
  width: 300px;
  position: absolute;
  z-index: 10000;
  margin: -10px 0 0 11px;
  box-shadow: 3px 2px 3px 1px rgba(0,0,0,.3);
  max-height: 240px;
  overflow-y: auto;
}
.search-tree-layer li{
  font-size: 12px;
  padding:5px 10px;
}
.search-tree-layer li:hover{
  background: #ebeffa;
  color: #1f2229 !important;
  cursor: pointer;
}
.search-tree-layer .org-path{font-size: 12px;color: #ccc;}
.search-tree-layer li:hover .org-path{color: #1f2229;}
.scriptedit{
    float: right;
    position: relative;
}
.addsoftfooter{
  text-align: right;
  position: fixed;
  float: right;
  bottom: 0;
  background: #fff;
  margin: 0px 0 0 0;
  width: calc(100% - 260px);
  height: 50px;
  padding: 15px;
}
.instancesNumCom{
    margin-bottom:12px;
}
.instancesNumCom .instancesNumCom-l{
    display:inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-family: Arial Regular, Arial Regular-Regular;
    font-weight: 400;
    color:#fff;
    text-align: center;
    background: #fb5252;
    border-radius: 2px;
    margin-right:5px;
    display: inline-block;
    vertical-align: middle;
}
.instancesNumCom .instancesNumCom-r {
    display:inline-block;
    width:100%;
}
.instancesNumCom .instancesNumCom-r-t{
    padding-bottom:2px;
}
.instancesNumCom .instancesNumCom-r-t,.instancesNumCom .instancesNumCom-r-b{
    display: block;
    overflow:hidden;
    width:100%;
}
.instancesNumCom-r-b-span{
    height:5px;
    background:#e0e0e0;
}
.instancesNumCom-span-1{
    float:left;
    width:0%;
    background:#fb5252;
}
.instancesNumCom-span-2{
    float:left;
    width:100%;
}
.instancesNumCom .instancesNumCom-r .instancesNumCom-r-span{
    margin-right: 12px;
}
.instancesNumCom:nth-child(2) .instancesNumCom-l,.instancesNumCom:nth-child(2) .instancesNumCom-span-1{
    background: #ffab48;
}
.instancesNumCom:nth-child(3) .instancesNumCom-l,.instancesNumCom:nth-child(3) .instancesNumCom-span-1{
    background: #6da932;
}
.instancesNumCom:nth-child(4) .instancesNumCom-l,.instancesNumCom:nth-child(5) .instancesNumCom-l,.instancesNumCom:nth-child(4) .instancesNumCom-span-1,.instancesNumCom:nth-child(5) .instancesNumCom-span-1{
    background: #b2b2b2;
}
.add-span:hover{
    color:#4c7cea;
}
.modify-os-input-hover:hover{
  border-color: #eee!important;
}
.appStore_apply_tab span {
  display: inline-block;
  width: 96px;
  font-size: 16px;
  text-align: center;
  padding: 7px 0;
}
.appStore_apply_tab span.active{
  border-bottom: 2px solid #d93934;
  color: #d93934;
}
.box_row{
  overflow:hidden;
}
.box_col{
   width: 20%;
   float:left;
}
.box_apply{
  bottom: 22px !important;
}
.theme-card-charge{
  background:#4a77dc;
  color:#fff !important;
}
.theme-card-charge.isCharge{
  background:#d93934;
}

#select-dialog-vm .default {
  display: block;
  height: 32px;
  line-height: 28px;
  padding: 0 18px 0 10px;
  border: 1px solid #dcdfe6;
  border-radius: 2px 0 0 2px;
  background-color: #fafbfc;
  border-right: 0;
  text-align: left;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  border-radius: 2px 0px 0px 2px;
}
#select-dialog-vm .default::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 13px;
  right: 7px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#select-dialog-vm .default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
#select-dialog-vm .ol {
  position: absolute;
  top: 32px;
  width: 160px;
  padding: 5px 0;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  color: #262c39;
}
#select-dialog-vm .ol li {
  height: 23px;
  line-height: 23px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  padding: 0 10px;  
}
#select-dialog-vm .ol li:hover {
  background: #D93934;
  color: #fff;
}

#select-dialog-volume .default {
  display: block;
  height: 32px;
  line-height: 28px;
  padding: 0 18px 0 10px;
  border: 1px solid #dcdfe6;
  border-radius: 2px 0 0 2px;
  background-color: #fafbfc;
  border-right: 0;
  text-align: left;
  position: relative;
  font-size: 12px;
  font-weight: 400;
}
#select-dialog-volume .default::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 13px;
  right: 7px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#select-dialog-volume .default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
#select-dialog-volume .ol {
  position: absolute;
  top: 32px;
  width: 160px;
  padding: 5px 0;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  color: #262c39;
}
#select-dialog-volume .ol li {
  height: 23px;
  line-height: 23px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  padding: 0 10px;  
}
#select-dialog-volume .ol li:hover {
  background: #D93934;
  color: #fff;
}

#select-dialog-barehost .default {
  display: block;
  height: 32px;
  line-height: 28px;
  padding: 0 18px 0 10px;
  border: 1px solid #dcdfe6;
  border-radius: 2px 0 0 2px;
  background-color: #fafbfc;
  border-right: 0;
  text-align: left;
  position: relative;
  font-size: 12px;
  font-weight: 400;
}
#select-dialog-barehost .default::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 13px;
  right: 7px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#select-dialog-barehost .default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
#select-dialog-barehost .ol {
  position: absolute;
  top: 32px;
  width: 160px;
  padding: 5px 0;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  color: #262c39;
}
#select-dialog-barehost .ol li {
  height: 23px;
  line-height: 23px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  padding: 0 10px;  
}
#select-dialog-barehost .ol li:hover {
  background: #D93934;
  color: #fff;
}

#select-dialog-user .default {
  display: block;
  height: 32px;
  line-height: 28px;
  padding: 0 18px 0 10px;
  border: 1px solid #dcdfe6;
  background-color: #fafbfc;
  border-right: 0;
  text-align: left;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  border-radius: 2px 0px 0px 2px;
}
#select-dialog-user .default::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 13px;
  right: 7px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#select-dialog-user .default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
#select-dialog-user .ol {
  position: absolute;
  top: 32px;
  width: 160px;
  padding: 5px 0;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  color: #262c39;
}
#select-dialog-user .ol li {
  height: 23px;
  line-height: 23px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  padding: 0 10px;  
}
#select-dialog-user .ol li:hover {
  background: #D93934;
  color: #fff;
}

.intro-title-font {
  font-size:12px;
  color:#999;
  width:75px;
  padding-right:20px;
  text-align: right;
  margin-left: -5px;
}
.applyInfo {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #e72d30;
  font-size: 14px;
  border-bottom:0;
  border-top: 2px solid #e72d30;
}
.batch-apply-confing .slot-radio-selector .label-box{padding:5px 10px;}
#myiframe{
  min-height:calc(100vh - 60px);
}
.theme-card-grade{
  width: 70px;
  font-size: 12px;
  color: #795f20;
  padding: 2px 0;
  position:absolute;
  left:-17px;
  top:7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.theme-card-box{
  width:calc(100% - 150px);
}
.theme-card-title{
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme-card-description{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #999999;
  line-height: 24px;
  width:calc(100% - 202px);
}
.theme-card-description2{
  width: calc(100vw - 520px);
  min-width: 890px;
}
.theme-card-btn{
  position:absolute;
  top:50%;
  right:50px;
  margin-top:-14px;
}
.flexBasisLeft{
  flex-basis: 168px;
  border-left:1px solid #2e2e30;
  background: #3e3f43;
  min-height: calc(100vh - 54px);
}
.container-left{
  background: #fff;
  width:167px;
  position:fixed;
  top: 54px;
  bottom:0;
  border-right: 1px #EBEEF5 solid;
}
.container-theme{
  height:46px;
  line-height:46px;
  font-size: 14px;
  text-align: left;
  color: #454852;
  padding-left: 18px;
  border-bottom: 1px #ebeef5 solid;
}
.container-theme-text {
  max-width: 130px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.container-theme2{
  border-bottom: 0;
}
.container-theme2:hover {
  background-color: #F0F0F0;
}
.container-theme.active{
  background: #FFF0F0;
  color: #D93934;
}
.breadcrumb_box2 .breadcrumb{
  margin:0 !important;
  padding-left:20px;
}
#createservice .carousel-inner.step-inner.sp-dol-for{
    min-height: calc(100vh - 228px);
}
#createservice.createVmsInst .carousel-inner.step-inner.sp-dol-for{
    background: unset !important;
    padding: 16px 0px 0px !important;
    max-height: calc(100vh - 163px);
    min-height: calc(100vh - 163px);
    overflow: auto !important;
}
#createservice.createVmsInst .carousel-inner.step-inner.sp-dol-for::-webkit-scrollbar {
  width: 0;
}
#createservice .form-with-table{
  width: 100% !important;
  margin: 4px auto 0px !important;
}
#createservice .wizard-header-box {
  background: #fff;
}
#createservice.createVmsInst .wizard-header-box {
  border-bottom: 1px solid #f0f0f0;
}
#createservice .form-with-table-left{
  background: #f0f0f0 !important;
}
#createservice .wizard-header,#createservice .cas-slide-detailed{
  background: #f0f0f0 !important;
  border-bottom: 0 !important;
}
#createservice.createVmsInst .wizard-nav li.showActive span.cas-slide-detailed {
  color: #1F2229;
  font-weight: bold;
}
#createservice.createVmsInst .wizard-nav li span.cas-slide-detailed {
  color: #83878F;
  font-weight: 400;
  margin-left: 4px;
  padding-right: 0px;
}
#createservice.createVmsInst .wizard-nav li:not(:first-of-type):before {
  width: 132px;
  left: -141px;
  background: #EBEEF5;
}
#createservice.createVmsInst .wizard-nav li:not(:first-of-type) {
  width: 238px;
  padding-left: 150px;
}
.createVmEditImg {
  width: 14px;
  margin-top: -4px;
  margin-left: 1px;
  cursor: pointer;
}
#createservice .wizard-header.wizard-nav-style2{
  background: #fff!important;
  padding: 0px 0;
  height: 56px;
  width: 1270px;
  margin: 0 auto;
}
#createservice.createVmsInst .wizard-nav-style2 .step-img-normal {
  border: 1px #DCDFE6 solid;
  color: #454852;
}
#createservice.createVmsInst .wizard-nav-style2 .step-img-hover {
  background-color: #fff;
  border: 1px #FFC1B8 solid;
  color: #D93934;
}
#createservice .text-right{
  padding-right: 60px !important;
}
#createservice.createVmsInst .carousel-bottom-banner{
  padding: 10px !important;
}
#createservice .wizard-header.wizard-nav-style2 .cas-slide-detailed{
  background: #fff !important;
}
#createservice .carousel-inner{
  width: auto !important;
  margin: 0 20px;
}
#createservice.createVmsInst .createVms {
  width: 1270px;
  margin: 0 auto;
  display: block;

}
#createservice.createVmsInst .carousel-bottom-banner-box {
  width: 1270px;
  margin: 0 auto;
}
.createVmsTip {
  width: 100%;
  height: 40px;
  line-height: 38px;
  background: #f0f6ff;
  border: 1px solid #aec6f2;
  border-radius: 2px;
  color: #454852;
  margin: 16px 0;
  padding-left: 16px;
}
.createVmsErrorTip {
  border: 1px solid #D93934;
  background: #FFF0F0;
}
.createVmsAlarmTip {
  border: 1px solid #F2CC94;
  background: #FCF5EA;
}
.createVmsTip img {
  width: 14px;
  margin: -2px 4px 0 0;
}
#createservice .lasting-fixed-time .date-picker{
  /* left: -5px; */
}
#createservice .table{
  border: 1px solid #e0e0e0;
  border-bottom: 0;
}
#createservice .tablePlatform{
  border: 1px solid #ebeef5;
}
#createservice .createAdds,.orderAddBareHost {
  text-align: center;
  color:#4c7cea;
  border: 1px dashed #ccc;
  background: #fff;    
  position: absolute;
  left: 0;
  bottom: -20px;
  right: 0;
  height: 40px;
  line-height: 40px;
}
.createAddshover{
  text-align: center;
  color:#4c7cea;
  border: 1px dashed #ccc;
  background: #fff;    
  position: absolute;
  left: 0;
  bottom: -20px;
  right: 0;
  height: 40px;
  line-height: 40px;
  background-color: #fafbfc;;
}
.createAddshover1{
  text-align: center;
  color:#4c7cea;
  border: 1px dashed #ccc;
  background: #fff;    
  position: absolute;
  left: 0;
  bottom: -20px;
  right: 0;
  height: 40px;
  line-height: 40px;
  background-color: #f3f3f3;;
}
.orderAddBareHost {
  bottom: -14px;
}
.labelstyle,.labelstyle:hover{
  width: 48px;
  height: 48px;
  line-height: 42px;
  border: 1px dashed #DCDFE6;
  background-color: #fff;
  color: #C4C6CC;
  font-size: 24px;
  padding: 0;
  margin-left: 10px;
}
.upimgs{
  font-size: 12px;
  color: #999;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 182px;
  margin-left: 5px;
}
.upimgs2{
  width: 270px;
}
.createTimesup .lasting-fixed-time {
  width: 276px; 
}
.createTimesup .lasting-fixed-time .lasting{
  /* margin-right: 30px; */
}
.createTimesup .lasting-fixed-time .fixed{
  margin-right: 10px;
}
p .btn.active, p .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(255,255,255); 
  box-shadow: inset 0 3px 5px rgba(255,255,255);
}
.serviceInfo{
  margin: 0 36px 0 255px;
}
.baseBorder{
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.baseBorder .baseBorderChild2{
  height:44px;
  line-height:44px;
}
.baseBorder .baseBorderChild, .serviceInfoDet{
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-left:0 !important;
}
.serviceInfo .baseBorderChild2 .info-title{
  width: 142px;
  height: 43px;
  display: inline-block;
  padding-left: 15px;
  background: #fafafa;
  color: #666666;
  border-right: 1px solid #e0e0e0;
  margin-right: 15px;
}
.serviceInfo .baseBorderChild2 .info-text{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100vw - 605px);
  display: inline-block;
  float: left;
}
.serviceInfoDet{
  padding-left:15px !important;
}
.baseBorder .baseBorderChild label {
  background: #fafafa;
  font-size: 14px;
  color: #666666;
  width: 142px;
  height: 44px;
  line-height: 44px;
  padding-top: 0;
  padding-left: 15px;
  border-right: 1px solid #e0e0e0;
}
.baseBorderChild-div{
  height: 44px;
  line-height: 44px;
  padding-left: 162px !important;
}
.baseBorderChild .info-overtext{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 250px;
  display: inline-block;
  vertical-align: middle;
}
.serviceConfigMain{
  margin-bottom: 24px;
}
.serviceConfigMain > label{
  width:170px;
  line-height: 24px;
  height: 24px;
  font-weight: 400;
  float: left;
  margin-bottom:0px;
}
.serviceConfigMain-right{
  width: calc(100% - 170px);
  float: left;
}
.appStore_apply .pagination{
  margin-left:5px !important;
}
.user-dropdown-menu{
  background-color: #3E3F43;
  padding:0;
  line-height: 14px;
  width: 200px;
  border-radius: 0;
}
.user-dropdown-menu > li{
  padding:0;
  height: 36px;
  line-height: 36px;
  text-align:left;
}
.user-dropdown-menu li:first-child{
  margin-top: 0px;
}
.user-dropdown-menu li:last-child{
  margin-bottom: 0px;
}
.user-dropdown-menu-opacity > li a:hover,.user-dropdown-menu-opacity .dropdown-menu-head li:hover{
  background: #ebeef5 !important;
  text-decoration:none;
  opacity: 1;
}
.user-dropdown-menu > li a{
  color: #454852;
  font-size: 14px;
  padding: 0;
  padding-left:10px;
  height: 36px;
  line-height: 32px;
  opacity: 1;
}
.user-dropdown-menu > li a:hover{
  background-color: #2E2E30;
}
.dropdown-menu-head-in-dropdown{
  background-color: #3E3F43;
  padding:0;
  line-height: 14px;
  width: 200px;
  border-radius: 0;
}
.dropdown-menu-head-in-dropdown > li{
  padding:0;
  height: 36px;
  line-height: 36px;
  text-align:left;
}
.dropdown-menu-head-in-dropdown > li a{
  color: #454852;
  font-size: 14px;
  padding-left:10px;
  height: 36px;
  margin-top:0;
  line-height: 32px;
  margin-bottom: 0;
  opacity: 1;
}
.dropdown-menu-head-role > li a:hover{
  background-color: #2E2E30;
}
.dropdown-in-dropdown .dropdown-menu{
  display: none;
}
.dropdown-menu-top{
  background: rgb(255,255,255,0.8);
  width:200px;
  height: 4px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.dropdown-menu-right{
  background: transparent;
  width:4px;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  right: -2px;
}
.dropdown-in-dropdown:hover .dropdown-menu{
  display: list-item;
}
.service_apply .pagination{
  margin-left:2px !important;
}
.versionInfo-main{
  color: #454852;
  margin: 12px 9px;
  overflow:hidden;
}
.versionInfo-label{
  width:74px;
}
.versionInfo-info{
  margin: 0px 9px 13px;
  font-size: 12px;
  color: rgba(28,36,46,0.45);
  padding-top:12px;
}
/*.tableMain{
  position: relative;
}
.tableMain >div:last-child{
  display:none;
}
.tableFixedRight{
  position:absolute;
  right:0;
  top:0;
}*/
#softtypetree .abn-tree-container .nav-pills>li.active>a .tree-label, 
#softtypetree .abn-tree-container .nav-pills>li.active>a:focus.tree-label, 
#softtypetree .abn-tree-container .nav-pills>li.active>a:hover .tree-label {
  background-color: #FBEBEB!important;
  color: #2a2a2a;
}
#softtypetree .abn-tree-container .abn-tree-row.active {
  background: #FBEBEB!important;
}
#softtypetree .bootstrap-nav-tree-expand:before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: -6px;
  width: 24px;
  height: 24px;
  background: url(../images/svg/sanjiao.svg) no-repeat 4px 4px;
  background-size: 20px 20px;
}
#softtypetree .bootstrap-nav-tree-collapse:before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: -6px;
  width: 24px;
  height: 24px;
  background: url(../images/svg/sanjiao-1.svg) no-repeat 4px 4px;
  background-size: 20px 20px;
}
#softtypetree ul.nav.abn-tree a {
  height: 32px;
}
#softtypetree .abn-tree-container ul.abn-tree li.abn-tree-row a {
  padding: 8px 10px 2px 10px;
}
.notify .dropdown-menu{
  overflow: auto !important;
  max-height: calc(100vh - 270px) !important;
}
.container-top-main{
  display: flex;
  flex-direction: row;
  background:#fff;
  padding: 0px 24px;
  border-bottom:0;
}
.container-top-name-text{
  margin-bottom: 16px;
  position:relative;
}
.container-top-name-text .state-label{
  display: inline-block;
  padding:2px 8px;
  color: #454852;
  font-size:12px;
  background-color: #edf7e8;
  border: 1px solid #a9d991;
  margin:0 5px;
  border-radius: 2px;
  color: #53b324;
}
.container-top-name-text .state-label-on{
  display: inline-block;
  padding:2px 8px;
  color: #454852;
  font-size:12px;
  background-color: #edf7e8;
  border: 1px solid #a9d991;
  margin:0 5px;
  border-radius: 2px;
  color: #53b324;
}

.container-top-name-text .state-label-off{
  display: inline-block;
  padding:2px 8px;
  color: #D93934;
  font-size:12px;
  background-color: #FFF0F0;
  border: 1px solid #FFC1B8;
  margin:0 5px;
  border-radius: 2px;
}
.container-top-name-text .state-label-unknown{
  display: inline-block;
  padding:2px 8px;
  font-size:12px;
  background-color: #FCF5EA;
  border: 1px solid #F2CC94;
  margin:0 5px;
  border-radius: 2px;
  color: #E69A29;
}

.container-top-name-text .toggle-close-btn{
  color: #3D61CC;
  font-size: 12px;
  cursor: pointer;
}
.container-top-name-remove{
  position:absolute;
  left: 210px;
  top: 5px;
  width: 16px;
  height: 16px;
  color: #ccc;
}
.container-top-left-main{
  padding-top:1px;padding-bottom: 16px;
  padding:1px 0 16px;
}
.container-top-left{
  flex: 1;
}
.container-top-left .container-top-name{
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #1f2229;
  min-width:20px;
  vertical-align: middle;
  display: inline-block;
}
.container-top-input{
  height:40px;
  width:calc(100% - 15px);
}
.container-top-edit{
  color: #3d61cc;
  margin-top: 10px;
  margin-left: 12px;
}
.container-top-info{
  color:#666;
  padding-bottom: 20px;
}
.container-top-left-info-main{
  color: #83878f;
  padding-bottom:18px;
  padding-right:0px;
  position:relative;
}
.container-top-left-infotitle{
  color: #454852;
}
.container-top-info-lable{
  padding-top:2px;
}
.white-space-no{
  white-space: normal;
}
.container-top-info-input{
  width: calc(100% - 70px) !important;
}
.container-top-name-input-close{
  position: absolute;
  left: 225px;
  top: 8px;
}
input.container-top-info-input,input.container-top-name-input{
  padding-right:30px;
}
input.container-top-info-input{
  margin-top: -4px;
}
.container-top-info-input-close{
  position: absolute;
  right: 8px;
  top: 4px;
}
.container-top-right{
  flex-basis:423px;
  width:423px;
  height:176px;
  background: #f6f7fa;
  margin-bottom:16px;
}
.container-top-right-guidance{
  width:160px;
  padding-top:16px;
  padding-left:24px;
}
.container-top-right-name{
  font-size: 16px;
  font-weight: bold;
  color: #1f2229;
  margin-bottom:16px;
}
.container-top-right-text{
  font-size: 12px;
  color: #83878f;
}
.container-top-name-input{
  padding-right:20px;
  width:260px !important;
}
.container-top-name-nosure{
  color:#666;
  cursor: not-allowed;
}
.container-top-name-nosure:hover{
  color:#666;
  text-decoration: none;
}
.container-top-right-img{
  width: 200px;
  height:143px;
  margin-top: 16px;
  margin-right:24px;
}
.container-top-left-info-close{
  padding-bottom:20px;
  color: #3d61cc;
  width: 60px;
}
.container-top-left-info-img{
  margin-left:2px;
}

.container-top-guide-box{
  float: right;
  position: absolute;
  right: 24px;
  z-index: 1000;
}
.container-top-guide{
  position: absolute;
  right: 0;
  top: -34px;
}
.container-top-content-box{
  display: none;
  position: absolute;
  right: 0;
  width: 431px;
  min-height: 176px;
  border: 1px #F6F7FA solid;
  background-color: #fff;
  top: -13px;
  z-index: 1;
  box-shadow: 0 0 30px rgba(0,0,0,.2);
  padding:15px;
}
.container-top-guide-container:hover .container-top-content-box{
  display: block;
}
.container-top-label{
  font-size:12px;
  padding:2px 8px;
  color: #454852;
  display: inline-block;
  background: #fafbfc;
  border: 1px solid #dcdfe6;
  margin-right: 8px;
}
.container-top-label-del{
  margin-left:6px;
  cursor: pointer;
}
.container-top-label-del:hover{
  color: #000;
}
.container-top-label-add{
  color:#454852;
  cursor:pointer;
  border: 1px #dcdfe6 dashed;
}
.container-top-label-add:hover{
  opacity: .9;
}
.container-top-label-select{
  height: 24px!important;
  line-height: 24px!important;
  padding: 1px!important;
  position: relative;
  top: -1px;
  width: 108px!important;
}

.tooltipSpan{
  position:absolute;
  z-index:9999;
  color:#fff;
  padding: 4px 8px;
  background: rgba(0,0,0,0.75);
  box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05), 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
  white-space: nowrap;
}
.nearly-com {
  width: 68px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  border: 1px solid #dcdfe6;
  vertical-align: middle;
}
.nearly-30{
  border-left: 0;
  border-right: 0;
}
.nearly-com.active{
  border: 1px solid #d93934;
  box-shadow: 0px 0px 0px 2px #fbeaea;
  color: #d93934;
}
.migrationOrganization li.abn-tree-row .border-line:first-child{
  border-left: 1px solid transparent;
}
.pieNum{
  color: #454852;
}
.pieNum span{
  font-size: 36px;
  color: #1f2229;
}
.icon-img{
  width:16px;
  height:16px;
  margin-bottom:4px;
}
.pie-used{
  color: #454852;
  font-size:14px;
}
.pieSum{
  font-size:14px;
  color: #83878f;
}
.chartLineTip:nth-child(n+2){
  display:none;
}
.checkbox.switch .red-checkbox input[type=checkbox]:checked+.text:after{
  background-color: #fff;
  border:1px solid #d93934;
}
.checkbox.switch .red-checkbox input[type=checkbox]:checked+.text:before{
  background-color: #d93934;
  border-color: #d93934;
}
.table-border-color{
  border: 1px solid #ebeef5;
}
.table-position{
  position:absolute;
  left:0;
  top:0;
  right:0;
  margin-bottom: 0;
  z-index:999;
}
.treeScoll::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px #eee;
  background: #d8d8d8;
}
.treeScoll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.treeScollModal::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px #eee;
  background: #d8d8d8;
}
.treeScollModal::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.notifyPanel::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px #eee;
  background: #d8d8d8;
}
.notifyPanel::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.resTabSpan{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 125px;
}

.label-link-res-toolbar .tagsinput{line-height: 14px;border-color: #fff;display: inline-block;    padding: 0;}
.label-link-res-toolbar .tagsinput .tag{margin:0;position: relative;top: 1px;display: inline-block;margin-right:2px;}
.label-link-res-toolbar input{height: 20px;}
.label-link-res-toolbar .tagsinput .tag .tag-remove{height: 20px;}
.label-link-res-toolbar .tagsinput .tag .tag-remove:after,
.label-link-res-toolbar .tagsinput .tag .tag-remove:before{
  top:12px;
}
.label-link-res-toolbar .tagsinput div input{margin-top:2px;display: none;}

.messageInfo{
  color:#a2a2a2 !important;
}
.messageInfoBox{
  padding-left:16px;
  border-left: 3px solid #d93934;
  position:relative;
  padding-bottom: 16px;
  margin: 0 10px;
}
.messageInfoBox:before{
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #E69A29;
  position: absolute;
  left: -9px;
  top: 3px;
  background: #E69A29;
}
.messageInfoBox2{
  border-left: 3px solid #fff;
}
.messageInfoBox3:after{
  display: inline-block;
  content: "";
  width: 3px;
  height: 4px;
  position: absolute;
  left: -3px;
  top: -1px;
  background: #d93934;
}
.messageInfoBox4:after{
  display: inline-block;
  content: "";
  width: 3px;
  height: 4px;
  position: absolute;
  left: -3px;
  top: -1px;
  background: #fff;
}
.messageBoxs{
  background: #f5f5f5;
  padding: 16px 24px 0;
}
.messageBoxs div{
  padding-bottom:16px;
}

.exportExcelScrollbar .tr-filter {
  max-height: 300px;
  overflow: auto;
}
.skinCenter_box{
  height:210px;
  background: #f7f8fa;
  border: 1px solid #dcdfe6;
}
.skinCenter_name{
  color: #83878f;
  text-align: center;
  padding-top:8px;
}
.skinCenter_box_header{
  height:30px;
  width:100%;
}
.skinCenter_box_left{
  width:20px;
  height:178px;
}
.skinCenter_box_left_mix{
  width:100%;
  height:17px;
  margin-top:16px;
}
.skinCenter_box_right{
  width: calc(100% - 20px);
}
.skinCenter_box_right_t{
  width: 96px;
  height: 11px;
  background: #ebeef5;
  margin: 8px 0 0 8px;
}
.skinCenter_box_right_c{
  height:84px;
  margin: 8px;
  padding:8px;
}
.skinCenter_box_right_c_com{
  width:20px;
  height:10px;
}
.skinCenter_box_right_c_color{
  margin-right:8px;
}
.bg-ebeef5{
  background: #ebeef5;
}
.skinCenter_box_right_c_5{
  width:50%;
  height:10px;
  margin-top:8px;
}
.skinCenter_box_right_c_1{
  width:100%;
  height:10px;
  margin-top:8px;
}
.skinCenter_box_right_b{
  height:52px;
  margin-left: 8px;
  text-align: center;
  line-height: 52px;
}
.skinCenter_box_right_b:last-child{
  margin-right:8px;
}
.skinCenter_box.active{
  border: 2px solid #3d61cc;
  position:relative;
  overflow:hidden;
}
.skinCenter_box.active .skinCenter_box_left{
  height:176px;
}
.skinCenter_box_now{
  position: absolute;
  top: 7px;
  right: -23px;
  background: #3d61cc;
  color: #fff;
  width: 86px;
  text-align: center;
  transform: rotate(45deg);
  height: 26px;
  line-height: 26px;
}
.interval_line{
  display: inline-block;
  height:34px;
  border-right:1px #1A1919 solid;
  position: relative;
  top: 12px;
  margin-left: 10px;
}
.interval_line_r{
  height: 18px;
  border-right:1px #717171 solid;
  position: relative;
  top:18px;
}
.new_table .table>tbody+tbody {
    border-top: 0px solid #ddd;
}
.new_table{
  position:relative;
}
.flex-col-table-before{
  position: absolute;
  left: 0;
  z-index: 99;
  background: #fff;
  box-shadow: 10px 0px 14px -14px #a8aaaf;
}
.flex-col-table{
  overflow: auto;
  flex: 1;
}
.flex-col-table-behind{
  position: absolute;
  right: 0;
  z-index: 99;
  background: #fff;
  box-shadow: -10px 0px 14px -14px #a8aaaf;
}
.billingOverview_trend_tit{
  position:relative;
}
.billingOverview_trend_tit .billingOverview_trend_tit_com{
  display: inline-block;
  margin:0px 0px 0px 24px;
  padding: 8px 0;
  color: #444851;
  cursor:pointer;
}
.billingOverview_trend_tit .billingOverview_trend_tit_com:hover{
  color:#d93934;
}
.billingOverview_trend_tit .billingOverview_trend_tit_com.active,.billingOverview_trend_minbox_com.active{
  color:#d93934;
  border-bottom:2px solid #d93934;
}
.billingOverview_trend_tit_com_r{
  width: 60px;
  height: 24px;
  display: inline-block;
  line-height: 24px;
  text-align: center;
  border: 1px solid #dcdfe6;
  vertical-align: middle;
  margin-top: 7px;
  position: relative;
}
.billingOverview_trend_tit_com_r2,.billingOverview_trend_tit_com_r3{
  margin-left:-1px;
}
.billingOverview_trend_tit_com_r.active{
  border: 1px solid #D93934;
  color: #D93934;
  z-index: 555;
}
.billingOverview_trend_l{
  width: calc(100% - 234px);
  border-right: 1px solid #ebeef5;
}
.billingOverview_trend_r{
  width:218px;
  height: 333px;
  padding-left:24px;
  margin-left:16px;
}
.billingOverview_trend_r_t{
  font-size:12px;
  color: #83868e;
}
.billingOverview_trend_r_com{
  font-size:12px;
  color: #454852;
  padding: 0px 0 16px;
}
.billingOverview_trend_r_com span,.detail_num_com span{
  font-size:28px;
  font-weight:bold;
  color: #444851;
  margin-right: 4px;
} 
.beDeleted{
  color: #83868e;
}
.detail_num_com{
  color: #444851;
}
.billingOverview_trend_minbox{
  position:absolute;
  top: 35px;
  right: 186px;
  width:356px;
  padding:16px;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  box-shadow: 0px 16px 32px 0px rgba(36,41,46,0.07), 0px 2px 4px 0px rgba(36,41,46,0.04);
  z-index: 999;
  text-align: left;
}
.billingOverview_trend_minbox_com{
  display: inline-block;
  margin:0px 16px 0px 0px;
  padding: 8px 0;
  color: #444851;
  cursor:pointer;
}
.billingOverview_trend_minbox_com:hover{
  color:#D93934;
}
.billingOverview_trend_minbox_list{
  max-height:370px;
  overflow-y:auto;
}
.billingOverview_trend_minbox_list li{
  height:74px;
  padding-top:14px;
  border-bottom: 1px solid #ebeef5;
}
.billingOverview_trend_minbox_list li:hover{
  background: rgba(217,57,52,0.1);
}
.billingOverview_trend_minbox_list input[type=checkbox]+.text:before,.billingOverview_trend_minbox_list input[type=radio]+.text:before{
  float: left;
  margin-top: 17px;
}
button.btn-default.boxShow{
  border:1px solid #D93934;
}
.billingOverview_trend_list_sort{
  position:absolute;
  left:42px;
  top:22px;
  padding:4px 0px 0;
  background:#fff;
  width:120px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  box-shadow: 0px 16px 32px 0px rgba(36,41,46,0.08), 0px 2px 4px 0px rgba(36,41,46,0.04);
  z-index: 44;
}
.billingOverview_trend_list_sort li{
  width: 100%;
  height: 36px;
  line-height:36px;
  padding-left:16px;
  cursor:pointer;
  margin-bottom: 4px;
}
.billingOverview_trend_list_sort li.chooseThis,.billingOverview_trend_list_sort li:hover{
  color: #D93934;
  background: rgba(217,57,52,0.1);
}
.boxShowPup.btn-default:focus{
  background-color: #fff;
}
.volumeGroup_span{
  min-width: 100px;
  display: inline-block;
}
.sleectFocus:focus {
  outline: 0px solid #ccc;
}
.sleectFocus{
  border: 1px solid #ccc;
}
a.allUserZhan,a.allUserZhan:hover,a.allUserZhan:focus{
  color: #f2f5fa;
}
.allUserModal ul li {
  text-align: center;
  cursor:pointer;
}
.allUserModal ul li:hover{
  background: #ebeef5;
}
.modal-header {
  background-color: #FFF;
  color: #2a2a2a;
  border-bottom: 1px solid #ebeef5;
}
.notifyPanel {
  background-color: #fff!important;
}

.modal-header .close {
  color: #C4C6CC
 }
.label-green {
  background: #edf7e8;
  border: 1px solid #a9d991;
  border-radius: 3px;
  color: #53b324;
  font-size: 12px;
}
.label-yellow {
  background: #fcf5ea;
  border: 1px solid #f2cc94;
  border-radius: 3px;
  color: #e69a29;
  font-size: 12px;
}
.label-red {
  background: #fbebeb;
  border: 1px solid #eb9b99;
  border-radius: 3px;
  color: #d93934;
  font-size: 12px;
}
.label-blue {
  background: #ebeffa;
  border: 1px solid #9dafe5;
  border-radius: 3px;
  color: #2a71eb;
  font-size: 12px;
}
.row_enter {
  background: #f2f6fc;
}
.msg-box {
  z-index: 9999;
  position: fixed;
  top: 100px;
  left: 0;
  right:0;
  text-align: center;
}
.msg-content-inner{
  margin:0 auto;
}
.msg {
  color: #2a2a2a;
  padding:10px 16px;
  border-radius: 0px;
  width: auto;
  display: inline-block;
}
.msg.ng-enter {
  transition: 2s linear all;
  opacity: 0.3;
}
.msg.ng-enter-active {
  opacity: 1;
}
.msg.ng-leave {
  transition: 2s linear all;
  opacity: 1;
}
.msg.ng-leave-active {
  opacity: 0;
}
.msg-danger {
  background: #fbebeb;
  border: 1px solid #eb9b99;
}
.msg-info {
  background: #ebeffa;
  border: 1px solid #9dafe5;
}
.msg-success {
  background: #edf7e8;
  border: 1px solid #a9d991;
}
.msg-warn {
  background: #fcf5ea;
  border: 1px solid #f2cc94;
}
.msg-icon-danger {
  margin-top: -1px;
  margin-right: 5px;
  color: #D93934;
}
.msg-icon-info {
  margin-top: -1px;
  margin-right: 5px;
  color:#3D61CC;
}
.msg-icon-success {
  margin-top: -1px;
  margin-right: 5px;
  color:#53B324;
}
.msg-icon-warn {
  margin-top: -1px;
  margin-right: 5px;
  color:#E69A29;
}
.modal-footer {
  padding: 10px 24px;
  border-top: 1px solid #ebeef5;
}
.table-checked-box{
  margin: 0px 0 16px;
  color: #454852;
  position: absolute;
  left: 0;
  bottom: 0;
}
.table-checked-box-left24 .table-checked-box {
  left: 24px;
}
.table-checked-box-left38 .table-checked-box {
  left: 38px;
}
.table-checked-box-mb6 .table-checked-box {
  margin-bottom: 6px;
}
.table-checked-box-mb10 .table-checked-box {
  margin-bottom: 10px;
}
.table-checked-box-mb-10 .table-checked-box {
  margin-bottom: -10px;
}
.table-checked-box-top18 .table-checked-box {
  bottom: unset;
  top: 18px;
}
.height-30 {
  height: 30px;
}
.HAVIP-bon{
  border: none;
  background-color:white !important;
  font-size: 12px;
  color: #1d8aea;
  outline: 0 none !important;
  padding: 2px 5px !important;
}
.HAVIP_shifang{
  background-color: white !important;
  width: 98px;
}
.aHover{
  text-decoration: none !important;
}
.createVmsSpan + .tooltip .tooltip-inner{
  width: 580px;
  max-width: 580px;
  white-space: pre-line;
  text-align: left;
}
.cloneVmLasting input{
  width:115px !important;
}
.modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border:none;
}
.popover.bottom>.arrow {
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0,0,0,.25);
}
.popover>.arrow {
  border-width: 8px;
}
.popover {
  border-radius: 0;
  border:none;
}
.popover-content {
  padding: 16px 16px!important;
}
.notifyrow {
  /*height: 100px;*/
}
.notifytitle {
  font-size: 14px;
  font-weight: 400;
  color: #454852;
  line-height: 22px;
}
.notifyrow .label {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.taskrow {
  height: 78px;
}
.taskitem {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 78px;
  border-bottom: 1px dashed #ebeef5;
}
.taskitem .label {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.entertask {
  background-color: #f2f6fc;
}
.notifyrow,.taskrow {
  font-family: -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue", "PingFang SC", "Noto Sans" , "Noto Sans CJK SC" , "Microsoft YaHei" , "微软雅黑" , sans-serif;
}
.dataCDInfo{
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #f5f5f5;
  text-align: center;
  float: left;
  border: 1px solid #dcdfeb;
  margin-left: -1px;
}
.dataCDInfoNum{
  width: 60px;
}
.width260 {width: 260px !important;}
.radioArrange{display: inline-block; padding-right:15px;}
/*tooltip 提示语 end*/
/* 单选框 */
.radio-style{
    
}
input[type='radio'] + span.radio-style:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #fff;
    margin-left: -22px;
    border: 1px #ccc solid;
}

input[type='radio']:checked + span.radio-style:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #E1615D;
    margin-left: -18px;
    margin-top: 4px;
}

input[type='radio'] ~ .checkbox-fix {
    position: relative;
    top: -5px;
}

table label.noPluginTable input[type='radio'] + span.radio-style:before {
    /*不用插件生成的table*/
    margin-left: -16px;
}

table label.noPluginTable input[type='radio'] + span.radio-style:after {
    margin-left: -12px;
}

/* 复选框 */
input[type='checkbox'] + span.checkbox-style:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    margin-left: -22px;
    border: 1px #ccc solid;
}

input[type=checkbox][disabled]+ span.checkbox-style:before {
    background-color: #ddd;
}

input[type='checkbox']:checked + span.checkbox-style:before {
    background-color: #E1615D;
    border: 1px #E1615D solid;
}

input[type='checkbox']:checked + span.checkbox-style:after {
    content: '\2714';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: -18px;
    margin-top: -2px;
    color: #fff;
    font-size: 12px;
}

input[type='checkbox'] ~ .checkbox-fix {
    position: relative;
    top: -5px;
}
.popover.bottom>.arrow {
  border-bottom-color:#fff;
}
.modal-header .close {
  margin-top: 12px;
  margin-right: 24px;
}
.icon-close {
  color:#C4C6CC;
}
.icon-close:hover {
  color: #454852;
}
#createVmSpModal .form-horizontal .radio {
min-height: 20px;
}
#createVmSpModal .form-horizontal .form-control {
  float: none;
}
#backupAddPatform table>tbody>tr>td input,#backupAddPatform table>tbody>tr>td select {
  margin-top: 5px;
  margin-bottom: 5px;
}
#backupOrder .oddtable{
  background-color: #f9f9f9;
}
#backupOrder .eventable {
  background-color: #fff;
  width: 165px;
}
.createF5LoadBalance input[type=radio]:checked+.text:after{
  top:9px;
}
.healthTestingInput{
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border:1px solid #ccc;
}
.healthTestingInput:focus{
  outline: none;
  border-color: rgb(76, 124, 234);
}
#backupMangerTable .td-border:not(:last-child)::before {
  content: "";
  width: 1px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.06);
  position: absolute;
  z-index: 1;
  left: 7px;
  top: 16px;
}
.createConfigAz{
  width:190px;
  padding:20px 12px;
  border-right:1px solid #ebeef5;
}
.createConfigAz_li{
  width:166px;
  height:32px;
  line-height:32px;
  padding-left:8px;
  color: #454852;
}
.createConfigAz_li:hover{
  background: rgba(0,0,0,0.06);
  border-radius: 4px;
}
.createConfigAz_conent{
  flex: 1;
  padding: 16px 24px;
}
.createConfigAz_li_box{
  display:block;
  width:16px;
  height:16px;
  float: right;
  margin: 8px 8px 0 0;
  position:relative;
}
.createConfigAz_li_more{
  display:block;
  width:16px;
  height:16px;
  background: url(../images/svg/moreShuHover.svg) no-repeat 0px 0px;
}
.createConfigAz_ul{
  min-width: 87px;
  padding: 4px 0;
  background: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 3px;
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08), 0px 2px 6px -4px rgba(0,0,0,0.12); 
  left: -62px;
  top: 20px;
}
.createConfigAz_ul li{
  height:32px;
  line-height:32px;
  padding-left:12px;
  color: #454852;
}
.createConfigAz_ul li:hover{
  background: rgba(0,0,0,0.06);

}

.createvm-single .carousel-inner{
  margin: 0 0px!important;
  padding: 5px 0px!important;
}
.createvm-single .createvm-single-block{
  border-bottom:16px #f5f5f5 solid;
  padding:0 24px;
}
.createvm-single .control-label{
  position: relative;
  padding-left: 15px;
}

.bareHostSpecificationInfo{
  color:#454852;
  padding-bottom: 16px;
}
.bareHostSpecificationInfo span{
  color:#83878F;
}
.createbarehostservice .carousel-inner{
  padding: 5px 0 !important;
}
.batch_box{
  display: flex;
  flex-direction: row;
}
.batch_box_left{
  flex-basis: 190px;
  width: 190px;
  border-right:1px solid #EBEEF5;
  padding:12px;
  color:#454852;
}
.batch_box_left li{
  height:32px;
  line-height: 32px;
  padding-left:8px;
  color: #454852;
}
.batch_box_left li span{
  display:inline-block;
  max-width: 125px;
  width: 125px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.batch_box_left li img{
  width:32px;
  height:32px;
  display:none;
  padding:8px;
  margin-top: -1px;
}
.batch_box_left li:hover{
  background: rgba(0,0,0,0.06);
  cursor:pointer;
}
.batch_box_left li:hover .batch_box_left_imgDel{
  display:inline-block;
}
.batch_box_left_imgBox{
  float: right;
}
.batch_box_left_imgBox:hover .batch_box_left_imgDel{
  display:none !important;
}
.batch_box_left_imgBox:hover .batch_box_left_imgDelRed{
  display:inline-block !important;
}
.batch_box_left li .batch_box_left_moreShuHover{
  border-radius: 2px !important;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  display: inline-block;
  padding: 3px;
}
.batch_box_left li .batch_box_left_moreShuHover1{
  border-radius: 2px !important;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  display: inline-block;
  padding: 3px;
}
.batch_box_left li .batch_box_left_moreShuHover:hover{
  background-color: #ffc1b8 ;
}
.batch_box_left li .batch_box_left_moreShuHover1:hover{
  background-color: #d9d9d9 ;
}
.batch_box_left li span.active{
  color:#D93934;
}
.batch_box_left li.active{
  background: #fff0f0;
}
.batch_box_left_add{
  border:1px solid #DCDFE6;
  height:32px;
  line-height:32px;
  background:#FAFBFC;
  cursor:pointer;
}
.batch_box_left_add2{
  text-align: center;
}
.batch_box_left_add img{
  width:16px;
  height:16px;
  margin: -4px 4px 0 12px;
}
.batch_box_left_add2 img{
  margin-left:0;
}
.dropdown-menu-batch{
  min-width:88px;
  padding: 4px 0;
  color: #454852;
  border: 1px solid #e4e7ed;
  border-radius: 3px;
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08), 0px 2px 6px -4px rgba(0,0,0,0.12);
  left: -55px;
}
.dropdown-menu-batch li.dropdown-menu-batch-li{
  color: #d93934;
}
.dropdown-menu-batch li.dropdown-menu-batch-li.last_li{
  cursor:auto;
}
.batch_box_right{
  flex: 1;
  padding-bottom: 16px;
}
.bareHostSpecificationDet{
  padding: 16px 24px 0;
  border: 1px solid #EBEEF5;
  margin-left: 144px;
  margin-top: 12px;
}
.bareHostSpecificationDet input[type=radio]:checked+.text:after,.orderInputRadios input[type=radio]:checked+.text:after,.commonInputAfter input[type=radio]:checked+.text:after{
  top:9px;
}
.specificion_del{
  width:16px;
  height:16px;
  cursor:pointer;
  margin-top: -2px;
}
.applyBarehostSpeNum{
  width:72px;
}
.applyBarehostSpeNum:focus{
  outline:none;
}
#scalingroupModal select {
  max-width: 275px;
}
.applyNumberInput input.form-control.countValue{
  width: 111px !important;
}
.valid-layer{
  position: absolute;
  border: 1px solid #e4e7ed;
  display: inline-block;
  padding: 15px;
  background: #fff;
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08), 0px 2px 6px -4px rgba(0,0,0,0.12);
  z-index: 1111;
}
.create-vm-carousel .carousel-bottom-banner{
  position: fixed!important;
  bottom: 0;
  left: 0;
  right: 0;
}
.orderServiceType ul.dropdown-menu {
  max-height: 300px;
  overflow: auto;
}
.bigScreenMain_com {
  padding: 10px 15px;
  width: 370px !important;
  overflow: hidden;
  border: 1px solid #ebeef5;
  margin-bottom: 16px;
}
#barehostspecification input {
  width:152px!important;
}
.loginBgImg{
  max-height: 90px;
  max-width: 120px;
  cursor:pointer;
}
.loginBgImg.active{
  border: 3px solid rgba(0, 102, 255, 1);
}
.showBgPicture{
  width: 100%;
  height: 500px;
  background: linear-gradient(30deg,#030516, #030617);
  position:relative;
}
.showBgPicture-top{
  padding: 15px;
  color: #fff;
  vertical-align: middle;
  line-height: 30px;
  position: absolute;
  z-index: 100;
}
.showBgPicture-bg{
  height: 100%;
  width: 100%;
  top: 0;
}
.showBgPicture-box img{
  width:100%;
}
.showBgPicture-box{
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  left: 65%;
  top: 25vh;
  width: 200px;
}
.warning1 {
  background-color: rgba(255, 102, 0, 0.2);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 102, 0, 1);
  display: inline;
  padding: 5px 15px;
  border-radius: 0;
  position: relative;
  top:2px;
  color: #454852;
}
.noHeadOver{
  top:54px !important;
}
.noHeadOver.openRight.modal .modal-dialog{
  height: calc(100vh - 54px);
  min-height: calc(100vh - 54px);
}
.noHeadOver.openRight.modal .modal-content{
  min-height: calc(100vh - 54px);
  height: calc(100vh - 54px);
}
.relationTit{
  font-size: 12px;
  color: #83878F;
  padding: 12px 0 0px 18px;
  border-top: 1px solid #ebeef5;
}
.relation-container-theme{
  height:40px!important;
  line-height:40px!important;
}
.relation-container-theme .tooltip{
  left:60px!important;
}
.appStore_apply .relation-container-theme .tooltip,.relationTooltip .relation-container-theme .tooltip{
  left:76px!important;
}
.resourceaccessRelationTooltip .relation-container-theme .tooltip{
  left:194px!important;
}
.relation-container-theme .tooltip-arrow{
  border-top-color: rgba(38, 44, 57, 0.9)!important;
}
.relation-container-theme2.relation-container-theme .tooltip-arrow{
  right: 15%;
  left: unset;
}
.firstmenu .relation-container-theme .tooltip{
  left:152px!important;
}
.resourceaccessRelationTooltip .relation-container-theme:hover{
  background-color: #fff;
}
.loadbalancerJian .nav-tabs{
  height:unset;
}
.tableDisabledCss .table .dropdown-menu .menu-btn[disabled]{
  background: #fff;
  color: #ccc;
}
.order-table-active-item{
  background-color: #fafafa;
}
.box-select .box-select-item.box-select-item-list{
  height:32px;
  margin-right:8px;
  margin-bottom:8px;
  text-align: center;
}
.box-select-item-list-name{
  display:inline-block;
  width:61px;
  height:32px;
  color:#000;
  line-height:32px;
  text-align: center;
}
.box-select-item-list-top{
  display:inline-block;
  height:32px;
  line-height:32px;
  margin-right:8px;
  text-align: center;
}
select:focus-visible {
  outline: none;
}
.customerFormTable {
  position:relative;
}
.customerFormMainBox_24 .customerFormTable {
  margin: 0 24px;
}
.customerFormMainBox_35 .customerFormTable {
  margin-left: 35px;
}
.customerFormMainBox_55 .customerFormTable {
  margin-left: 55px;
}
.customerFormMainBox_180 .customerFormTable {
  margin-left: 180px;
}
.customerFormMainBox_250 .customerFormTable {
  margin-left: 250px;
}
.customerFormMainBox_265 .customerFormTable {
  margin-left: 265px;
}
.customerFormMainBox_270_35 .customerFormTable {
  margin: 0 35px 0 270px;
}
.customerFormMainBox_55_10 .customerFormTable {
  margin: 0 10px 0 55px;
}
.customerFormMainBox .customerFormTable {
  margin-left: 15px;
}
.customerFormTable .table > tbody > tr > td{
  border-bottom: 1px solid #ebeef5;
}
.customerFormAddIcon .otherInfoTitle span::before {
  content: "";
  width:4px;
	height:18px;
	display: inline-block;
  margin-right: 3px;
	background: url("../images/svg/icon-red.svg") no-repeat;
	/*background-position: -45px -1381px;*/
	position: relative;
	top:3px;
}
.radioSelect {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #dcdfe6;
  margin-right: 8px;
  cursor: pointer;
}
.radioSelect.active,.radioSelect:hover {
  border: 1px solid #D93934;
}
.otherInfoLabel {
  width: 153px !important;
  font-weight: 100;
}
.customerFormOrderSoftware .otherInfoLabel {
  width: 215px !important;
}
.customerFormVm .otherInfoLabel {
  width: 160px !important;
}
.otherInfoFormInline {
  width: calc(100% - 153px);
  display: inline-block;
}
.customerFormOrderLoadBalancer .otherInfoFormInline,.f5CustomerForm .otherInfoFormInline,.customerFormApplication .otherInfoFormInline {
  width: calc(100% - 157px);
  display: inline-block;
}
.customerFormOrderSoftware .otherInfoFormInline {
  width: calc(100% - 225px);
}
.customerFormVm .otherInfoFormInline {
  width: calc(100% - 165px);
}
.otherInfoInput {
  width: 212px !important;
}
.customerFormOrderLoadBalancer .lasting-fixed-time {
  width: 232px;
}
/*.otherInfoTime .lasting-fixed-time {
  width: 400px;
}*/
.f5CustomerForm .form-inline {
  display: inline-block;
}
.f5CustomerForm .otherInfoTime .lasting-fixed-time {
  width: 245px;
}
.customerFormOrder .customerFormShowInfo {
  padding: 16px !important;
}
.customerFormOrderSoftware .customerFormShowInfo {
  padding-left: 35px !important;
}
.customerFormOrder.customerFormOrderBareHost .customerFormShowInfo {
  padding-left: 55px !important;
}
.customerFormOrder.customerFormOrderScalingGroup .customerFormShowInfo {
  padding-left: 218px !important;
}
.customerFormOrder.customerFormOrderVmQuick .customerFormShowInfo {
  padding-left: 40px !important;
}
.customerFormOrder.customerFormOrderVmBatch .customerFormShowInfo {
  padding-left: 30px !important;
}
.customerFormOrder.customerFormVm .customerFormShowInfo {
  padding-left: 25px !important;
}
.customerFormOrderBareHost .otherInfoTitle {
  margin-left: -40px;
}
.customerFormOrderScalingGroup .otherInfoTitle {
  margin-left: -198px;
}
.customerFormOrderVmQuick .otherInfoTitle {
  margin-left: -20px;
}
.customerFormOrderVmBatch .otherInfoTitle {
  margin-left: -15px;
}
.customerFormVm .otherInfoTitle {
  margin-left: -8px;
}
.otherInfoFormInlineSpan {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  margin-top: 3px;
}
.customerFormOrderLoadBalancer .otherInfoFormInlineSpan {
  margin-top: -3px;
}
.note-editor .note-toolbar .note-btn{
  padding: 5px 10px; 
}
input::-webkit-input-placeholder { /* WebKit browsers */
  color:#C4C6CC !important;
}
.head .top-serch input::-webkit-input-placeholder { /* WebKit browsers */
  color: rgba(255,255,255,0.5) !important;
}
.head .top-serch input.top-search-input-focus::-webkit-input-placeholder { /* WebKit browsers */
  color: #C4C6CC !important;
}
textarea::-webkit-input-placeholder { /* WebKit browsers */
  color:#C4C6CC !important;
}
.workOrderDetailContainer p{
  position: relative;
  z-index: 1000;
}
.noviceGuidanceTitle {
  font-size: 20px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: bold;
  text-align: center;
  color: #454852;
  line-height: 32px;
}
.noviceGuidanceInfo {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  text-align: center;
  color: #83878f;
  line-height: 32px;
}
.noviceGuidanceBox {
  overflow: hidden;
  padding: 18px 29px 0px;
}
.noviceGuidanceBox li {
  width: 250px;
  height: 200px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 24px 16px 0;
  margin-left: 12px;
  margin-bottom: 12px;
  float: left;
}
.noviceGuidanceBox li.noMarginLeft {
  margin-left: 0;
}
.noviceGuidanceBox img {
  width: 40px;
  display: block;
  margin: 0 auto 10px;
}
.noviceGuidanceBoxName {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: bold;
  text-align: center;
  color: #454852;
}
.noviceGuidanceBoxInfo {
  font-size: 12px;
  font-family: PingFang SC, PingFang SC-Regular;
  color: #83878f;
  line-height: 20px;
  margin-top: 4px;
}
.noviceGuidanceFoot {
  font-size: 14px;
  font-family: PingFang SC, PingFang SC-Regular;
  color: #83878f;
  line-height: 22px;
  cursor: pointer;
}
.noviceGuidanceRight {
  width: 262px;
  height: 100vh;
  padding: 16px;
  float: right;
  background: #fff;
  position: relative;
  border-left: 1px solid #dcdfe6;
  z-index: 9999;
}
.noviceGuidanceRightTop img {
  width: 14px;
  display: inline-block;
  margin-top: -3px;
  margin-left: 8px;
}
.noviceGuidanceRightTitle {
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: bold;
  color: #454852;
  line-height: 24px;
}
.noviceGuidanceRightTopOut {
  width: 64px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #454852;
  background: #fafbfc;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  text-align: center;
  float: right;
  cursor: pointer;
}
.noviceGuidanceRightTip {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f0f6ff;
  border: 1px solid #aec6f2;
  border-radius: 2px;
  color: #454852;
  margin: 12px 0;
  text-align: center;
}
.noviceGuidanceRightTip img {
  width: 14px;
  margin: -2px 4px 0 0;
}
.noviceGuidanceRightBox {
  width: 100%;
  border: 1px solid #dcdfe6;
  color: #83878f;
  font-weight: bold;
}
.noviceGuidanceRightBox2 {
  margin-top: -1px;
}
.noviceGuidanceRightBox img {
  width: 16px;
  margin: -1px 8px 0 0;
  transform: rotate(-90deg);
}
.noviceGuidanceRightBox img.rotate0 {
  transform: rotate(0deg);
}
.noviceGuidanceRightBox ul {
  border-top: 1px solid #dcdfe6;
  padding: 12px 6px 12px 16px;
}
.noviceGuidanceRightBox ul li {
  width: 100%;
  font-size: 12px;
  color: #454852;
  font-weight: 100;
  padding-left: 20px;
  line-height: 20px;
}
.noviceGuidanceRightBox ul li::before {
  display:inline-block;
  content: "";
  width:6px;
  height:6px;
  border-radius:50%;
  border: 1px solid #898a8c;
  background: #898a8c;
  margin: -2px 6px 0 -12px;
  vertical-align: middle;
}
.noviceGuidanceRightBox ul li.active {
  background: #fff0f0;
}
.noviceGuidanceTooltip {
  position: absolute;
  margin-top: 3px;
  cursor: auto;
}
.noviceGuidanceTooltipArrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.noviceGuidanceTooltip.bottom .noviceGuidanceTooltipArrow {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #454852;
}
.noviceGuidanceTooltip.right .noviceGuidanceTooltipArrow {
  top: 50%;
  left: -5px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #454852;
}
.noviceGuidanceTooltip.left .noviceGuidanceTooltipArrow {
  top: 50%;
  right: -5px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #454852;
}
.noviceGuidanceTooltipInner {
    padding: 12px 16px;
    color: #fff;
    text-align: left;
    background: #454852;
    border-radius: 2px;
    box-shadow: 0px 24px 56px 0px rgba(36,41,46,0.12), 0px 12px 24px 0px rgba(36,41,46,0.08), 0px 4px 12px 0px rgba(36,41,46,0.04); 
}
.noviceGuidanceFinished {
  width: 424px;
  height: 188px;
  background: #ffffff;
  border-radius: 2px;
  padding: 32px 32px 24px;
  box-shadow: 0px 24px 56px 0px rgba(36,41,46,0.12), 0px 12px 24px 0px rgba(36,41,46,0.08), 0px 4px 12px 0px rgba(36,41,46,0.04); 
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.noviceGuidanceFinished img {
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 12px;
}
.noviceGuidanceFinished span {
  display: inline-block;
  height: 24px;
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: bold;
  color: #1f2229;
  line-height: 24px;
}
.noviceGuidanceFinishedInfo {
  height: 44px;
  font-family: PingFang SC, PingFang SC-Regular;
  color: #83878f;
  line-height: 22px;
  margin: 8px 0 24px 36px;
}
.noviceGuidanceCreate {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
}
.noviceGuidanceCreatePage .text-right.carousel-bottom-banner{
  width: calc(100% - 262px);
}
#instanceTab {
  position: relative;
  height: 38px;
  padding-right: 50px;
}
#instanceTab .instanceTabMore {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 20px;
}
.instanceTabMoreBox {
  width: 130px;
  padding: 8px 0;
  background: #fff;
  position: absolute;
  top: 46px;
  right: 0px;
  z-index: 1;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.instanceTabMoreBoxItem {
  display: block;
  height: 36px;
  line-height: 36px;
  padding-left: 16px;
  color: #454852;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.instanceTabMoreBoxItem:hover {
  background: #f0f0f0;
  color: #d93934;
  cursor: pointer;
  text-decoration: none;
}
.instanceTabMoreBoxItem.active {
  background: #f0f0f0;
  color: #d93934;
}
.instanceTabMoreBoxArrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 0;
  right: 12px;
  margin-top: -5px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff;
}
.noviceGuidanceHeaderDisabled {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 54px;
}
.btn-cpuMemory {
  outline: unset !important;
  outline-offset: unset !important;
  box-shadow: unset !important;
  background: #fff !important;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
}
.btn-cpuMemory.active, .btn-cpuMemory:hover{
  border: 1px solid #D93934 !important;
  color: #D93934 !important;
}
.createServiceHeader,.allCommonHeader,.createInstanceHeader {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background: #fff;
  margin-top: 54px;
}
.createInstanceHeader {
  margin-top: 0px;
}
.createServiceHeader div,.allCommonHeader div,.createInstanceHeader div {
  width: 1270px;
  margin: 0 auto;
  color: #1F2229;
  font-size: 20px;
  font-weight: bold;
  font-family: "PingFang SC";
}
.createServiceFooter,.allCommonFooter {
  width: 100%;
  height: 52px;
  background: #fff;
  box-shadow: 0 -1px 2px -2px rgba(36,41,46,0.04), 0 -2px 4px 0 rgba(36,41,46,0.08);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.createServiceFooterMain,.allCommonFooterMain {
  width: 1270px;
  height: 52px;
  padding-top: 10px;
  margin: 0 auto;
}
.createServiceFooterMain,.allCommonFooterMain.allCommonFooterMainNoCenter {
  width: unset;
  margin-right: 24px;
}
.createServiceMainContainer,.allCommonMainContainer {
  padding: 16px 0 52px;
  width: 1270px;
  margin: 0 auto;
}
.allCommonFooterMainPrice {
  margin-right: 64px;
}
.allCommonFooterMainPriceInfo {
  color: #454852;
}
.allCommonFooterMainPriceLeft {
  color: #D93934;
}
.allCommonFooterMainPriceLeft span {
  font-size: 22px;
  font-weight: bold;
  font-family: "Montserrat";
}
.mainContainerBox {
  background: #fff;
  padding: 16px 24px;
  margin-bottom: 16px;
}
.mainContainerBoxTitle {
  color: #1F2229;
  font-size: 16px;
  font-weight: bold;
  font-family: "PingFang SC";
  margin-left: 7px;
}
.mainContainerBoxLabel {
  width: 153px !important;
  color: #454852 !important;
}
.mainContainerBoxLabel165 {
  width: 180px !important;
  color: #454852 !important;
}
.control-label-required.mainContainerBoxLabel {
  width: 138px !important;
  margin-left: 15px !important;
}
.control-label-required.mainContainerBoxLabel165 {
  width: 165px !important;
  margin-left: 15px !important;
}
.mainContainerBoxCheckBox {
  min-height: unset !important;
  height: unset !important;
  padding-top: 3px !important;
}
.mainContainerBoxInputLabel {
  width: calc(100% - 153px) !important;
}
.mainContainerBoxInputLabels {
  width: calc(100% - 138px) !important;
}
.mainContainerBoxInputLabels180 {
  width: calc(100% - 180px) !important;
}
.mainContainerBoxInput {
  width: 212px;
}
.mainContainerBoxTextarea {
  height: 96px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.form-horizontal .mainContainerBox .form-group {
  margin-right: 0;
}
.mainContainerBoxSelect {
  width: 297px;
  height: 32px;
  padding: 4px 0 4px 4px;
  border: 1px solid #DCDFE6;
  cursor: pointer;
}
.allMainContainerBoxSelect {
  width: 230px;
  height: 32px;
  padding: 4px 0 4px 4px;
  border: 1px solid #DCDFE6;
  cursor: pointer;
}
.mainContainerBoxSelectItemBox {
  display: inline-block;
  max-width: 233px;
  height: 22px;
  overflow: hidden;
}
.allMainContainerBoxSelectItemBox {
  display: inline-block;
  max-width: 166px;
  height: 22px;
  overflow: hidden;
}
.mainContainerBoxSelectItemSpcBox {
  max-width: unset;
  overflow: unset;
}
.mainContainerBoxSelectItem {
  display: inline-block;
  font-size: 12px;
  height: 22px;
  line-height: 20px;
  padding: 0 6px 0 8px;
  border: 1px solid #DCDFE6;
  background: #FAFBFC;
  color: #454852;
  margin-right: 4px;
}
.mainContainerBoxSelectItemLast {
  vertical-align: top;
}
.mainContainerBoxSelectItemSpc {
  margin-right: 8px;
}
.mainContainerBoxSelectItemLastSpc {
  border: 1px dashed #DCDFE6;
  margin-left:-4px;
}
.mainContainerBoxSelectItemDel {
  font-size: 12px;
  cursor: pointer;
  top: 1px;
  position: relative;
}
.mainContainerBoxMarginNone .form-group{
  margin: 0;
}
.mainContainerBoxChooseInput {
  width: 152px;
  float: left;
}
.mainContainerBoxChooseBtn {
  width: 60px;
  height: 32px;
  line-height: 20px;
  float: left;
}
.tableSelected {
  display: inline-block;
  color:#454852;
  max-width: 520px;
}
.tableSelectedLook{
  color: #3158CC;
  cursor: pointer;
  margin-left: 8px;
}
.tableSelectedTip {
  color: #D93934;
  margin-left: 12px;
}
.tableDataTips {
  color: #C4C6CC;
}
.tableDataTips span {
  color: #3158CC;
  cursor: pointer;
}
.object-info-modal .container-top-left-info-main{
  padding-bottom: 0px;
}
.allCommonMainContainerTabVm .nav.nav-tabs {
  width: 1270px;
  margin: 0 auto;
  padding-left: 0px;
}
.allCommonMainContainerTabVm>.nav.nav-tabs li>a,.allCommonMainContainerTabVm>.nav.nav-tabs li>a:hover {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-right: 20px !important;
}
.mainContainerBoxVmTip {
  height: 40px;
  border-radius: 2px;
  color: #454852;
  border: 1px solid #AEC6F2;
  padding: 8px 0 0 16px;
  background: #F0F6FF;
  margin-top:16px;
}
.mainContainerBatchBox {
  width: 1270px;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 16px;
}
.mainContainerBatchBoxLeft {
  flex-basis: 168px;
  width: 168px;
  padding: 8px 0 ;
  border-right: 1px solid #DCDFE6;
  color:#454852;
}
.mainContainerBatchBoxLeft .dropdown-menu-batch {
  padding: 0px;
}
.mainContainerBoxInputLabelSelect {
  width: 212px !important;
}
.mainContainerBoxInputLabelSelect .input-group-addon{
  width: 54px;
  height:32px;
  line-height: 20px;
  float: left;
}
.mainContainerBoxInputLabelSelect input{
  width: 158px;
}
.closeCommon {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  cursor: pointer;
}
.closeCommon:hover {
  background: #F0F0F0;
}
.width212 {
  width: 212px;
}
.mainContainerBoxInputUnit {
  width: 30px;
  height: 32px;
  line-height: 32px;
  float: left;
  display: inline-block;
  text-align: center;
  color: #454852;
  background: #fafbfc;
  border: 1px solid #dcdfe6;
  margin-left: -1px;
}
.mainContainerBoxOther {
  background: #fff;
  margin-bottom: 16px;
}
.allCommonFooterMainDraftesTtips {
  padding-top: 8px;
  display: inline-block;
  color: #83878F;
}
.selectVmTableBox::-webkit-scrollbar,.container-fluid-instance::-webkit-scrollbar {
  width: 0;
}
.mainContainerBoxFiles {
  width: 322px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  padding: 0 8px;
  color:#83878F;
  margin-bottom: 12px;
}
.mainContainerBoxFiles:hover {
  background: #FAFAFA;
}
.mainContainerBoxFilesAttachment {
  margin-right: 4px;
  margin-top: -1px;
  display: inline-block;
  vertical-align: middle;
}
.mainContainerBoxFilesBox {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  border-bottom: 2px solid #F0F0F0;
}
.mainContainerBoxFiles:hover .mainContainerBoxFilesBox {
  border-bottom: none;
}
.mainContainerBoxFilesName {
  display: inline-block;
  vertical-align: middle;
  width: 242px;
  margin-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mainContainerBoxFilesClose {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}
.mainContainerBoxFilesClose:hover {
  background: #F0F0F0;
}
.storageSizeMain label{
  font-family: "PingFang SC";
  font-weight: 100;
  border: 1px solid #DCDFE6;
  color: #454852;
  padding: 0 16px;
  height: 32px;
  line-height: 32px;
  margin-right: 8px;
  cursor: pointer;
}
.storageSizeMain label.active {
  color: #D93934;
  border-color: #D83935;
}
.storageSizeMain label.disabled {
  cursor: not-allowed;
  background-color: #f5f6fa !important;
  border-color: #dcdfe6 !important;
  color: #c4c6cc !important;
}
.loadbalanceBtn:hover {
  border-color: #83878f !important;
}
.dataDiskAddDisk:hover {
  background: #F5F5F5;
  border-radius: 2px;
}
.vmBatchrefreshBtn {
  display: block;
  position: absolute;
  left:220px;
  top:2px;
  font-size: 20px;
  color: #C4C6CC;
}
.vmBatchrefreshBtn:hover {
  color: #3158CC;
}
.loginBgImgDelete {
  position: absolute;
  top: 14px;
  right: 4px;
  color: #83878F;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #DCDFE6;
  cursor: pointer;
  background: #fff;
}
.loginBgImgDelete:hover {
  background: #F0F0F0;
}
.mainContainerBoxInputLabelNet {
  height: 64px;
  background: #FAFAFA;
  padding-top: 16px;
  padding-left: 16px;
  margin-top:12px;
}
.mainContainerBoxInputLabelNetName {
  display: inline-block;
  vertical-align: top;
  margin: 6px 6px 0 0;
}
.mainContainerBoxInputLabelNetUnit {
  display: inline-block;
  vertical-align: top;
  margin: 6px 8px 0 0;
}
.interval{
  margin-left: 162px !important;
  margin-top: 23px;
}
.vmDetailAddNics {
  height:32px;
  line-height:32px;
  cursor:pointer;
  border: 1px dashed #DCDFE6;
  margin-top:4px;
}
.vmDetailAddNics:hover {
  border-color: #83878f !important;
}
.insVmDetailTip {
  color: #C4C6CC;
  font-size: 14px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}
.blue-state{
  font-size: 12px;
  padding:2px 8px;
  border:1px #fc7a4e solid;
  background-color: #fff2e8;
  color:#fc7a4e;
  border-radius: 10px;
}
.blue-state.blue-state-1{
  border-color: #DCDFE6;
  background-color: #F5F5F5;
  color:#454852;
}
.blue-state.blue-state-2{
  border-color: #5a5d66;
  background-color: #f5f5f5;
  color:#5a5d66;
}
.blue-state.blue-state-3{
  border-color: #5ebc30;
  background-color: #f0f7e9;
  color:#5ebc30;
}
.blue-state.blue-state-4{
  border-color: #FFC1B8;
  background-color: #FFF0F0;
  color:#D93934;
}
.blue-state.blue-state-5{
  border-color: #fc7a4e;
  background-color: #fff2e8;
  color:#fc7a4e;
}
.wan .tooltip-inner{
  width: 150px;
}
.movein:hover{
  color: #2d52be !important;
 }
#disabledHover a:hover,#disabledHover li:hover{
  background-color:#ffffff!important;
}
.tooltipHoverAlone .tooltip {
  width: 126px;
  left: -18.5px;
}
.instanceMainTitle {
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 24px;
  color: #1F2229;
  font-size: 20px;
  font-weight: bold;
  font-family: "PingFang SC";
  background: #fff;
}
.stateCommonStyle {
  height: 24px;
  line-height: 16px;  /*关联资源页面的云硬盘tab的状态字段图标显示位移了*/
  padding: 3px 8px 0;
  border-radius: 12px;
  display: inline-block;
  font-size:12px;
}
.stateCommonStyleAuto {
  line-height: 16px;
  vertical-align: top;
}
.stateCommonStyleAutoMid {
  line-height: 16px;
  vertical-align: middle;
}
.stateCommonStyleGreen {
  background: #F0F7E9;
  border: 1px solid #B6DE97;
  color: #55B825;
}
.stateCommonStyleGrey {
  background: #F7F8FA;
  border: 1px solid #DCDFE6;
  color: #454852;
}
.stateCommonStyleRed {
  background: #FFF0F0;
  border: 1px solid #FFC1B8;
  color: #D93934;
}
.stateCommonStyleBlue {
  background: #F0F6FF;
  border: 1px solid #AEC6F2;
  color: #3158CC;
}
.stateCommonStyleYellow {
  background: #FCF5EA;
  border: 1px solid #F2CC94;
  color: #E69A29;
}
.dropdownToggleIcon {
  color: #C4C6CC;
  font-size: 26px;
  position: relative;
  top: -7px;
  cursor: pointer;
}
.open .dropdownToggleIcon,.dropdownToggleIcon:hover {
  color: #D93934;
}
.btn-group.open .dropdown-toggle {
  box-shadow: unset;
}
.btn-group .dropdown-toggle:hover {
  text-decoration: none;
}
.fixed-menu-btn{
  /*position: fixed;
  top:54px;
  left:0;*/
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  height: 44px;
  border-top: 1px #F0F0F0 solid;
  line-height: 44px;
}
.fixed-menu-btn:hover{
  background-color: #F0F0F0;
}
.is-fixed-menu .main-frame .all-menu{
  left:216px;
}
.is-fixed-menu .main-frame .main-menu{
  flex-basis:216px;
}
.is-fixed-menu .main-frame .main-menu.main-menu-unexpand{
  flex-basis:216px!important;
}
.datatooltipBox {
  display:inline-block;
}
.datatooltipMain {
  display: none;
  position: fixed;
  z-index: 99999;
  color: #fff;
  border-radius: 2px;
  padding:5px 10px;
  background: rgba(0,0,0,0.75);
}
.datatooltipMainArrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 15px;
  left: -5px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #454852;
}
.selectClass{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectClass option{
  width: 100px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectClass option::after{
  content: "dddddd";
  height: 50px;
  width: 100px;
  border: 1px solid #000000;
}
[ng-controller="blueprintFrameCtrl"] .tooltip-inner {
  max-width: 300px;
}
.createVmInstVdc .odd-even .abn-tree li:nth-child(even),.bussinessSele .odd-even .abn-tree li:nth-child(even){
  background: #fff;
}

.table-bordered.table-bordered-white{
  border-color: #fff;
}
.table-bordered.table-bordered-white > tbody > tr > td, 
.table-bordered.table-bordered-white > tbody > tr > th, 
.table-bordered.table-bordered-white > tfoot > tr > td, 
.table-bordered.table-bordered-white > tfoot > tr > th, 
.table-bordered.table-bordered-white > thead > tr > td, 
.table-bordered.table-bordered-white > thead > tr > th {
    border: 1px solid #fff;
}

.iconHover:hover{
  background: #f6f6f6;
}
.gobackIcon{
  margin-right: 4px;
  font-size: 24px; 
  text-align: left;
  min-width: 20px;
  vertical-align: middle;
  display: inline-block;

}
.hasErrors .mainContainerBoxChooseInput,.hasErrors .mainContainerBoxInput {
  border-color: #D93934;
}
.moreHover:hover{
  color: #3158CC;
}

.aDisabled{
  color: #c4c6cc !important;
}
.aDisabled:hover{
  background-color: #ffffff !important;
}
.dropdown-menu > li > .aDisabled:hover{
  background-color: #ffffff !important;
}
.stepNameCommon {
  max-width: 100px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 6px;
}
.col-md-4 .stepNameCommon1{
  width: 65px;
  color: #454852;
  background: #fafbfc;
  border: 1px solid #dcdfe6;
  height: 24px;
  text-align: center;
  margin-top: 7px;
  padding-top: 1px;
}
#select-dialog .default1{
  display: block;
    height: 32px;
    line-height: 29px;
    padding: 0 18px 0 10px;
    border: 1px solid #dcdfe6;
    border-radius: 2px 0 0 2px;
    background-color: #fafbfc;
    border-right: 0;
    text-align: left;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}
#asideDragbleMenu {
  overflow: auto;
  height: calc(100vh - 144px);
  padding-bottom: 10px;
}
.createVmMainBox,.createClusterMainBox {
  margin-top: 50px;
}
.createVmMainBoxTitle,.createClusterMainBoxTitle {
  position: fixed;
  z-index: 1000;
  left: calc((100vw - 1270px) / 2);
  top: 68px;
  color: #1F2229;
  font-size: 20px;
  font-weight: bold;
  font-family: 'PingFang SC';
}
.treeBoxsScoll {
  overflow: auto;
  min-height: calc(100vh - 138px);
  max-height: calc(100vh - 138px);
}
.isIframe .main-frame,.isIframe .container-left,.isIframe .main-frame-fixed,.isIframe .all-menu-pup {
  top: 0px;
}
.isIframe .main-frame-fixed {
  display: none;
}
.isIframe .main-frame .main-menu.main-menu-unexpand {
  flex-basis: 0px;
}
.isIframe .main-frame .main-menu,.isIframe .all-menu-pup {
  min-height: 100vh;
}
.isIframe #asideDragbleMenu {
  height: calc(100vh - 90px);
}
.isIframe .createVmMainBox,.isIframe .createClusterMainBox,.isIframe .createServiceHeader,.isIframe .allCommonHeader,.isIframe .createInstanceHeader {
  margin-top: 0px;
}
.isIframe .createVmMainBoxTitle,.isIframe .createClusterMainBoxTitle {
  top: 14px;
}
.isIframe #createservice .form-with-table {
  margin: 0px auto 0px !important;
}
.isIframe #createservice .carousel-inner.step-inner.sp-dol-for {
  min-height: calc(100vh - 170px);
}
.isIframe #createservice.createVmsInst .carousel-inner.step-inner.sp-dol-for {
  max-height: calc(100vh - 109px);
  min-height: calc(100vh - 109px);
}
.isIframe .treeBoxsScoll {
  min-height: calc(100vh - 84px);
  max-height: calc(100vh - 84px);
}
.isIframe #myiframe {
  min-height: calc(100vh - 6px);
}


.ins-create-vm-select-image .tooltip-inner{
  max-width: 1000px;
  white-space: nowrap;
}