/* 
* 主题颜色修改
*/
/* 黑红 */
.b_red .btn-red{
    background-color: #D93934;
    border-color: #D93934;
}

/* 黑蓝 */
.b_blue .btn-red{
    background-color: #3d61cc;
    border-color: #3d61cc;
}
.b_blue .btn-red:hover{
    background-color: rgba(61,97,204,0.8);
    border-color: rgba(61,97,204,0.8) !important;
}
.b_blue .btn-red[disabled]:hover{
    border-color: #dcdfe6 !important;
}
.b_blue .pagination > .active > a, .b_blue .pagination > .active > a:focus, .b_blue .pagination > .active > a:hover, .b_blue .pagination > .active > span, .b_blue .pagination > .active > span:focus, .b_blue .pagination > .active > span:hover{
    background-color: #3d61cc;
    border-color: #3d61cc;
}
.b_blue input[type=checkbox]:checked+.text:before, .b_blue input[type=radio]:checked+.text:before{
    background-color: #3d61cc;
    border-color: #3d61cc;
}
.b_blue .is-indeterminate input[type=checkbox] + .text:before{
    background-color: #3d61cc;
    border: #3d61cc;
}
.b_blue #resTab .nav-pills>li.active>a:before{
    background-color: #3d61cc !important;
}
.b_blue #resDetailTab .nav-tabs>li.active>a, .b_blue #resDetailTab.nav-tabs>li.active>a:hover, .b_blue #resDetailTab.nav-tabs>li.active>a:focus, .b_blue #resDetailTab.nav-tabs>li.active>a:active{
    border-top: 3px #3d61cc solid;
    color: #3d61cc;
}
.b_blue input[type=checkbox]:checked+.text:before, .b_blue input[type=radio]:checked+.text:before{
    background-color: #3d61cc;
    border-color: #3d61cc!important;
}
.b_blue input[type=checkbox]:checked+.text:before, .b_blue input[type=radio]:checked+.text:before{
    background-color: #3d61cc;
    border-color: #3d61cc;
}
.b_blue .checkbox.switch input[type=checkbox]:checked+.text:after{
    background-color: #3d61cc;
}
.b_blue .checkbox.switch input[type=checkbox]:checked+.text:before{
    background-color: rgba(61,97,204,.5);
}
.b_blue .nav-line-top .nav-tabs>li.active>a, .b_blue .nav-line-top .nav-tabs>li.active>a:hover, .b_blue .nav-line-top .nav-tabs>li.active>a:focus{
    border-top: 2px solid #3d61cc;
    color: #3d61cc;
}
.b_blue .nav-line-bottom .nav-tabs>li.active>a, .b_blue .nav-line-bottom .nav-tabs>li.active>a:hover, .b_blue .nav-line-bottom .nav-tabs>li.active>a:focus{
    border-bottom: 2px solid #3d61cc;
    color: #3d61cc;
}
.b_blue .nearly-com.active{
    border: 1px solid #3d61cc;
    box-shadow: 0px 0px 0px 2px #dde1ef;
    color: #3d61cc;
}
.b_blue .checkbox.switch .red-checkbox input[type=checkbox]:checked+.text:before{
    background-color: #3d61cc;
}
.b_blue .checkbox.switch .red-checkbox input[type=checkbox]:checked+.text:after{
    border: 1px solid #3d61cc;
}
.b_blue #resDetailTab.nav-line-bottom .nav-tabs>li.active>a, .b_blue  #resDetailTab.nav-line-bottom .nav-tabs>li.active>a:active{
    border-bottom: 3px #3d61cc solid;
}
.b_blue .nav-line-bottom.nav-line-bottom-justified .nav-tabs>li>a:hover, .b_blue  #resDetailTab.nav-line-bottom .nav-tabs>li>a:hover{
    color: #3d61cc;
}
.b_blue .table .dropdown-menu .menu-btn:hover{
    background: #3d61cc !important;
}
.b_blue .activeVmsTab .active{
    border-left: solid 4px #3d61cc;
}
.b_blue .activeVmsTab .active a{
    color: #3d61cc!important;
}
.b_blue .box-select .box-select-item.active{
    border-color: #3d61cc;
    color: #3d61cc;
}
.b_blue .order-step li.active .num-block{
    background-color: #3d61cc !important;
}
/* .b_blue h4.modal-title{
    background: url(../images/svg/red_bg.svg) no-repeat right #3d61cc;
} */
.b_blue .servicelist li.firstmenu a.actived{
    background: rgba(61,97,204,0.1) !important;
    color: #3d61cc;
}
.b_blue .servicelist .firstmenu a:hover{
    background: rgba(61,97,204,0.1) !important;
    color: #3d61cc;
}
.b_blue .servicelist .firstmenu .secondmenu a:hover {
    color: #3d61cc;
}
.b_blue label.sort i{
    color: #3d61cc;
}
.b_blue .servicelist.editmode li.firstmenu label.sort button{
    background: rgba(61,97,204,0.1) !important;
}
.b_blue .servicelist.editmode li.firstmenu label.sort button:hover{
    background:rgba(61,97,204,0.2) !important;
}
.b_blue .dropdown-menu > li > a:hover, .b_blue .dropdown-menu > li > a:focus, .b_blue .dropdown-menu > .active > a, .b_blue .dropdown-menu > .active > a:hover, .b_blue .dropdown-menu > .active > a:focus{
    background: rgba(61,97,204,0.1) !important;
}
.b_blue .nav-line-bottom .nav-tabs>li>a:hover{
  color: #3d61cc;
}
.b_blue .checkbox.switch input[type=checkbox]:checked+.text:before{
    background-color: rgba(61,97,204,0.6) !important;
    border-color: rgba(61,97,204,0.6);

}
.b_blue .checkbox.switch input[type=checkbox]:checked+.text:after{
    background-color: #3d61cc;
}
.b_blue .dropdown-menu-vms.dropdown-menu > li > a:hover,.b_blue .dropdown-menu-loadbalance.dropdown-menu > li > a:hover{
    color: #3d61cc !important;
    background: rgba(61,97,204,0.1) !important;
}
.b_blue .billingOverview_trend_tit .billingOverview_trend_tit_com.active,.b_blue .billingOverview_trend_minbox_com.active{
    color: #3d61cc;
    border-bottom: 2px solid #3d61cc;
}
.b_blue .billingOverview_trend_tit_com_r.active{
    border: 1px solid #3d61cc;
    color: #3d61cc;
}
.b_blue .ranges li.active,.b_blue .ranges li:hover{
    background: #3d61cc;
    border: 1px solid #3d61cc;
}
.b_blue button.applyBtn.btn.btn-sm.btn-success{
    background: #3d61cc;
    border: 1px solid #3d61cc;
}
.b_blue .daterangepicker td.active,.b_blue .daterangepicker td.active:hover{
    background-color: #3d61cc;
}
.b_blue button.btn-default.boxShow{
    border: 1px solid #3d61cc;
}
.b_blue .billingOverview_trend_list_sort li.chooseThis,.b_blue .billingOverview_trend_list_sort li:hover{
    color: #3d61cc;
    background: rgba(61,97,204,0.1);
}
.b_blue .billingOverview_trend_tit .billingOverview_trend_tit_com:hover{
    color:#3d61cc;
}
.b_blue .billingOverview_trend_minbox_com:hover{
  color:#3d61cc;
}
.b_blue .billingOverview_trend_minbox_list li:hover{
  background: rgba(61,97,204,0.1);
}
.b_blue .service_applay .theme-container .theme-card:hover .apply button, .b_blue .appStore_apply .theme-card:hover .apply button, .b_blue .service_applay .theme-container .theme-card:hover .theme-card-btn, .b_blue .appStore_apply .theme-card:hover .theme-card-btn {
    background: #3d61cc;
}
.b_blue .allUserModal ul li:hover{
  background: rgba(61,97,204,0.1);
}
.b_blue .instanceTabMoreBoxItem:hover,.b_blue .instanceTabMoreBoxItem.active {
    background: rgba(61,97,204,0.1);
    color: #3d61cc;
}
.b_blue .main-frame .main-menu li.active{
  background-color: rgba(61,97,204,0.1) !important;
}
.b_blue .main-frame .main-menu li.active:hover .del-leftmenu{
    color: #3d61cc;
}
.b_blue .main-frame .main-menu li.active .del-leftmenu:hover{
    background: rgba(61,97,204,0.1);
}
.b_blue .storageSizeMain label.active {
  color: #3d61cc;
  border-color: #3d61cc;
}
.b_blue .vmServiceApply .cpu-memory .card.active,.b_blue .allSelectdCard .card.active{
  border-color: #3d61cc;
  color: #3d61cc;
}
.b_blue .mainContainerBoxInputLabel .box-select .box-select-item.active {
  color: #3d61cc;
}
.b_blue .slot-radio-selector .label-box.active{
    border-color: #3d61cc;
    border-right:1px solid #3d61cc;
    color: #3d61cc;
}
.b_blue .slot-radio-selector .label-box:hover{
    border-color: #3d61cc;
    border-right:1px solid #3d61cc;
}
.b_blue .slot-fixed-timeRadio .fixed-time-picker.active{
    border-color: #3d61cc;
    border-left:1px solid #3d61cc;
    color: #3d61cc;
}
.b_blue .allCommonFooterMainPriceLeft {
  color: #3d61cc;
}
.b_blue .vmBatchApplyCpuMemory .slot-radio-selector .label-box.active {
    color: #3d61cc;
}
.b_blue .batch_box_left li.active{
  background: rgba(61,97,204,0.1);
}
.b_blue .batch_box_left li span.active{
  color: #3d61cc;
}
.b_blue .batch_box_left li .batch_box_left_moreShuHover:hover{
  background-color: rgba(61,97,204,0.3);
}
.b_blue .shopping-cart-btn .shopping-num.have-goods{
  background: #3d61cc;
}
.b_blue .container-theme.active{
  background: rgba(61,97,204,0.1);
  color: #3d61cc;
}
.b_blue input[type=checkbox]+.text:hover:before,.b_blue input[type=radio]+.text:hover:before {
  border-color: #3d61cc;
}
.b_blue .open .dropdownToggleIcon,.b_blue .dropdownToggleIcon:hover {
  color: #3d61cc;
}
.b_blue .sort-indicator.sort-up:after {
  border-color: #3d61cc transparent;
}
.b_blue .sort-indicator.sort-down:before {
  border-top: 5px solid #3d61cc;
}
.b_blue #createservice.createVmsInst .wizard-nav-style2 .step-img-active {
  background-color: #3d61cc;
  border: 1px #3d61cc solid;
}
.b_blue #createservice.createVmsInst .wizard-nav-style2 .step-img-hover {
  background-color: #fff;
  border: 1px rgba(61,97,204,0.8) solid;
  color: #3d61cc;
}
.b_blue #createservice.createVmsInst .wizard-nav-style2 .step-img-hover .icon-check {
  color: #3d61cc;
}

