h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body, button, input, select, option, textarea {
    font-family: "Microsoft Yahei", Arial, "瀹嬩綋", Helvetica, sans-serif !important;
}

.wrapper {
    background-color: #3c8dbc;
}

.sidebar-menu {
    margin-bottom: 20px;
}

.sidebar-menu .treeview-menu > li {
    padding: 3px 0;
}

.sidebar-ad {
    text-align: center;
    overflow: hidden;
}

.sidebar-ad img {
    margin-bottom: 20px;
}

.table {
    font-size: 12px;
}

.table-list {
    border: 1px solid #e1e6eb;
}

.table-list thead tr th {
    font-weight: normal;
    background-color: #F5F6FA;
    color: #999;
    padding: 8px 8px;
    border-bottom: 1px solid #e1e6eb;
}

.table-list > tbody > tr > td {
    vertical-align: middle;
    border-bottom: 1px solid #e1e6eb;
    padding: 10px 8px;
}

/* 自定义分页 */
.pagination-div {
    margin-top: 5px;
    height: 64px;
    line-height: 64px;
    text-align: right;
}

.pagination-div ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
}

.pagination-div .span-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0 !important;
}

.pagination-div .pagination-input {
    display: inline-block;
    width: 50px;
    text-align: center;
    vertical-align: middle;
}

.notifications-menu—parting > span {
    line-height: 50px;
    color: white;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
    overflow: hidden;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 !important;;
}

.dropdown.notifications-menu, .navbar-custom-menu .dropdown {
    border-left: 1px solid rgba(136, 55, 2, 0.22);
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    white-space: normal;
}

/*右上角用户中心*/
.top_l_c {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
}

.top_l .top_l_c_nr {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 580px;
}

.top_l_c_l {
    width: 270px;
    min-height: 210px;
    float: right;
    border: 1px solid #d7d7d7;
    border-top: none;
    background-color: #fff;
    box-shadow: -5px 5px 20px #d7d7d7;
}

.top_l_c_l_z {
    width: 220px;
    margin: 20px auto auto auto;
}

.top_l_c_l p.p1 {
    width: 100%;
    line-height: 28px;
    overflow: hidden;
    font-size: 22px;
    color: #555;
    margin-bottom: 15px;
}

.top_l_c_l p.p2 {
    width: 100%;
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 10px;
}

.top_l_c_l p.p2 input {
    width: 220px;
    height: 30px;
    line-height: 22px;
    padding: 0 0;
    font-size: 13px;
    color: #a9a9a9;
    border: 0;
    text-indent: 10px;
}

.top_l_c_l p.p3 {
    line-height: 24px;
    float: left;
}

.top_l_c_l p.p3 a {
    color: #555;
    font-size: 13px;
    margin-top: 5px;
}

.top_l_c_l p.p3 a:hover {
    color: #ff5a00;
}

.top_l_c_l p.p4 {
    float: right;
    position: relative;
}

.top_l_c_l p.p4 a {
    width: 94px;
    height: 40px;
    display: block;
    border: 0;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    background: url("http://img.cndns.com/siteimages/cndns_domainname_chinese_img.png") -453px -184px no-repeat;
    font-size: 16px;
    color: #fff;
}

.top_l_c_l p.p4 a:hover {
    background-position: -643px -184px;
}

.top_l_c_l p.p5 {
    color: red
}

.top_l_c_l_z_o {
    width: 220px;
    margin: 0 auto;
    position: relative;
}

.top_l_c_l_z_o img {
    position: absolute;
    cursor: pointer;
    right: -25px;
    top: -20px;
    filter: alpha(opacity=70); /*IE滤镜，透明度50%*/
    -moz-opacity: 0.7;
    opacity: 0.7
}

.top_l_c_l_z_o img:hover {
    filter: alpha(opacity=100); /*IE滤镜，透明度50%*/
    -moz-opacity: 1;
    opacity: 1;
}

.top_l_c_l_b {
    width: 100%;
    display: none
}

.top_l_c_l_b_t {
    margin: 20px 0;
}

.top_l_c_l_b_t img {
    border: 2px solid #e9e9e9;
    float: left;
    width: 60px;
    height: 60px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 13px;
}

.top_l_c_l_b_t h4 {
    color: #333333;
    font-size: 16px;
    line-height: 16px;
    padding: 12px 0 8px 0;
    font-weight: normal;
}

.top_l_c_l_b_t a {
    color: #555555;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    padding: 0 !important;
}

.top_l_c_l_b_t a:hover {
    color: #ff6800;
}

.top_l_c_l_b_t span {
    color: #aaaaaa;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    padding: 0 3px;
}

.top_l_c_l_b_b {
    width: 100%;
    padding: 18px 0;
    border-top: 1px dashed #ccc;
}

.top_l_c_l_b_b .p5 {
    width: 241px;
    margin: auto auto 8px auto;
    line-height: 14px;
}

.top_l_c_l_b_b .p5 span {
    color: #333333;
    font-size: 14px;
    line-height: 14px;
    float: left
}

.top_l_c_l_b_b .p5 p {
    float: right;
    font-size: 12px;
    color: #666666;
}

.top_r .top_l_c_l_b_b .p5 i {
    color: #ff6800;
    float: inherit;
    margin: inherit;
    font-size: 12px
}

.top_l_c_l_b_b ul {
    width: 240px;
    margin: 0 auto;
    border: 1px solid #dddddd;
    border-bottom: 0;
    border-right: 0;
    padding: 0;
    list-style: none;
}

