/*
 *
 *天空蓝（海航）
 *
 */
/*sso*/
*{
    letter-spacing: 0;
}

#wrapper .nav{
    letter-spacing: 0;
}

#wrapper>nav{
    background-color: #386da9 !important;
}
#wrapper>#navmenu{
    background:none !important;
}
.navbar-static-side{
    background-color:#386da9;
}
#wrapper .nav li a{
    color: #9DC7F6;
}

#wrapper .nav li a.active span.nav-label{
    color: #fff;
}
#wrapper .nav li a span.nav-label{
    margin-right: 25px;
}
.nav > li > a{
    background-color: #386da9;
    padding: 11px 40px 11px 0;
}
.panel.panel-ui .panel-body .logo,.panel.panel-ui .panel-body .logo-mini{
    background-color: #386DA9;
}
.navBorderBottom{
    border-bottom: 1px solid  #114784;
    width: 170px;
    margin-left: 30px;
    position: absolute;
    bottom: 0px;
    right: 0;
}
body.mini-navbar .navBorderBottom{
    width: 60px;
    margin-left: 20px;
}
body.mini-navbar #navmenu .side-menu>li.text-right{
    text-align: right;
}
.mini-navbar #navmenu .nav-second-level {
    width: 140px;
    top: 0;
    left: 90px;
}
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level{
    width: 140px;
    top: 0;
    left: 90px;
}
.mini-navbar .nav-second-level{
    min-width: 140px !important;
    background-color: #1CBCFF;
}
.navbar-default .nav > li > a.nav-logo:focus,
.navbar-default .nav > li > a.nav-logo.active,
.navbar-default .nav > li > a.nav-logo:hover {
    background-color: #386da9;
}
li .nav-second-level {
    left: 207px;
}
li .nav-second-level .sharp{
    display: block;
    width: 10px;
    height: 54px;
    position: absolute;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -171px -379px;
    left: -9px;
    top: 0px;
    z-index: 11111111111111111;
}

li .nav-second-level a{
    height: 55px;
    line-height: 55px;
    padding: 0;
    border-bottom: 0;
}
.nav-second-level{
    background-color:#1CBCFF;
}
#wrapper .nav .nav-second-level li{
    width: 140px;
}
#wrapper .nav-second-level.nav > li > a{
    background-color:#fff;
    color: #1cbcff;
    font-size: 14px;
    text-align: center;
    padding: 17px 0px;
    line-height: normal;
}
#wrapper .nav .nav-second-level li > a:hover, #wrapper .nav .nav-second-level li > a.active {
    background: #1cbcff;
    color: #fff;
}
.apps div.order .btn-default[disabled], .apps div.order .btn-default.disabled {
    color: #fff;
    background: #DD2D33;
    border-color: #E45E63;
    opacity: 1;
}
.btn.btn-default:hover {
    border-color: #376497;
    color: #376497;
}
.btn.btn-default.btn-icon:hover{
    border-color: #386da9;
}