/* 黑黄 */
.b_yellow .btn-red{
    background-color: #e69a29;
    border-color: #e69a29;
}
.b_yellow .btn-red:hover{
    background-color: rgba(230,138,41,0.8) !important;
    border-color: rgba(230,138,41,0.8);
}
.b_yellow .btn-red[disabled]:hover{
    border-color: #dcdfe6 !important;
}
.b_yellow .pagination > .active > a, .b_yellow .pagination > .active > a:focus, .b_yellow .pagination > .active > a:hover, .b_yellow .pagination > .active > span, .b_yellow .pagination > .active > span:focus, .b_yellow .pagination > .active > span:hover{
    background-color: #e69a29;
    border-color: #e69a29;
}
.b_yellow input[type=checkbox]:checked+.text:before, .b_yellow input[type=radio]:checked+.text:before{
    background-color: #e69a29;
    border-color: #e69a29;
}
.b_yellow .is-indeterminate input[type=checkbox] + .text:before{
    background-color: #e69a29;
    border: #e69a29;
}
.b_yellow #resTab .nav-pills>li.active>a:before{
    background-color: #e69a29;
}
.b_yellow #resDetailTab .nav-tabs>li.active>a, .b_yellow #resDetailTab.nav-tabs>li.active>a:hover, .b_yellow #resDetailTab.nav-tabs>li.active>a:focus, .b_yellow #resDetailTab.nav-tabs>li.active>a:active{
    border-top: 3px #e69a29 solid;
    color: #e69a29;
}
.b_yellow input[type=checkbox]:checked+.text:before, .b_yellow input[type=radio]:checked+.text:before{
    background-color: #e69a29;
    border-color: #e69a29!important;
}
.b_yellow input[type=checkbox]:checked+.text:before, .b_yellow input[type=radio]:checked+.text:before{
    background-color: #e69a29;
    border-color: #e69a29;
}
.b_yellow .checkbox.switch input[type=checkbox]:checked+.text:after{
    background-color: #e69a29;
}
.b_yellow .checkbox.switch input[type=checkbox]:checked+.text:before{
    background-color: rgba(230,154,41,.5);
}
.b_yellow .nav-line-top .nav-tabs>li.active>a, .b_yellow .nav-line-top .nav-tabs>li.active>a:hover, .b_yellow .nav-line-top .nav-tabs>li.active>a:focus{
    border-top: 2px solid #e69a29;
    color: #e69a29;
}
.b_yellow .nav-line-bottom .nav-tabs>li.active>a, .b_yellow .nav-line-bottom .nav-tabs>li.active>a:hover, .b_yellow .nav-line-bottom .nav-tabs>li.active>a:focus{
    border-bottom: 2px solid #e69a29;
    color: #e69a29;
}
.b_yellow .nearly-com.active{
    border: 1px solid #e69a29;
    box-shadow: 0px 0px 0px 2px #f9f1e6;
    color: #e69a29;
}
.b_yellow .checkbox.switch .red-checkbox input[type=checkbox]:checked+.text:before{
    background-color: #e69a29;
}
.b_yellow .checkbox.switch .red-checkbox input[type=checkbox]:checked+.text:after{
    border: 1px solid #e69a29;
}
.b_yellow #resDetailTab.nav-line-bottom .nav-tabs>li.active>a, .b_yellow  #resDetailTab.nav-line-bottom .nav-tabs>li.active>a:active{
    border-bottom: 3px #e69a29 solid;
}
.b_yellow .nav-line-bottom.nav-line-bottom-justified .nav-tabs>li>a:hover, .b_yellow  #resDetailTab.nav-line-bottom .nav-tabs>li>a:hover{
    color: #e69a29;
}
.b_yellow .table .dropdown-menu .menu-btn:hover{
    background: #e69a29;
}
.b_yellow .activeVmsTab .active{
    border-left: solid 4px #e69a29;
}
.b_yellow .activeVmsTab .active a{
    color: #e69a29!important;
}
.b_yellow .box-select .box-select-item.active{
    border-color: #e69a29 !important;
    color: #e69a29;
}
.b_yellow .order-step li.active .num-block{
    background-color: #e69a29 !important;
}
/* .b_yellow h4.modal-title{
    background: url(../images/svg/red_bg.svg) no-repeat right #e69a29;
} */
.b_yellow .servicelist li.firstmenu a.actived{
    background: rgba(230,138,41,0.1);
    color: #e69a29;
}
.b_yellow .servicelist .firstmenu a:hover{
    background: rgba(230,138,41,0.1) !important;
    color: #e69a29;
}
.b_yellow .servicelist .firstmenu .secondmenu a:hover {
    color: #e69a29;
}
.b_yellow label.sort i{
    color: #e69a29;
}
.b_yellow .servicelist.editmode li.firstmenu label.sort button{
    background: rgba(230,138,41,0.1) !important;
}
.b_yellow .servicelist.editmode li.firstmenu label.sort button:hover{
    background:rgba(230,138,41,0.2) !important;
}
.b_yellow .dropdown-menu > li > a:hover, .b_yellow .dropdown-menu > li > a:focus, .b_yellow .dropdown-menu > .active > a, .b_yellow .dropdown-menu > .active > a:hover, .b_yellow .dropdown-menu > .active > a:focus{
    background: rgba(230,138,41,0.1) !important;
}
.b_yellow .nav-line-bottom .nav-tabs>li>a:hover{
  color: #e69a29;
}
.b_yellow .checkbox.switch input[type=checkbox]:checked+.text:before{
    background-color: rgba(230,138,41,0.6);
    border-color: rgba(230,138,41,0.6);

}
.b_yellow .checkbox.switch input[type=checkbox]:checked+.text:after{
    background-color: #e69a29;
}
.b_yellow .dropdown-menu-vms.dropdown-menu > li > a:hover,.b_yellow .dropdown-menu-loadbalance.dropdown-menu > li > a:hover{
    color: #e69a29 !important;
    background: rgba(230,138,41,0.1) !important;
}
.b_yellow .billingOverview_trend_tit .billingOverview_trend_tit_com.active,.b_yellow .billingOverview_trend_minbox_com.active{
    color: #e69a29;
    border-bottom: 2px solid #e69a29;
}
.b_yellow .billingOverview_trend_tit_com_r.active{
    border: 1px solid #e69a29;
    color: #e69a29;
}
.b_yellow .ranges li.active,.b_yellow .ranges li:hover{
    background: #e69a29;
    border: 1px solid #e69a29;
}
.b_yellow button.applyBtn.btn.btn-sm.btn-success{
    background: #e69a29;
    border: 1px solid #e69a29;
}
.b_yellow .daterangepicker td.active,.b_yellow .daterangepicker td.active:hover{
    background-color: #e69a29;
}
.b_yellow button.btn-default.boxShow{
    border: 1px solid #e69a29;
}
.b_yellow .billingOverview_trend_list_sort li.chooseThis,.b_yellow .billingOverview_trend_list_sort li:hover{
    color: #e69a29;
    background: rgba(230,138,41,0.1);
}
.b_yellow .billingOverview_trend_tit .billingOverview_trend_tit_com:hover{
    color:#e69a29;
}
.b_yellow .billingOverview_trend_minbox_com:hover{
  color:#e69a29;
}
.b_yellow .billingOverview_trend_minbox_list li:hover{
  background: rgba(230,138,41,0.1);
}
.b_yellow .service_applay .theme-container .theme-card:hover .apply button, .b_yellow .appStore_apply .theme-card:hover .apply button, .b_yellow .service_applay .theme-container .theme-card:hover .theme-card-btn, .b_yellow .appStore_apply .theme-card:hover .theme-card-btn {
    background: #e69a29;
}
.b_yellow .allUserModal ul li:hover{
  background: rgba(230,138,41,0.1);
}
.b_yellow .instanceTabMoreBoxItem:hover,.b_yellow .instanceTabMoreBoxItem.active {
    background: rgba(230,138,41,0.1);
    color: #e69a29;
}
.b_yellow .main-frame .main-menu li.active{
  background-color: rgba(230,138,41,0.1) !important;
}
.b_yellow .main-frame .main-menu li.active:hover .del-leftmenu{
    color: #e69a29;
}
.b_yellow .main-frame .main-menu li.active .del-leftmenu:hover{
    background: rgba(230,138,41,0.1);
}
.b_yellow .storageSizeMain label.active {
  color: #e69a29;
  border-color: #e69a29;
}
.b_yellow .vmServiceApply .cpu-memory .card.active,.b_yellow .allSelectdCard .card.active{
  border-color: #e69a29;
  color: #e69a29;
}
.b_yellow .mainContainerBoxInputLabel .box-select .box-select-item.active {
  color: #e69a29;
}
.b_yellow .slot-radio-selector .label-box.active{
    border-color: #e69a29;
    border-right:1px solid #e69a29;
    color: #e69a29;
}
.b_yellow .slot-radio-selector .label-box:hover{
    border-color: #e69a29;
    border-right:1px solid #e69a29;
}
.b_yellow .slot-fixed-timeRadio .fixed-time-picker.active{
    border-color: #e69a29;
    border-left:1px solid #e69a29;
    color: #e69a29;
}
.b_yellow .allCommonFooterMainPriceLeft {
  color: #e69a29;
}
.b_yellow .vmBatchApplyCpuMemory .slot-radio-selector .label-box.active {
    color: #e69a29;
}
.b_yellow .batch_box_left li.active{
  background: rgba(230,138,41,0.1);
}
.b_yellow .batch_box_left li span.active{
  color: #e69a29;
}
.b_yellow .batch_box_left li .batch_box_left_moreShuHover:hover{
  background-color: rgba(230,138,41,0.3);
}
.b_yellow .shopping-cart-btn .shopping-num.have-goods{
  background: #e69a29;
}
.b_yellow .container-theme.active{
  background: rgba(230,138,41,0.1);
  color: #e69a29;
}
.b_yellow input[type=checkbox]+.text:hover:before,.b_yellow input[type=radio]+.text:hover:before {
  border-color: #e69a29;
}
.b_yellow .open .dropdownToggleIcon,.b_yellow .dropdownToggleIcon:hover {
  color: #e69a29;
}
.b_yellow .sort-indicator.sort-up:after {
  border-color: #e69a29 transparent;
}
.b_yellow .sort-indicator.sort-down:before {
  border-top: 5px solid #e69a29;
}
.b_yellow #createservice.createVmsInst .wizard-nav-style2 .step-img-active {
  background-color: #e69a29;
  border: 1px #e69a29 solid;
}
.b_yellow #createservice.createVmsInst .wizard-nav-style2 .step-img-hover {
  background-color: #fff;
  border: 1px rgba(230,138,41,0.8) solid;
  color: #e69a29;
}
.b_yellow #createservice.createVmsInst .wizard-nav-style2 .step-img-hover .icon-check {
  color: #e69a29;
}