.top_l_c_l_b_b ul li {
    float: left;
    width: 119px;
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.top_l_c_l_b_b ul li a {
    height: 100%;
    display: block;
    color: #555555 !important;
    font-size: 13px;
    text-align: center;
    padding: 0;
}

.top_l_c_c {
    width: 310px;
    min-height: 220px;
    overflow: hidden;
    float: left;
    background: #f6f6f6;
    min-height: 210px;
    border-bottom: 3px solid #bbbbbb
}

.top_l_c_c_z {
    margin: 20px 0 0 20px;
}

.top_l_c_c p.p1 {
    width: 100%;
    line-height: 28px;
    overflow: hidden;
    font-size: 22px;
    color: #555;
    margin-bottom: 15px;
}

.top_l_c_c p.p2 {
    color: #555;
    line-height: 24px;
    font-size: 14px;
}

.top_l_c_c p.p3 a:hover {
    background-position: -612px -268px
}

.top_l_c_r {
    width: 300px;
    overflow: hidden;
    float: right;
}

.top_l_c_r p.p1 {
    width: 100%;
    line-height: 28px;
    overflow: hidden;
    font-size: 22px;
    color: #555;
    margin-bottom: 15px;
}

.top_l_c_r ul {
    width: 100%;
    overflow: hidden;
}

.top_l_c_r ul li {
    width: 140px;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 10px;
    float: left;
}

.top_l_c_r ul li a {
    font-size: 14px;
    color: #555;
}

.top_l_c_r ul li a:hover {
    color: #ff5a00;
}

.yellow{color:#FFFF00!important;}
a.yellow:active {color: #FFFF00!important;}
a.yellow:visited {color: #FFFF00!important;}
a.yellow:hover {
    color: #FF9900!important;
    text-decoration: underline!important;
}
a.yellow:link {color: #FFFF00!important;}

/*================
覆盖原有颜色
==================*/
/*域名模板列表*/
.box.box-primary {
    border-top-color: #FF781F;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #FF781F;
    border-color: #FF781F;
}

.form-control:focus {
    border-color: #FF781F;
    box-shadow: none;
}

/*域名列表--急需續費域名,导航*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-top: 2px solid #FF781F !important;
}

.nav-tabs > li > a:hover {
    color: #FF781F !important;
}

/*域名列表*/
.btn-primary {
    background-color: #FF781F;
    border-color: #FF781F;
}

.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled.focus, .btn-primary.disabled.active {
    background-color: #FF781F;
    border-color: #FF781F;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #FF781F;
    border-color: #FF781F;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #FF781F !important;
    border-color: #FF781F !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #FF781F !important;
    border-color: #FF781F !important;
}

.pagination li a:hover {
    color: #FFF;
    background-color: #FFA064 !important;
    border-color: #FFA064 !important;
}

.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {
    outline: none;
    border: 1px solid #FF781F;
}

.select2-container--default.select2-container--open {
    border-color: #FF781F;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #FF781F;
}

/*  修改域名资料*/
/*====================*/

.treeview-menu li:hover {
    background-color: #9CCDD8;
    color: #fff;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #FF781F !important;
}

.callout.callout-info {
    border-color: #FF781F;
}

/*域名 域名管理 manage*/
.sub-add .panel-primary {
    border-color: #f60;
}

.sub-add .panel-primary > .panel-heading {
    background-color: #f60;
    border-color: #f60;
}

.form-horizontal .tip {
    font-size: 12px;
    padding-top: 7px;
}

/*域名 域名管理*/
.sub-add .form-horizontal {
    padding-top: 15px !important;
    padding-bottom: 15px;
}

.sub-add .form-horizontal h4 {
    margin: 0;
}

.sub-add .form-horizontal .form-group {
    margin-bottom: 5px;
}

.sub-add .form-horizontal .tip {
    text-align: left;
}

.sub-add .form-group .btn {
    width: 30%;
}

@media (max-width: 700px) {
    .sub-add .form-horizontal .tip {
        text-align: center;
    }
}

@media (min-width: 1170px) {
    .sub-add .form-group .btn, .private-content .btn {
        width: 20%;
    }
}

.sub-add .form-horizontal .domain-list {
    padding-top: 7px;
}

.btn-primary {
    color: #fff;
    border: 1px solid #f60 !important;
    background-color: #f60 !important;
}

/*私用域名*/
.private-content .explain ul，.private-content .theory ul {
    margin: 0;
    padding: 0;
}

.private-content .explain li, .private-content .theory li {
    font-size: 14px;
    line-height: 20px;
    list-style: none;
}

.private-content .page-header small {
    color: #f60;
}

.private-content .domain-table {
    border-collapse: collapse;
    border: 1px solid #f60;
}

.private-content .domain-table td, .private-content .domain-table th {
    border: 1px solid #f60;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.private-content .domain-table th {
    color: #f60;
    font-size: 16px;
}

.private-content .prompt, .private-content .blue {
    color: #06C;
}

/*修改域名資料*/
.du-row {
    margin-bottom: 2px;
}

/* 修改域名服务器 */
.vdns-err h4.text-danger {
    font-size: 16px;
    font-weight: bold;
}

.change-domain-server-table a {
    font-size: 12px;
}

.dnschange-explain {

}

/* 用户中心财务管理 */
.nav-tabs > li > a, .nav-tabs > li > a:focus {
    color: #666;
    border-left: 0;
    border-right: 0;
    margin-right: 0;
    padding: 10px 16px;
    background: #FBFAF8;
    border-bottom: 0;
    border-radius: 0;
    border: 0 !important;
}

.nav-tabs > li {
    margin-left: -1px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1;
}

/* 左边栏样式 */
.sidebar-menu .treeview-menu > li{
    padding-left:16px !important;
}