.form-control:focus,
.single-line:focus {
    border-color: #E45E63 !important;
}
.btn-primary, .btn-primary:focus {
    background: #DD2E32;
    border-color: #DD2E32;
    color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover{
    background: #E3575B;
    border-color: #E3575B;
    color: #fff;
}
.btn-warning {
    background: #DD2E32;
    border-color: #DD2E32;
    color: #FFFFFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning,
.btn-warning:active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.btn-warning.active:focus {
    background: #E3575B;
    border-color: #E3575B;
    color: #fff;
}
.btn-primary.search-right{
    background: #376497;
    border: 1px solid #376497
}
.input-group-btn .btn.btn-circle{
    border: 1px solid #DD2D33 !important;
}
.btn-primary.search-right:hover,
.btn-primary.search-right:focus,
.btn-primary.search-right:active,
.btn-primary.search-right.active,
.btn-primary.search-right:active:focus,
.btn-primary.search-right:active:hover,
.btn-primary.search-right.active:hover,
.btn-primary.search-right.active:focus{
    background: #5F83AB;
    border-color: #5F83AB;
    color: #fff;
}
.color-blue {
    color: #386da9;
}
.audit .btn-criteria.active, .audit .btn-criteria:focus, .audit .btn-criteria:hover {
    background: #81A8DA;
    color: #fff;
}
.inactive .btn-criteria.active, .inactive .btn-criteria:focus, .inactive .btn-criteria:hover {
    background: #81A8DA;
    color: #fff;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #81A8DA;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #81A8DA;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #81A8DA;
}
/*admin*/
.navbar-default .nav > li > a.ex:focus, .navbar-default .nav > li > a.ex.active, .navbar-default .nav > li > a.ex:hover{
    background-color:#386da9;
}
.panel-dashboard {
    border: 1px solid #D1D1D1;
}
.panel-dashboard:hover{
    border-color: #89CBF6;
}
.panel-dashboard .activeUser{
    color: #2BBBF7;
    font-weight: bold;
}
.panel-dashboard .disabledUser{
    color: #4073AD;
    font-weight: bold;
}
.panel-dashboard .panel-body .activeUser small {
    color: #2BBBF7;
}
.panel-dashboard .panel-body .disabledUser small {
    color: #4073AD;
}
.panel-dashboard .panel-body .criteria .btn-criteria.active, .panel-dashboard .panel-body .criteria .btn-criteria:focus, .panel-dashboard .panel-body .criteria .btn-criteria:hover {
    background: #81A8DA;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #DD2D33;
    border-color: #DD2D33;
}
/*.btn:hover{
    color: #DD2D33;
}*/
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #81A8DA;
    border-color: #81A8DA;
}
.switch.checked {
    background: #73A0D2;
    border-color: #73A0D2;
}
.fa-edit.color-green{
    color: #28CFF7;
}
.fa-trash.color-red{
    color: #BEBEBE;
}
.btn .fa-eye{
    color: #8e8e8e;
}

/*app*/
#wrapper{
    background-color:#386da9 !important;
}
/*弹出框*/
.modal-content{
    border-color: #376497;
}
.modal-header{
    background: #376497;
    border: 0;
}
.modal-footer .btn-primary{
    background: #376497;
    border-color: #376497;
    color: #FFFFFF;
}
.modal-footer .btn-primary:hover, .modal-footer .btn-primary:active{
    background: #5F83AB;
    border-color: #5F83AB;
    color: #fff;
}
.modal-footer .btn-primary:active:focus {
    background: #5F83AB;
    border-color: #5F83AB;
    color: #fff;
}
.media-body .btn-sm{
    background: #DD2E32;
    border-color: #DD2E32;
    color: #FFFFFF;
}
.media-body .btn-sm:hover{
    background: #E3575B;
    border-color: #E3575B;
    color: #fff;
}

.btn-primary:active:focus {
    background: #E3575B;
    border-color: #E3575B;
    color: #fff;
}

/*图标修改*/
#wrapper .nav li:hover a span.nav-label {
    color: #fff;
}
#wrapper .nav li a span.icon{
    width: 20px;
    height: 20px;
}
.chat-element .img{
    background-position: -926px -80px;
}
.audit_user .img {
    background-position: -844px -80px;
}
.chat-element .img.task {
    background: url(/common/css/skin/skyblue/images/icon-task.png) no-repeat;
    background-size: 100% 100%;
}
.chat-element .img.audit {
    background-position: -844px -80px;
}
.chat-element .img.secure {
    background: url(/common/css/skin/skyblue/images/icon-secure.png) no-repeat;
    background-size: 100% 100%;
}
.chat-element .img.account {
    background-position: -678px -80px;
}
.nav-tabs > li.active > a.tab-bg{
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -47px -339px;
}
#wrapper .nav-tabs > li > a.tab-bg {
    color: #fff;
}
.nav-tabs > li > a.tab-bg{
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -212px -339px;
}
.mappingP-bgm {
    width:142px;
    height: 30px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -377px -350px;
}