/* 黑绿 */
.b_green .btn-red{
    background-color: #53b324;
    border-color: #53b324;
}
.b_green .btn-red:hover{
    background-color: rgba(83,179,36,0.8);
    border-color: rgba(83,179,36,0.8) !important;
}
.b_green .btn-red[disabled]:hover{
    border-color: #53b324 !important;
}
.b_green .btn-red:active:focus, .b_green .btn-red:active:hover{
    background-color: rgba(83,179,36,0.8) !important;
    border-color: rgba(83,179,36,0.8);
}
.b_green .pagination > .active > a, .b_green .pagination > .active > a:focus, .b_green .pagination > .active > a:hover, .b_green .pagination > .active > span, .b_green .pagination > .active > span:focus, .b_green .pagination > .active > span:hover{
    background-color: #53b324;
    border-color: #53b324;
}
.b_green input[type=checkbox]:checked+.text:before, .b_green input[type=radio]:checked+.text:before{
    background-color: #53b324;
    border-color: #53b324;
}
.b_green .is-indeterminate input[type=checkbox] + .text:before{
    background-color: #53b324;
    border: #53b324;
}
.b_green #resTab .nav-pills>li.active>a:before{
    background-color: #53b324 !important;
}
.b_green #resDetailTab .nav-tabs>li.active>a, .b_green #resDetailTab.nav-tabs>li.active>a:hover, .b_green #resDetailTab.nav-tabs>li.active>a:focus, .b_green #resDetailTab.nav-tabs>li.active>a:active{
    border-top: 3px #53b324 solid;
    color: #53b324;
}
.b_green input[type=checkbox]:checked+.text:before, .b_green input[type=radio]:checked+.text:before{
    background-color: #53b324;
    border-color: #53b324!important;
}
.b_green input[type=checkbox]:checked+.text:before, .b_green input[type=radio]:checked+.text:before{
    background-color: #53b324;
    border-color: #53b324;
}
.b_green .checkbox.switch input[type=checkbox]:checked+.text:after{
    background-color: #53b324;
}
.b_green .checkbox.switch input[type=checkbox]:checked+.text:before{
    background-color: rgba(83,179,36,.5);
}
.b_green .nav-line-top .nav-tabs>li.active>a, .b_green .nav-line-top .nav-tabs>li.active>a:hover, .b_green .nav-line-top .nav-tabs>li.active>a:focus{
    border-top: 2px solid #53b324;
    color: #53b324;
}
.b_green .nav-line-bottom .nav-tabs>li.active>a, .b_green .nav-line-bottom .nav-tabs>li.active>a:hover, .b_green .nav-line-bottom .nav-tabs>li.active>a:focus{
    border-bottom: 2px solid #53b324;
    color: #53b324;
}
.b_green .nearly-com.active{
    border: 1px solid #53b324;
    box-shadow: 0px 0px 0px 2px #ebf5e6;
    color: #53b324;
}
.b_green .checkbox.switch .red-checkbox input[type=checkbox]:checked+.text:before{
    background-color: #53b324;
}
.b_green .checkbox.switch .red-checkbox input[type=checkbox]:checked+.text:after{
    border: 1px solid #53b324;
}
.b_green #resDetailTab.nav-line-bottom .nav-tabs>li.active>a, .b_green  #resDetailTab.nav-line-bottom .nav-tabs>li.active>a:active{
    border-bottom: 3px #53b324 solid;
}
.b_green .nav-line-bottom.nav-line-bottom-justified .nav-tabs>li>a:hover, .b_green  #resDetailTab.nav-line-bottom .nav-tabs>li>a:hover{
    color: #53b324;
}
.b_green .table .dropdown-menu .menu-btn:hover{
    background: #53b324 !important;
}
.b_green .activeVmsTab .active{
    border-left: solid 4px #53b324;
}
.b_green .activeVmsTab .active a{
    color: #53b324!important;
}
.b_green .box-select .box-select-item.active{
    border-color: #53b324;
    color: #53b324;
}
.b_green .order-step li.active .num-block{
    background-color: #53b324 !important; 
}
/* .b_green h4.modal-title{
    background: url(../images/svg/red_bg.svg) no-repeat right #53b324;
} */
.b_green .servicelist li.firstmenu a.actived{
    background: rgba(83,179,36,0.1) !important;
    color: #53b324;
}
.b_green .servicelist .firstmenu a:hover{
    background: rgba(83,179,36,0.1) !important;
    color: #53b324;
}
.b_green .servicelist .firstmenu .secondmenu a:hover {
    color: #53b324;
}
.b_green label.sort i{
    color: #53b324;
}
.b_green .servicelist.editmode li.firstmenu label.sort button{
    background: rgba(83,179,36,0.1) !important;
}
.b_green .servicelist.editmode li.firstmenu label.sort button:hover{
    background: rgba(83,179,36,0.2) !important;
}
.b_green .dropdown-menu > li > a:hover, .b_green .dropdown-menu > li > a:focus, .b_green .dropdown-menu > .active > a, .b_green .dropdown-menu > .active > a:hover, .b_green .dropdown-menu > .active > a:focus{
    background: rgba(83,179,36,0.1) !important;
}
.b_green .nav-line-bottom .nav-tabs>li>a:hover{
  color: #53b324;
}
.b_green .checkbox.switch input[type=checkbox]:checked+.text:before{
    background-color: rgba(83,179,36,0.6);
    border-color: rgba(83,179,36,0.6);

}
.b_green .checkbox.switch input[type=checkbox]:checked+.text:after{
    background-color: #53b324;
}
.b_green .dropdown-menu-vms.dropdown-menu > li > a:hover,.b_green .dropdown-menu-loadbalance.dropdown-menu > li > a:hover{
    color: #53b324 !important;
    background: rgba(83,179,36,0.1) !important;
}
.b_green .billingOverview_trend_tit .billingOverview_trend_tit_com.active,.b_green .billingOverview_trend_minbox_com.active{
    color: #53b324;
    border-bottom: 2px solid #53b324;
}
.b_green .billingOverview_trend_tit_com_r.active{
    border: 1px solid #53b324;
    color: #53b324;
}
.b_green .ranges li.active,.b_green .ranges li:hover{
    background: #53b324;
    border: 1px solid #53b324;
}
.b_green button.applyBtn.btn.btn-sm.btn-success{
    background: #53b324;
    border: 1px solid #53b324;
}
.b_green .daterangepicker td.active,.b_green  .daterangepicker td.active:hover{
    background-color: #53b324;
}
.b_green button.btn-default.boxShow{
    border: 1px solid #53b324;
}
.b_green .billingOverview_trend_list_sort li.chooseThis,.b_green .billingOverview_trend_list_sort li:hover{
    color: #53b324;
    background: rgba(83,179,36,0.1);
}
.b_green .billingOverview_trend_tit .billingOverview_trend_tit_com:hover{
    color:#53b324;
}
.b_green .billingOverview_trend_minbox_com:hover{
  color:#53b324;
}
.b_green .billingOverview_trend_minbox_list li:hover{
  background: rgba(83,179,36,0.1);
}
.b_green .service_applay .theme-container .theme-card:hover .apply button, .b_green .appStore_apply .theme-card:hover .apply button, .b_green .service_applay .theme-container .theme-card:hover .theme-card-btn, .b_green .appStore_apply .theme-card:hover .theme-card-btn {
    background: #53b324;
}
.b_green .allUserModal ul li:hover{
  background: rgba(83,179,36,0.1);
}
.b_green .instanceTabMoreBoxItem:hover,.b_green .instanceTabMoreBoxItem.active {
    background: rgba(83,179,36,0.1);
    color: #53b324;
}
.b_green .main-frame .main-menu li.active{
  background-color: rgba(83,179,36,0.1) !important;
}
.b_green .main-frame .main-menu li.active:hover .del-leftmenu{
    color: #53b324;
}
.b_green .main-frame .main-menu li.active .del-leftmenu:hover{
    background: rgba(83,179,36,0.1);
}
.b_green .storageSizeMain label.active {
  color: #53b324;
  border-color: #53b324;
}
.b_green .vmServiceApply .cpu-memory .card.active,.b_green .allSelectdCard .card.active{
  border-color: #53b324;
  color: #53b324;
}
.b_green .mainContainerBoxInputLabel .box-select .box-select-item.active {
  color: #53b324;
}
.b_green .slot-radio-selector .label-box.active{
    border-color: #53b324;
    border-right:1px solid #53b324;
    color: #53b324;
}
.b_green .slot-radio-selector .label-box:hover{
    border-color: #53b324;
    border-right:1px solid #53b324;
}
.b_green .slot-fixed-timeRadio .fixed-time-picker.active{
    border-color: #53b324;
    border-left:1px solid #53b324;
    color: #53b324;
}
.b_green .allCommonFooterMainPriceLeft {
  color: #53b324;
}
.b_green .vmBatchApplyCpuMemory .slot-radio-selector .label-box.active {
    color: #53b324;
}
.b_green .batch_box_left li.active{
  background: rgba(83,179,36,0.1);
}
.b_green .batch_box_left li span.active{
  color: #53b324;
}
.b_green .batch_box_left li .batch_box_left_moreShuHover:hover{
  background-color: rgba(83,179,36,0.3);
}
.b_green .shopping-cart-btn .shopping-num.have-goods{
  background: #53b324;
}
.b_green .container-theme.active{
  background: rgba(83,179,36,0.1);
  color: #53b324;
}
.b_green input[type=checkbox]+.text:hover:before,.b_green input[type=radio]+.text:hover:before {
  border-color: #53b324;
}
.b_green .open .dropdownToggleIcon,.b_green .dropdownToggleIcon:hover {
  color: #53b324;
}
.b_green .sort-indicator.sort-up:after {
  border-color: #53b324 transparent;
}
.b_green .sort-indicator.sort-down:before {
  border-top: 5px solid #53b324;
}
.b_green #createservice.createVmsInst .wizard-nav-style2 .step-img-active {
  background-color: #53b324;
  border: 1px #53b324 solid;
}
.b_green #createservice.createVmsInst .wizard-nav-style2 .step-img-hover {
  background-color: #fff;
  border: 1px rgba(83,179,36,0.8) solid;
  color: #53b324;
}
.b_green #createservice.createVmsInst .wizard-nav-style2 .step-img-hover .icon-check {
  color: #53b324;
}

