body{ font-size: 12px; font-family:-apple-system,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;}
:focus{outline:0;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}
.content-wrapper{ background-color: #EEEEEE; }

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p a{ color:rgba(255,255,255,0.8); }
.treeview-menu i.fa-circle,.treeview-menu i.fa-circle-thin{-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-ms-transform: scale(0.6);-o-transform: scale(0.6); }
.info-box-icon.bg-white{ background-color: #FFF; }
.info-box-icon.bg-white .fa{ color: #1872d0; }

.sidebar-menu > li > a{ font-size: 14px; }

.no-shadow{box-shadow: none;}

.no-margin-bottom{ margin-bottom: 0; }
.no-border li{ border: none; }

.list-group-item b{ display: inline-block; width: 4em; font-weight: normal; }
._md .list-group-item b{width: 7em; }
.list-group-item span{display: inline-block; font-weight: bold;}

._pl_20{ padding-left: 20px; }
._pl_20 li{ margin-top: 1px; }
._pl_20 li a{ color: #555; }

.lead{font-weight: bold;}

._mt_1_1{margin-top: 15px;}
._mr_r_1{margin-right: 15px;}

._blue,._blue *{ color: #1872d0; }
._red{color: red;}
._orange {color: #f39700;}

._blue .fa-qq{ color: #FFF; background-color:#1872d0; border-radius: 50%; padding:4px 5px 4px 4px; text-align: center;  }

._fa-yen{ border:1px #555555 solid; border-radius: 3px; padding:4px 8px 2px 8px; font-size: 20px; }

._flex_a_center{ display: flex; justify-content: center;align-items: center;}

._list_c_1{ height: 150px; }
._f_size_l{ font-size: 35px; }

._b_r_g{ border-right: 1px #EBEBEB dashed; }

._img_w_100 img{ width: 100%; }

._p_r_sm{ padding-right: 5px; }
._p_l_sm{ padding-left: 5px; }

.bs-callout-danger {
    border-left-color: #ce4844 !important;
}
.bs-callout {
    padding: 15px;
    margin: 20px auto;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

/*调整*/
.skin-blue .main-header .logo,.skin-blue .main-header .navbar{ background-color: transparent; }
.main-header .logo .logo-lg img,.main-header .logo .logo-mini img{ width: 40px; }

.treeview span{ font-size: 14px; }

.sidebar-collapse .treeview>a{ cursor: default; }

.skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.current-page>a {
    color: #fff;
    background: #1e282c;
}

.main-header .logo .logo-lg{ font-size: 19px; color: #1872D0; }
.skin-blue .main-header .logo:hover{ background-color: transparent; }

.icon{display: inline-block; background-repeat: no-repeat; background-position: center; vertical-align: middle;}
.icon_1_1{ width: 60px; height: 60px; background-image: url(../../images/user/icon/icon_1_1.png); }
.icon_1_2{ width: 60px; height: 60px; background-image: url(../../images/user/icon/icon_1_2.png); }

.box-title{ border-left: 4px #1873D0 solid; padding-left: 10px; }

.page-header{ border-left: 4px #1873D0 solid; padding-left: 10px; padding-bottom: 0; border-bottom: 0;}

.box{ border-radius: 0;border-top:none; }

.box-header{ padding: 0; background-color: #FFF; }
.box-header .box-title{border-left: none;border-top: 2px #1873D0 solid; padding-top: 10px; padding-right: 10px; background-color: #F7F7F7;padding-bottom:10px; }
.box-header.with-border{border-bottom:none; }
.box-primary{background-color: #F7F7F7;}

._div{ padding-right: 15px !important;padding-left: 15px !important; }

._table{background-color: #FFF;}
._table > thead > tr > th{ border-width: 1px;background-color: #F0F1F6; border-color: #DDDDDD; text-align: center; }
._table >tbody>tr>td{border-color: #DDDDDD;text-align: center; }

._table_pure{background-color: #FFF;}
._table_pure > thead > tr > th{background-color: #F7F7F7; font-size: 12px; text-align: center;}
._table_pure > tbody > tr > td{text-align: center;}

._box_purey{ background-color: #FFF; }
._box_purey .box-header{background-color: #EEEEEE;}
._box_purey .box-title{border: none;background-color: #EEEEEE;}

._clear:after{content:"\0020";display:block;height:0;visibility:hidden;font-size:0;clear:both;}

._box_grid{ padding-top: 15px; padding:20px 15px 15px 15px; }

._box_grid .box-primary{background-color: #FFF;}
._box_grid .box-header{background-color: #EEEEEE;}
._box_grid .box-header .box-title{background-color: #EEEEEE; border: none;}

.icon_3_1{ width: 20px; height: 20px; background-image: url(../../images/user/icon/icon_3_1.png); }
.icon_3_2{ width: 20px; height: 20px; background-image: url(../../images/user/icon/icon_3_2.png); }
.icon_3_3{ width: 20px; height: 20px; background-image: url(../../images/user/icon/icon_3_3.png); }
.icon_3_4{ width: 20px; height: 20px; background-image: url(../../images/user/icon/icon_3_4.png); }
.icon_3_5{ width: 20px; height: 20px; background-image: url(../../images/user/icon/icon_3_5.png); }

.modal-dialog{ border-radius: 12px; overflow: hidden; }
.modal-content{background-color: transparent;}
.modal-header{ background-color: #2C2E3A; }
.modal-body,.modal-footer{ background-color: #FFF; }
.modal-title,.modal-header .close{ color: #FFF; }

.icon_2_1{ width: 30px; height: 30px; background-image: url(../../images/user/icon/icon_2_1.png); }

.skin-blue .main-header .navbar .sidebar-toggle:hover{ background-color: #20282D; }

.skin-blue .sidebar-menu>li.header{ background-color: transparent; padding-top: 5px; padding-bottom: 5px;}

.main-header .logo .logo-lg img.img-logo_txt{ width: 115px; }

.main-header .logo span b{ display: inline-block; width: 40px;height: 40px; vertical-align: middle;background-image: url(../../images/user/logo.png); background-position: left center; background-repeat: no-repeat; background-size:  125px ; }
.main-header .logo span i{ display: inline-block; width: 110px;height: 40px; vertical-align: middle;background-image: url(../../images/user/logo.png);background-position: right center; background-repeat: no-repeat; background-size:  162px ; }



/*cnd*/
._mt_txt{ display: inline-flex; align-items: center; font-size: 16px; line-height: 20px; }
._mt_sub{ display: inline-flex; align-items: center;}
._mt_sub b{ font-size: 28px; font-weight: normal; padding-right: 2px;}
._mt_sub i{font-size: 17px; color: #999999; font-style: normal; }

._ms_1{position: relative; padding-top: 25px; padding-bottom: 25px; }
._ms_1 span{display: inline-flex; float: none;height: 65px; vertical-align: middle;}
._ms_1_1{ position: absolute; right: 10px; top: 10px;color: #999999; z-index: 5;}
._ms_1_1 .fa{ color: #FFF; }

.icon_4_1{ width: 56px; height: 56px; background-image: url(../../images/user/icon/icon_4_1.png); }
.icon_4_2{ width: 56px; height: 56px; background-image: url(../../images/user/icon/icon_4_2.png); }
.icon_4_3{ width: 56px; height: 56px; background-image: url(../../images/user/icon/icon_4_3.png); }
.icon_4_4{ width: 56px; height: 56px; background-image: url(../../images/user/icon/icon_4_4.png); }

.box-ext{ padding-right: 3px; padding-top: 2px; }

.nav-tabs-custom > .nav-tabs > li.active{border-top-color: #1873D0;}

._m_group{ padding-top: 10px; }

._m_group .form-group{ display: inline-block;  float: left; vertical-align: middle;}

._m_group .input-group,._m_group label{  float: left; vertical-align: middle; line-height: 34px; margin-right: 10px; }

._timeChoose{ width: 220px; }

.dropdown-menu,.form-control{ font-size: 12px; }

._m_pd{ padding-top: 12px;padding-bottom: 12px; }

.icon_5_1{ width: 70px; height: 70px; background-image: url(../../images/user/icon/icon_5_1.png); }
.icon_5_2{ width: 70px; height: 70px; background-image: url(../../images/user/icon/icon_5_2.png); }
.icon_5_3{ width: 70px; height: 70px; background-image: url(../../images/user/icon/icon_5_3.png); }
.icon_5_4{ width: 70px; height: 70px; background-image: url(../../images/user/icon/icon_5_4.png); }

/*云服务器*/

._black {color: #333;}
._grey {color: #D3D3D3;cursor: not-allowed;}

._cloud_header{background-color: transparent; padding: 20px 20px 0;}

#table .dropdown-menu{left: auto; right: 0;}
._cloud_menu{ min-width: 300px;padding: 0; margin: 0;}

._cloud_menu li{ display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;}
._cloud_menu li.divider{ width: 88%; padding: 0; margin: 0 auto;}
._cloud_menu li>span.col-md-9 span{padding-bottom: 10px;}

._cloud_menu li>span.col-md-9 a{color: #333;}
._cloud_menu li>span a:hover{color: #1873D0;}
._cloud_menu li>span.col-md-3{margin: 12px 0;}
._cloud_menu li>span.col-md-9{margin: 6px 0;padding: 0;}
._cloud_menu li>span.col-md-9>.col-md-6{margin: 6px 0;padding: 0 15px 0 0;}
._cloud_left_icon{color: #1873D0;}
._cloud_left_icon>i{ display: block; text-align: center; }
._cloud_left_icon>span{ display: block; text-align: center; }
._cloud_left_icon .fa{ font-size: 20px; margin-bottom: 5px; }

._volume_menu{ min-width: 100%;padding: 0; margin: 0;}
._volume_menu li>.col-xs-12{margin: 6px 0;text-align: center;padding-right: 10px;padding-left: 10px;}
._volume_menu li>.col-xs-12 a {display: block;color: #1a2736;}
._volume_menu li>.col-xs-12 a:hover {color: #3c8dbc;}

.jBox-title{ display: none; }
.jBox-content{ padding: 0; }
.jBox-hasTitle.jBox-Mouse .jBox-content, .jBox-hasTitle.jBox-Tooltip .jBox-content{ padding-top: 0; }

.tab__header{ background-color: #EEEEEE; }
.tab__header:after{content: "\0020";display:block;height:0;visibility:hidden;font-size:0;clear:both;}

.tab__header > div{ background-color: transparent; color: #666666; box-shadow:none; border-bottom: 2px transparent solid;padding: 10px 25px;  }
.tab__header > div:hover{background-color: transparent;color: #1771D1;}
.tab__header > div.tab__header--active{background-color: transparent;color: #1771D1;border-bottom: 2px #1771D1 solid; }
.tab__content{ background-color: #FFF; padding: 0; max-width: 100%; }
.tab__content > div{float: none; padding: 25px 15px;}
.tab__content > div:after{content:"\0020";display:block;height:0;visibility:hidden;font-size:0;clear:both;}

.tab__content > div._content_cloud{ padding-top: 0; }


.box_mini-header{ border-bottom: 1px #CCCCCC solid; padding: 10px 0; }
.box_mini-body{padding: 10px 0;}

.box_mini-flex ul li{ display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between; }
.box_mini-flex ul li span{width: 50%; line-height: 16px; padding-bottom: 15px;}
.box_mini-flex ul li span:nth-child(1){}

.box_mini_c_sub{ text-align: left;padding: 0; margin-bottom: 12px;  }
.box_mini_c_sub .box_mini_info-icon-m{display: block;padding: 0; }
.box_mini_c_sub .box_mini_info-icon-m .fa{ font-size: 40px; }
.box_mini_c_sub .box_mini_info-icon-s{display: block;padding: 0;margin-bottom: 12px;}

._green{ color: #5CD3B5; }
._smoke{height: 1px;color: #989898;margin: 0;}

._f14,._f14 .fa{ font-size: 14px;}

.box_mini-line{padding-left: 15px;}

.table-striped>tbody>tr.highlight {background-color:#EEEEEE;}

._cloud_tab_menu li:hover{ background-color: #E1E3E9; }
._cloud_tab_menu li a{ display: inline-block; background-color: transparent; padding:5px 10px;}
._cloud_tab_menu li a:hover{background-color: transparent;}

._row_cloud_tab_head{ margin-bottom: 10px; }
._row_cloud_tab_head>b{ margin-right: 10px; }

.tab__content > div .pagination>li>a, .pagination>li>span{padding: 2px 8px;font-size: 12px;}
.tab__content > div .pagination>.active>a, .tab__content > div .pagination>.active>a:focus, .tab__content > div .pagination>.active>a:hover, .tab__content > div .pagination>.active>span, .tab__content > div .pagination>.active>span:focus, .tab__content > div .pagination>.active>span:hover{background-color: #666;border-color: #666; }

._row_cloud_tab_head{ margin-top: 25px; }

.jBox-overlay{background-color: rgba(255,255,255,.25);}

.chart_mark{float: left; margin-right: 10px; line-height: 32px;}

.chart_select{float: left;}
.chart_select_other{ float: right; }
.chart_select_other li{ display: inline-block; color: #CCC; }

.chart_select_other li a{color: #CCC;}
.chart_select_other li._active a{ color: #1A71D2; }

.chart_handle{ margin-bottom: 12px; padding: 0 20px 0 25px; }

/*弹窗中的图表宽度*/
._chart_cloud{width:850px; height: 300px;}

._for_each_div{ clear: both; padding-top: 40px; }
._for_each_div:nth-child(1){padding-top: 0;}

.cloudtip_html{ cursor: pointer; }

#table_cloud .label-success,._content_cloud_table .label-success{ background-color: transparent !important; color: #00a65a !important; }
#table_cloud .label-danger,._content_cloud_table .label-danger{ background-color: transparent !important; color: #dd4b39 !important; }
#table_cloud .label-default,._content_cloud_table .label-default{ background-color: transparent !important; color: #444 !important; }

.tab-group{ display: inline-block; margin-left: 10px; }
.tab-group .nav-tabs{border: none;}
.tab-group .nav-tabs>li{ border: none; }
.tab-group .nav-tabs>li>a{ border: none;border-radius:0; padding: 6px 15px; border: 1px #CCCCCA solid; vertical-align: middle;margin-right:0; margin-left: -1px;}

.tab-group .nav-tabs>li.other_tab>a{background-color: #1A71D2; color: #FFF;border: none;border: 1px #1A71D2 solid; margin-left: 1px;}

.tab-group .nav-tabs>li.active>a,.tab-group .nav-tabs>li.active>a:focus,.tab-group .nav-tabs>li.active>a:hover{ background-color: #1A71D2; color: #FFF;border: none;border: 1px #1A71D2 solid;  }

/*创建云服务器*/
._orange{ color: #F7893E; }

.fix_top {position: fixed;}

.count_data{padding: 15px; width: 280px;}
.count_data cite{ font-style: normal;display: inline-block; }

.count_data .box-header{ margin-bottom: 15px; }
.count_data .box-header>div{ font-size: 14px; padding: 0; margin: 0; }

.count_data>div{ background-color: #ECECEC; padding: 12px 18px; }
.count_data .box-body {
    padding: 12px 18px 0;
}

.count_data div.box-mark{ border-bottom: 1px #ccc solid; padding-bottom: 8px; font-size: 14px; }

.count_data>div>div{margin: 0 0 8px 0;}
.count_data>div>div>span{ display: inline-block; margin: 0 5px 0 0; }

.count_data>div>div._price{ font-size: 20px;color: #F7893E; margin:0; text-align: right;}
.count_data>div>div._price span{font-size: 36px;}


._base_setting{ background-color: #FFF;display: flex;flex-wrap: nowrap;justify-content: flex-start; }

._base_setting ._setting_title{ background-color: #E8E8E8;display: flex;justify-content: center;align-items: center; padding-right: 10px; padding-left: 10px;}
._base_setting ._setting_title span{ margin:0 auto;width:20px;line-height:24px;}

.setting-group{ margin-bottom: 25px; }
.setting-group .input_width{ width: 280px; }
.setting-group .textarea_width{ width: 640px; height: 150px;}

._setting_content{ padding-top: 25px; }

._setting_content>div{display: flex;flex-wrap: nowrap;justify-content: flex-start; margin-left: 40px; }

._setting_mark{margin-right: 40px; padding-top: 15px; color: #333; width: 6em;}
._setting_inner_tip{ margin-top: 5px; }

._setting_inner .tab-group{ margin: 0; }
._setting_inner .tab-group .nav-tabs>li>a{ background-color: #E4E4E4; color: #8E8E8E; border: 1px #FFF solid; padding: 10px 25px; }
._setting_inner .tab-group .nav-tabs>li.active>a,._setting_inner .tab-group .nav-tabs>li.active>a:focus,._setting_inner .tab-group .nav-tabs>li.active>a:hover{border: 1px #FFF solid; background-color: #1873D0; color: #FFF;}

.input-group-wrap{ display: inline-block; width: 150px; }


.input-group-wrap .input-group-addon{border-color: #E4E4E4;}
.input-group-wrap .form-control{border-color: #E4E4E4;}

.slider-group{ display: inline-block; width: 500px; margin-right: 20px;}

#blueSlider .slider-selection {	background: #1873D0;}
#blueSlider .slider-handle {background: #1667B9;}
.slider-selection,.slider-track-low, .slider-track-high,.slider-track{ border-radius: 4px; }

.slider.slider-horizontal { width: 100% !important;margin-top: -25px;}

.dropdown-menu{ border-radius: 0; }

.add-group{ display: inline-block; }
.add-group a.add_icon{background: #1873D0; padding: 7px 10px; display: inline-block; color: #FFF;}
.add-group a.add_icon i{ color: #FFF; font-size: 14px; }

.links-group{display: inline-block; margin-left: 10px;}

.text-group{display: inline-block; margin-left: 10px;}

.inputs-group{display: inline-block; padding-top: 5px;}

.only-text{display: inline-block; margin-top: 15px;}

@media (max-width: 750px) {
    ._p_r_sm{ padding-left: 0;padding-right:0; }
    ._p_l_sm{ padding-left: 0;padding-right:0; }

    #zone>li>a{ padding: 10px 15px; }
    ._setting_inner .tab-group .nav-tabs>li>a{ padding: 10px 20px; }

    ._base_setting{ font-size: 12px; }

    .setting-group{ margin-bottom: 12px; }

    .setting-group .input_width{ width: 120px; }
    .setting-group .input_width2{ width: 145px; }

    .setting-group .textarea_width{ width: 220px; height: 80px;}

    ._setting_content{ padding-top: 12px; }

    .private_network_empty {display: none;}

    ._setting_content>div{display: flex;flex-wrap: nowrap;justify-content: flex-start; margin-left: 12px; }

    ._setting_mark{margin-right: 10px; padding-top: 10px; color: #333; width: auto;}

    .fix_top .count_data {
        width: 315px;
    }
}