/*sso*/
#wrapper .nav li a span.apps {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -271px -79px;
}
#wrapper .nav li a:hover span.apps, #wrapper .nav li a.active span.apps {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -455px -78px;
}
#wrapper .nav li a span.audit {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -226px -79px;
}
#wrapper .nav li a:hover span.audit, #wrapper .nav li a.active span.audit {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -409px -79px;
}
/*admin*/
#wrapper .nav li a span.home {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -364px -131px;
}
#wrapper .nav li a:hover span.home, #wrapper .nav li a.active span.home {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -98px -131px;
}
#wrapper .nav li a span.org {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -157px -131px;
}
#wrapper .nav li a:hover span.org, #wrapper .nav li a.active span.org {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -414px -131px;
}
#wrapper .nav li a span.user {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -211px -131px;
}
#wrapper .nav li a:hover span.user, #wrapper .nav li a.active span.user {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -460px -131px;
}
#wrapper .nav li a span.app {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -43px -131px;
}
#wrapper .nav li a:hover span.app, #wrapper .nav li a.active span.app {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -317px -131px;
}
#wrapper .nav li a span.policy {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -270px -131px;
}
#wrapper .nav li a:hover span.policy, #wrapper .nav li a.active span.policy {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -510px -131px;
}
#wrapper .nav li a span.admin {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -43px -184px;
}
#wrapper .nav li a:hover span.admin, #wrapper .nav li a.active span.admin {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -316px -185px;
}
#wrapper .nav li a span.cert {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -215px -184px;
}
#wrapper .nav li a:hover span.cert, #wrapper .nav li a.active span.cert {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -464px -185px;
}
#wrapper .nav li a span.system {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -270px -184px;
}
#wrapper .nav li a:hover span.system, #wrapper .nav li a.active span.system {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -510px -185px;
}
#wrapper .nav li a span.mobile {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -42px -241px;
}
#wrapper .nav li a:hover span.mobile, #wrapper .nav li a.active span.mobile {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -316px -241px;
}
#wrapper .nav li a span.license {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -102px -241px;
}
#wrapper .nav li a:hover span.license, #wrapper .nav li a.active span.license {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -364px -241px;
}
#wrapper .nav li a span.tenant {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -101px -184px;
}
#wrapper .nav li a:hover span.tenant, #wrapper .nav li a.active span.tenant {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -366px -185px;
}
#wrapper .nav li a span.dataanalysis {
    background: url(/common/css/skin/skyblue/images/menu-dataanalysis.png) center center no-repeat transparent;
    background-size: 100% 100%;
}
#wrapper .nav li a:hover span.dataanalysis, #wrapper .nav li a.active span.dataanalysis {
    background: url(/common/css/skin/skyblue/images/menu-dataanalysis-hover.png) center center no-repeat transparent;
    background-size: 100% 100%;
}
.chat-element .img.home {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -678px -158px;
}
.panel-dashboard .panel-heading .img {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -48px -479px;
}
.panel-dashboard .panel-heading .img.dashboard-user {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -88px -479px;
}
.panel-dashboard .panel-heading .img.dashboard-mfa {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -125px -479px;
}
.panel-dashboard .panel-heading .img.dashboard-statistic {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -165px -479px;
}
.panel-dashboard .panel-heading a.btn-edit:hover {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -473px -479px;
}
.panel-dashboard .panel-heading a.btn-download:hover {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -316px -479px;
}
.panel-dashboard .panel-heading a.btn-delete:hover {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -397px -479px;
}
.chat-element .img.icon-org {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -761px -158px;
}
.chat-element .img.icon-user {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -926px -158px;
}
.chat-element .img.icon-user::before {
    content: "";
}
.chat-element .img.icon-app {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -843px -158px;
}
.chat-element .img.icon-policy {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -678px -245px;
}
.chat-element .img.icon-admin {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -1006px -156px;
}
.chat-element .img.icon-audit {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -759px -245px;
}
.chat-element .img.icon-cert {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -925px -245px;
}
.chat-element .img.icon-system {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -1006px -245px;
}
.chat-element .img.icon-mobile {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -596px -330px;
}
.chat-element .img.icon-license {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -847px -245px;
}
.chat-element .img.tenant_orange {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -596px -245px;
}
.chat-element .img.icon-dataanalysis {
    background: url(/common/css/skin/skyblue/images/icon-dataanalysis.png) no-repeat;
    background-size: 100% 100%;
}
.panel.panel-ui .heading {
    width: 141px;
    height: 30px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -376px -350px;
}
.panel-dashboard .panel-heading .img.tenant_small {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -319px -445px;
}
#wrapper .nav li a span.appsso {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -214px -288px;
}
#wrapper .nav li a:hover span.appsso, #wrapper .nav li a.active span.appsso {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -462px -288px;
}
.chat-element .img.icon-appsso {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -680px -330px;
}
.chat-element .img.icon-sso {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -922px -410px;
}
.chat-element .img.icon-appaction {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -762px -410px;
}
.btn-fa .img.delegated {
    background: url(/common/css/skin/skyblue/images/delegated.png) no-repeat;
    background-size: 100% 100%;
}
#wrapper .nav li a span.approle {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -103px -288px;
}
#wrapper .nav li a:hover span.approle, #wrapper .nav li a.active span.approle {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -369px -288px;
}
#wrapper .nav li a span.appaccount {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -43px -288px;
}
#wrapper .nav li a:hover span.appaccount, #wrapper .nav li a.active span.appaccount {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -317px -289px;
}
#wrapper .nav li a span.appimport {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -214px -241px;
}
#wrapper .nav li a:hover span.appimport, #wrapper .nav li a.active span.appimport {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -463px -239px;
}
#wrapper .nav li a span.appsync {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -271px -241px;
}
#wrapper .nav li a:hover span.appsync, #wrapper .nav li a.active span.appsync {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -511px -238px;
}
#wrapper .nav li a span.appback {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -158px -290px;
}
#wrapper .nav li a:hover span.appback, #wrapper .nav li a.active span.appback {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -414px -294px;
}
.chat-element .img.icon-appsync {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -597px -410px;
}
.chat-element .img.icon-appimport {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -840px -410px;
}
.chat-element .img.icon-appaccount {
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -679px -410px;
}
.chat-element .img.icon-approle {
    background: url(/common/css/skin/skyblue/images/icon-approle.png) no-repeat;
    background-size: 100% 100%;
}
.blue-bg {
    background-color: #386DA9;
    border: none;
}
.btn-fa .img{
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -204px -478px;
}
.color-orange {
    color: #386DA9;
}
a.btn-primary:hover > i.btnDivBg {
    background: url(/common/css/skin/skyblue/images/iconfont.png)  no-repeat -277px -478px;
}
.pagination > li > a, .pagination > li > span{
    color: #376DA9;
}
.pagination > li > a:hover, .pagination > li > span:hover{
    color: #376DA9;
}
.audit .head .ad-search{
    border-color: #66CCFF;
}
.ad-search .triangles > div:before{
    background: #66CCFF;
}
.ad-search .triangles > div:after{
    background: #66CCFF;
}
.ad-search .triangle > div:before{
    background: #66CCFF;
}
.ad-search .triangle > div:after{
    background: #66CCFF;
}
.color-green{
    color: #386DA9;
}
.btn-small-icon:hover{
    color: #386DA9;
}
.modal-add-app .select-icons img:hover, .select-icons img.active {
    border-color: #386DA9;
}
.btn-criteria:hover{
    color: #386DA9;
}
/*多因子强认证*/
.ngiam-dialog{
    border: 0;
}
.ngiam-dialogheader{
    background-color: #376498;
    font-size: 16px;
    border-radius: 2px 2px 0 0;
}
.ngiam-btn-way-FACE-select{
    background-image: url(/common/css/skin/skyblue/images/face_hover.png)
}
.ngiam-btn-way-FINGERPRINT-select {
    background-image: url(/common/css/skin/skyblue/images/finger_hover.png)
}
.ngiam-btn-way-VOICE-select {
    background-image: url(/common/css/skin/skyblue/images/voice_hover.png)
}
.ngiam-btn-way-QRCODE-select {
    background-image: url(/common/css/skin/skyblue/images/qrcode_hover.png);
}
.ngiam-btn-way-EMAIL_OTP-select {
    background-image: url(/common/css/skin/skyblue/images/email_hover.png)
}
.ngiam-btn-way-MOBILECLICK-select {
    background-image: url(/common/css/skin/skyblue/images/click_hover.png)
}
.ngiam-btn-way-AUTH_CODE-select {
    background-image: url(/common/css/skin/skyblue/images/otp_hover.png)
}
.ngiam-btn-way-SMS_OTP-select {
    background-image: url(/common/css/skin/skyblue/images/sms_hover.png)
}
.ngiam-btn-way-CERT-select {
    background-image: url(/common/css/skin/skyblue/images/usb_hover.png)
}
.ngiam-btn-way-NATIVEPASS-select{
    background-image: url(/common/css/skin/skyblue/images/pass_hover.png)
}
.ngiam-message #btn_getcerts.ngiam-button{
    background: #1A8AFA;
    border: 1px solid #1A8AFA;
    padding: 15px 62px;
}
.ngiam-message #btn_check.ngiam-button{
    background: #98C5F2;
    border: 1px solid #98C5F2;
    padding: 15px 49px;
}
.ngiam-message #btn_send.ngiam-button{
    background: #1A8AFA;
    border: 1px solid #1A8AFA;
}
.ngiam-message #btn_resend.ngiam-button{
    background: #1A8AFA;
    border: 1px solid #1A8AFA;
}