/* 珊瑚红 */
.concise_red .btn-red{
    background-color: #D93934;
    border-color: #D93934;
}
.concise_red .head{
    background: linear-gradient(270deg,#d93934, #e86d12);
}
.concise_red .interval_line{
    border-right:1px #fff solid;
}
.concise_red .interval_line_r{
    border-right:1px #fff solid;
}
.concise_red .head .top-serch input{
    background-color: rgba(255,255,255,.1);
}
.concise_red .head .top-serch input::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #fff; 
} 
.concise_red .head .top-serch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #fff; 
} 
.concise_red .head .top-serch input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #fff; 
} 
.concise_red .head .top-serch input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #fff; 
} 
.concise_red .head .top-serch input.top-search-input-focus::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #555; 
} 
.concise_red .head .top-serch input.top-search-input-focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #555; 
} 
.concise_red .head .top-serch input.top-search-input-focus::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #555; 
} 
.concise_red .head .top-serch input.top-search-input-focus:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #555; 
}
.concise_red .icon-Search-color{
    color:#fff;
}
.concise_red .head .top-serch input.top-search-input-focus + .icon-Search-color{
    color:#555;
}

/* 科技蓝 */
.concise_blue .btn-red{
    background-color: #3d61cc;
    border-color: #3d61cc;
}
.concise_blue .head{
    background: linear-gradient(270deg,#3d61cc, #18a2e7);
}
.concise_blue .interval_line{
    border-right:1px #fff solid;
}
.concise_blue .interval_line_r{
    border-right:1px #fff solid;
}
.concise_blue .head .top-serch input{
    background-color: rgba(255,255,255,.1);
}
.concise_blue .head .top-serch input::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #fff; 
} 
.concise_blue .head .top-serch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #fff; 
} 
.concise_blue .head .top-serch input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #fff; 
} 
.concise_blue .head .top-serch input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #fff; 
} 
.concise_blue .head .top-serch input.top-search-input-focus::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #555; 
} 
.concise_blue .head .top-serch input.top-search-input-focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #555; 
} 
.concise_blue .head .top-serch input.top-search-input-focus::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #555; 
} 
.concise_blue .head .top-serch input.top-search-input-focus:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #555; 
}
.concise_blue .icon-Search-color{
    color:#fff;
}
.concise_blue .head .top-serch input.top-search-input-focus + .icon-Search-color{
    color:#555;
}