.h5-tit{
    margin-top: 70px;
}

.iam-mt20{
   margin-top: 20px;
}
.iam-mt30{
    margin-top: 30px;
}

.ngiam-voice-scanning {
    background: url(/common/css/skin/skyblue/images/voice_scanning.png) no-repeat center;
    background-size: contain;
}
.ngiam-face-scanning {
    background: url(/common/css/skin/skyblue/images/face_scanning.png) no-repeat center;
    background-size: contain;
}
.ngiam-finger-scanning {
    background: url(/common/css/skin/skyblue/images/finger_scanning.png) no-repeat center;
    background-size: contain;
}
.ngiam-mobile-click {
    background: url(/common/css/skin/skyblue/images/ngiam-mobile-click.png) no-repeat center;
    background-size: contain;
}
.ngiam-pass-scanning {
    background: url(/common/css/skin/skyblue/images/pass_scanning.png) no-repeat center;
    background-size: contain;
}
.ngiam-btn-eye-open {
    width: 18px;
    height: 12px;
    top: 0px;
    background-image: url(/common/css/skin/skyblue/images/eye-open.png);
}
@-moz-document url-prefix(){
    .ngiam-btn-eye-open {
        top: -4px;
    }
}
.ngiam-message .ngiam-codeinput.securityOrder{
    color: #6DADEB;
}
#certssel{
    margin: 10px 0 10px 0;
}
.ngiam-message .ngiam-codeinput{
    margin-top: 10px;
}
.modal-header{
    background: none;
}
.modal-header .tips-img {
    width: 30px;
    margin-right: 10px;
}
.modal-header .close span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../../../images/close.png') 0 0 no-repeat;
    background-size: contain; 
    text-indent: -9999em;
    position: absolute;
    top: 10px;
    right: 10px;
}
.modal-header .close {
    opacity: 1;
}
.modal-header .close:hover {
    opacity: 1;
    /* transition: 0.5s;
    transform: rotate(180deg); */
}
.navbar-default .nav.side-menu > li > a:not(.nav-logo):focus,
.navbar-default .nav.side-menu > li > a.active:not(.nav-logo),
.navbar-default .nav.side-menu > li > a:not(.nav-logo):hover {
    background-color: #114784;
    border-left: 10px solid #1CBCFF;
    color: #fff;
}
/*个人中心调整*/
.copyrightInfo{
    position: fixed;
    bottom: 0;
    left:30px;
    font-size: 12px;
    height: 60px;
    color: #9DC7F6;
    z-index:  2002
}
.page-wrapper-top{
    padding: 0 60px;
    height: 70px;
    background: #fff;
    box-shadow: 0px 1px 3px #999;
    margin: 0 -15px;
    position: relative;
    z-index: 1001
}
.page-wrapper-top .login-info{
    color: #79C5F6;
    line-height: 70px;
    padding-left: 30px;
}
.page-wrapper-top .login-info .loginTip{
    display: inline-block;
    width: 16px;
    height: 22px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -54px -86px;
    position: absolute;
    top: 23px;
    left: 60px;
}
.page-wrapper-top .user-info{
    position: absolute;
    top: 15px;
    right: 60px;
    font-size: 16px;
    vertical-align: middle;
    height: 55px;
}
.page-wrapper-top .user-info .ellipsis{
    display: inline-block;
}
.page-wrapper-top .user-info i.icon{
    float: left;
    display: inline-block;
    width: 12px;
    height: 30px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -256px -402px;
    vertical-align: middle;
    margin-top: 14px;
}
.page-wrapper-top .user-info .self-service{
    float: left;
    border: 1px solid #cacdd8;
    width: 40px;
    height: 40px;
    border-radius: 3px;
}
.page-wrapper-top .user-info .nav-label{
    float: left;
    width: 100px;
    text-align: center;
    height: 50px;
    line-height: 40px;
}
.page-wrapper-top .user-info .nav-second-level{
    top: 55px;
    left: 0;
    border: 1px solid #1CBCFF;
    width: 150px;

}
#wrapper .user-info .nav-second-level.nav > li > a{
    background-color: #fff;
    color: #1cbcff;
    font-size: 14px;
    padding: 11px 0px ;
    line-height: normal;
    border-bottom: 1px solid #1CBCFF;
    text-align: center;
}
#wrapper .user-info .nav-second-level.nav > li:last-child > a{
    border-bottom: 0;
}
#wrapper .user-info  .nav-second-level li > a:hover, #wrapper .user-info .nav-second-level li > a.active {
    background-color: #1CBCFF;
    color: #fff;
}
.page-wrapper-top .user-info .sharp-top{
    display: inline-block;
    width: 22px;
    height: 10px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -224px -404px;
    position: absolute;
    top: -8px;
    left: 80px;
}
#page-wrapper .header{
    background: none;
    height: auto;
}
body:not(.fixed-sidebar):not(.canvas-menu) .user-info:hover   .nav-second-level,
.user-info:focus   .nav-second-level {
    display: block;
}
.page-wrapper-top .user-info span.avatar-circle > img {
    height: 38px;
}
/*strategy.html*/
.ngiam-dialogfooter .ngiam-button{
    background: #376497;
    border-color: #376497;
    border-radius: 3px;
    color: #FFFFFF;
}
.ngiam-dialogfooter .ngiam-button:hover{
    background: #fff;
    color: #376497;
}
.ngiam-dialogfooter .ngiam-button.js-cancel{
    color: #666;
    background: white;
    border: 1px solid #bebebe;
}
.ngiam-dialogfooter .ngiam-button.js-cancel:hover{
    color: #376497;
    border-color: #376497;
}
.ngiam-dialog .accountlist input{
    height: 36px;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
}
.Qr-code>.fa{
    background: url(/common/css/skin/skyblue/images/qr-button-orange.png) center center no-repeat transparent;
}
.Qr-code>.fa:hover {
    background: url(/common/css/skin/skyblue/images/qr-button.png) center center no-repeat transparent;
    background-size: 90% 90%;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
    background-color: #386da9;
}
.border h4{
    background: url(/common/css/skin/skyblue/images/label3.png) no-repeat;
}
.border1 h4{
    background: url(/common/css/skin/skyblue/images/label3.png) no-repeat;
}
.ngiam-btn-eye-close {
    background: url(/common/css/skin/skyblue/images/eye-close.png) no-repeat;
    top: 10px;
    left: -35px;
}
@-moz-document url-prefix(){
    .ngiam-btn-eye-close {
        top: -4px;
    }
}
.search-right .add_app{
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -284px -388px;
}
.search-right .add_app_gray{
    display: block;
    width: 20px;
    height: 38px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -100px -388px;
}
.search-right .remove_app_gray{
    display: block;
    width: 20px;
    height: 38px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -133px -388px;
}
.search-right .remove_app{
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -315px -388px;
}
.btn-fa .detail_config{
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -280px -442px;
}
.iconLink{
    display: block;
    width: 24px;
    height: 10px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -168px -446px;
    margin: 10px 0 0 2px;
}
.btn-fa .unlink{
     display: block;
     width: 32px;
     height: 32px;
     background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -201px -435px;
 }
.btn-fa .repeatLink{
    display: block;
    width: 32px;
    height: 32px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -45px -435px;
}
.user-bg .icon-file{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -397px -443px;
}
.user-bg .icon-time{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -359px -443px;
}
.user-bg .icon-rocket{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -435px -443px;
    position: absolute;
    margin-top: 4px;
}
.start_import{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -47px -392px;
}
.pause_import{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -354px -394px;
}
.cancel_import{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(/common/css/skin/skyblue/images/iconfont.png) no-repeat -392px -394px;
}
button::-moz-focus-inner, a::-moz-focus-inner, input::-moz-focus-inner{border:none;}

/* mobile style */

@media only screen and (max-width: 768px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.ngiam-popup-body {
        top: 0 !important;
        left: 0 !important;
        height: 100%;
        width: 100%;
    }
    .ngiam-dialog {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .ngiam-dialogmain {
        padding: 0.5rem 8.5% 0 !important;
        height: 50%;
    }
    .ngiam-message {
        padding-left: 0;
        padding-top: 20px;
        font-size: 0;
    }
    .ngiam-message .ngiam-codeinput {
        width: 100%;
        background: #fff;
        border: 1px solid #ccc;
        letter-spacing: 0;
        font-size: 14px;
    }
    .ngiam-btn-eye-open {
        position: absolute;
        top: 48%;
        left: 90%;
    }
    .ngiam-btn-eye-close {
        position: absolute;
        top: 34%;
        left: 88%;
    }
    .ngiam-message h5 {
        letter-spacing: 0;
        font-weight: normal;
    }
    .ngiam-message .ngiam-button {
        border-radius: 3px;
        letter-spacing: 0;
        padding: 10px 0;
        width: 45%;
        margin: 0;
        font-size: 0.32rem;
        margin-top: 20px;
    }
    .ngiam-message #btn_resend.ngiam-button {
        margin-right: 10%;
    }
    .ngiam-message #btn_getcerts.ngiam-button {
        padding: 10px 0;
        margin-right: 10%;
    }
    .ngiam-message #btn_check.ngiam-button {
        padding: 10px 0;
    }
    .ngiam-dialogheader {
        background-color: #fff;
        color: #666;
        font-size: 16px;
        margin-bottom: 0;
        height: 10%;
        line-height: 300%;
    }
    .ngiam-dialogmain .blank-page .img {
        width: 50%;
        margin-top: 10px;
    }
    .ngiam-closebutton {
        display: none;
    }
    .ngiam-dialog .fc-orange {
        font-size: 12px;
    }
    .ngiam-dialog .fc-red {
        font-size: 18px;
        vertical-align: sub;
    }
    .ngiam-dialogTips {
        top: 52%;
    }
    .ngiam-mfalist {
        background-image: none;
        border-top: 0.12rem solid #F2F2F6;
        text-align: left;
        height: 40%;
    }
    .ngiam-mfalist button {
        width: 1.2rem !important;
        height: 2.1rem;
        padding-top: 0.8rem;
        font-size: 0.16rem;
        margin: 0;
        margin-top: 0 !important;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        background-color: rgba(0,0,0,0);
    }
    .ngiam-message .ngiam-codeinput.securityOrder {
        width: 0.92rem;
        height: 0.92rem;
        margin-right: 0.12rem;
    }
    .ngiam-message .ngiam-codeinput.securityOrderLast {
        margin-right: 0;
    }
    #certssel {
        width: 100% !important;
    }
    .swiper-container {
        width: 100%;
        position: static;
        padding-left: 0.45rem;
    }
    .swiper-wrapper {
        position: static;
    }
    .swiper-slide {
        position: static;
    }
    .swiper-pagination {
        position: static;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        margin-top: -0.6rem;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -ms-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
    }
    .ngiam-face-scanning, .ngiam-voice-scanning, .ngiam-mobile-click, .ngiam-finger-scanning, .ngiam-pass-scanning {
        height: 2.5rem;
        top: 0;
    }
    .ngiam-dialogmain .blank-page {
        height: 100%;
    }
    .ngiam-dialogmain #div_qrcode img {
        height: 2.5rem;
    }
    .ngiam-dialogmain .blank-page .txt {
        bottom: 0.5rem;
    }
    #certssel {
        margin-bottom: 0;
    }
    .ngiam-dialogmain h5 {
        margin-top: 0.9rem !important;
    }
    .ngiam-dialogmain #certificate {
        margin-top: 0 !important;
    }
    .ngiam-dialogmain h5#span_message {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 320px) {
    .swiper-container {
        padding-left: 0.2rem;
    }
}