/* 柠檬黄 */
.concise_yellow .btn-red{
    background-color: #e69a29;
    border-color: #e69a29;
}
.concise_yellow .head{
    background: linear-gradient(270deg,#e69a29, #e6b529);
}
.concise_yellow .interval_line{
    border-right:1px #fff solid;
}
.concise_yellow .interval_line_r{
    border-right:1px #fff solid;
}
.concise_yellow .head .top-serch input{
    background-color: rgba(255,255,255,.1);
}
.concise_yellow .head .top-serch input::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #fff; 
} 
.concise_yellow .head .top-serch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #fff; 
} 
.concise_yellow .head .top-serch input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #fff; 
} 
.concise_yellow .head .top-serch input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #fff; 
} 
.concise_yellow .head .top-serch input.top-search-input-focus::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #555; 
} 
.concise_yellow .head .top-serch input.top-search-input-focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #555; 
} 
.concise_yellow .head .top-serch input.top-search-input-focus::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #555; 
} 
.concise_yellow .head .top-serch input.top-search-input-focus:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #555; 
}
.concise_yellow .icon-Search-color{
    color:#fff;
}
.concise_yellow .head .top-serch input.top-search-input-focus + .icon-Search-color{
    color:#555;
}

/* 自然绿 */
.concise_green .btn-red{
    background-color: #53b324;
    border-color: #53b324;
}
.concise_green .head{
    background: linear-gradient(270deg,#53b324, #2ccd3d);
}
.concise_green .interval_line{
    border-right:1px #fff solid;
}
.concise_green .interval_line_r{
    border-right:1px #fff solid;
}
.concise_green .head .top-serch input{
    background-color: rgba(255,255,255,.1);
}
.concise_green .head .top-serch input::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #fff; 
} 
.concise_green .head .top-serch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #fff; 
} 
.concise_green .head .top-serch input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #fff; 
} 
.concise_green .head .top-serch input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #fff; 
} 
.concise_green .head .top-serch input.top-search-input-focus::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #555; 
} 
.concise_green .head .top-serch input.top-search-input-focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #555; 
} 
.concise_green .head .top-serch input.top-search-input-focus::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #555; 
} 
.concise_green .head .top-serch input.top-search-input-focus:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #555; 
}
.concise_green .icon-Search-color{
    color:#fff;
}
.concise_green .head .top-serch input.top-search-input-focus + .icon-Search-color{
    color:#555;
}