.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.nav-item .nav-link {
    font-size:0.14rem;
    padding-top:0.1rem;
    padding-bottom:0.1rem;
    transition: .5s;
    -webkit-transition: .5s;
}

.form-section {
    background: #fff;
    padding:0.5rem;
    border-radius: 0.05rem;
    box-shadow: 0 0.1rem 0.15rem rgba( 0,0,0,0.25 );
    margin:0.75rem 0 0.45rem 0;
    position: relative;
}

.form-section .nav-item .nav-link { padding:0.1rem 0.15rem;}

.form-section:before {
    content: '';
    position: absolute;
    top:-0.1rem;
    left:2%;
    background: rgba( 255,255,255,0.75 );
    width: 96%;
    height:0.2rem;
    border-top-left-radius: 0.05rem;
    border-top-right-radius: 0.05rem;
}
.form-section:after {
    content: '';
    position: absolute;
    top:-0.2rem;
    left:4%;
    background: rgba( 255,255,255,0.75 );
    width: 92%;
    height:0.2rem;
    border-top-left-radius: 0.05rem;
    border-top-right-radius: 0.05rem;
}
select.form-control { padding:0 auto;}
.form-input-line .form-control { border:0; border-radius: 0; border-bottom: 0.02rem solid #ddd;padding-left:0; padding-right:0;}
.form-input-line .form-group label { font-size:0.12rem;}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ef4949;
    outline: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.form-input-line .form-check-label { font-size:0.12rem; padding-left:0.2rem; color:#999;}
.form-input-line .form-check-input { margin-top:0.05rem;}

.custom-pills.nav-pills .nav-link {
    background-color:#f5f5f5;
    color:#1e2f68;
    box-shadow: inset 0 -0.02rem 0 rgba( 0,0,0,0.25);
}
.custom-pills.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color:#1e2f68;
    color:#fff;
}
.custom-pills.nav-pills .nav-item:first-child .nav-link {
    border-radius: 0;
    border-bottom-left-radius: 0.05rem;
    border-top-left-radius: 0.05rem;
}
.custom-pills.nav-pills .nav-item:last-child  .nav-link {
    border-radius: 0;
    border-top-right-radius: 0.05rem;
    border-bottom-right-radius: 0.05rem;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.75);
    white-space: nowrap;

}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255 , 1);
    background: #47b1e5;
    border-radius: 50px;

}

.navbar-light .navbar-nav .nav-link:active {
    color: rgba(0, 0, 0 , 1);

}

.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0 , 1);

}
.navbar-brand  {
    margin-right: 0;
    padding:0.15rem 0
}

.icon-inline {
    font-size:0.14rem;
    float: left;
}
.icon-inline i {
    position: relative;
    display: inline-block;
    font-size:0.20rem;
    top:0.02rem;
}
.icon-inline h5 {
    display: inline-block;
    font-size:0.14rem;
    margin:0 0 0 0.05rem;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    font-weight: bold;
    color: #fff;
    background: #47b1e5;
    border-radius: 50px;
}

.logo-box
{
    background: url("../img_sz/logo.png") no-repeat;
    background-size: 1.2rem 0.5rem;
    width: 1.2rem;
    height:0.5rem;
    float: left;
    margin:0 0.10rem 0 0;
}

.logo-box-white
{
    background: url("../img_sz/logo-white.png") no-repeat;
    background-size: 1.2rem 0.5rem;
    width: 1.2rem;
    height:0.5rem;
    float: left;
    margin:0 0.10rem 0 0;
}

.logo-text {
    font-size:0.14rem;
    font-weight: bold;
    color:#1e2f68;
    float: left;
    line-height: 0.5rem;
    border-left:0.02rem solid #1e2f68;
    padding:0 0 0 0.1rem;
}
.list-group {
    margin:0 0 0.20rem 0;
}
.list-group-dashed {
    border:none;
    padding:0;
    margin:0;
    list-style: none;
}
.list-group-dashed li {
    border-style: dashed;
    border-radius: 0;
    border-bottom:0;
    border-left:0;
    border-right:0;
    padding:0.1rem 0;
}
.list-group-dashed li h5{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:0.32rem;
}

.list-group-dashed li:hover { color:#ca3030; cursor: pointer;}

.list-group-dashed li:first-child {
    border-top:0;
}
.list-group-item-left {
    font-size:0.16rem;
    float: left;
    width: 80%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-group-item-right {
    font-size:0.14rem;
    float: right;
    width: 20%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.font1 {
    font-size:0.12rem;
}
.font2 {
    font-size:0.14rem;
}
.font3 {
    font-size:0.16rem;
}
.font4 {
    font-size:0.18rem;
}
.font5 {
    font-size:0.20rem;
}

.btn-outline-primary {
    color: #47b1e5;
    background-color: transparent;
    border:1px #47b1e5 solid;
    border-radius: 50px;
}

.btn-outline-primary:hover {
    color: #fff;
    background: #47b1e5;
    border-radius: 50px;
    border:1px #47b1e5 solid;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: none;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #1e2f68;
    background-color: transparent;
}

.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #47b1e5;
}

.btn-primary {
    color: #fff;
    background: #47b1e5;
    border-radius: 50px;
    border:1px transparent solid;
}
.btn-primary:hover {
    color: #ddd;
    background: #47b1e5;
    border:1px #47b1e5 solid;
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.collapse {
    border-radius: 0.05rem;
    background-color: transparent;
}

.navbar-light .navbar-toggler {
    background: transparent;
    color:#000;
    border:0;
}

.collapse.show {
    margin:0.15rem 0.05rem 0 0.05rem;
    position: relative;
}

.hide980 {
    display: flex;
}

.show980 {
    display: none;
}

#Nav-e .collapse { background-color: transparent;}

.navbar.bg-transparent-9 {
    background: rgba(255, 255, 255,0.95);
    padding:0.1rem;
    box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.15);
}

.top-absolute-bg {
    background: url("../img_sz/absolute-white-bg.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 0.8rem;
    z-index: 0;
    position: absolute;
    top:0;
    left:0;
}
.blue-bg-navbar .collapse.show { margin:0;}
.blue-bg-navbar .collapse { background: transparent;}

.full-bg { background: #203169 }

.top-absolute-blue-bg {
    background: url("../img_sz/login-bg.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 7.2rem;
    z-index: 0;
    position: absolute;
    top:0;
    left:0;
}
.upload-img { width: 50%; margin: 0 auto;}

.content-view {
    padding:0;
    background: url("../img_sz/body-bg.jpg") no-repeat center top;
    background-size: cover;
}
#Nav-e .nav-item .nav-link {
    color:#333;
}
#Nav-e .nav-item.active .nav-link {
    font-weight: bold;
    color: #fff;
    background: #47b1e5;
    border-radius: 50px;
}
#Nav-e .nav-item .nav-link:hover {
    color:#fff;
    background: #47b1e5;
    border-radius: 50px;
}
#Nav-e .nav-item .nav-link:active {
    color:#fff;
    background: #47b1e5;
    border-radius: 50px
}
#Nav-e .nav-item .nav-link:focus {
    color:#fff;
    background: #47b1e5;
    border-radius: 50px
}
#Nav-e .collapse.show { margin:0;}
#Nav-e .navbar-toggler { color:#333;}

.card-header.bg-primary { background-color: #1e2f68 !important;}

.h2-title { letter-spacing: 0.05rem; position: relative;}
.h2-title:before { content: ''; width: 0.5rem; height:0.05rem; background: #47b1e5; position: absolute; bottom: -0.1rem; left:50%; margin-left:-0.25rem;}
.col-custom-20 { max-width: 20%; flex: 0 0 20%; -ms-flex:  0 0 20%; position:relative; padding-right: 0.15rem; padding-left: 0.15rem;}
.au-service-icon { width: 40%; margin: 0.2rem auto 0.15rem auto; display: block;}
.au-service-name { display: block; text-align: center; color:#333; font-size:0.14rem;}
.h2-title.text-white:before {content: ''; width: 0.5rem; height:0.05rem; background: #fff; position: absolute; bottom: -0.1rem; left:50%; margin-left:-0.25rem; }

.bg-custom-primary { background: #1e2f68;padding:0.4rem 0;}
.bg-custom-primary .h2-title { color: #fff;}
.bg-custom-primary .h2-title:before { background: #fff;}
.bg-custom-white { background: #fff; margin:0rem 0 0.4rem 0; padding:0.4rem 0;}
.custom-step { width: 1.2rem; height:1.2rem; border-radius: 1.2rem; background: rgba( 255,255,255,0.3); padding:0.1rem; box-shadow: 0 0 0.15rem 0.1rem rgba( 255,255,255,0.15); margin: 0.4rem auto 0.25rem auto; position: relative;}
.custom-step .custom-step-o { width: 1rem; height: 1rem;border-radius: 1rem; background: rgba( 255,255,255,0.5);  padding:0.1rem}
.custom-step .custom-step-o-o { width: 0.8rem; height: 0.8rem;border-radius: 0.8rem; background: rgba( 255,255,255,1); padding:0.2rem 0;}
.custom-step .custom-step-o .custom-step-icon { margin:0 auto; display: block; width: 50%;}
.custom-step-btn {color:#47b1e5; text-align: center; border-radius: 0.05rem; background: #fff; box-shadow: 0 0.02rem 0.05rem rgba(0,0,0,0.25); padding:0.08rem 0; margin: 0 auto; width: 1.2rem;border-bottom: 0.02rem solid rgba(0,0,0,0.15)}
.custom-step-line { display: flex;display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap; width: 100%; position: relative;}
.custom-step-line:before { content: ''; position: absolute; width: 80%; height:0.1rem; background: rgba( 255,255,255,0.3); top:50%;left:10%; margin-top:-0.15rem;}
.custom-step-primary { background: #e8eaf0 !important; }
.custom-step-primary .custom-step-o { background: #c0c5d5 !important;}
.custom-step-primary .custom-step-o-o { background: #1e2f68 !important;}
.custom-step-btn-primary { color:#fff; background: #47b1e5 !important; }
.custom-step-line-primary:before { background: #e8eaf0 !important;}
.custom-step-danger { background: #f5dcdc !important;margin:0.25rem auto;}
.custom-step-danger .custom-step-o { background: #f4abab !important;}
.custom-step-danger .custom-step-o-o { background: #e32d2d !important;}
.custom-step-btn-danger { color:#fff; background: #e32d2d !important;box-shadow:none;border:none;font-size:0.14rem;}
.custom-step-gray { background: #ddd !important; margin:0.25rem auto;}
.custom-step-gray .custom-step-o { background: #aaa !important;}
.custom-step-gray .custom-step-o-o { background: #777 !important;}
.custom-step-btn-gray { color:#fff; background: #777 !important;box-shadow:none;border:none;font-size:0.14rem;}
.custom-step-arrow-icon .custom-step:before { content: ''; position: absolute; width: 0.2rem; height:0.2rem; background: url("../img_sz/arrow-right-focus.png") no-repeat; background-size: 0.2rem 0.2rem; top:50%; right: -50%; margin-top:-0.1rem; margin-right:0.1rem; }
.remove-custom-step:before { display: none;}
.label-success { background: #e32d2d; color:#fff; width: 0.25rem; height:0.25rem; text-align: center; line-height: 0.25rem; border-radius: 0.025rem; display: inline-block;}
.tiles-wrap {
    position: relative;
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
    display: none;
}
.tiles-wrap li {
    opacity: 1;
    text-align: left;
    list-style-type: none;
    background-color: #fff;
    display: flex;
    width: 2.8rem;
}
.news-wrap li {
    width: 100% !important;
    background-color: #f5f5f5 !important;
    padding:0.15rem;
}

.news-wrap li img {
    width: 1.5rem;
    height: 1.5rem;
}
.text-over-ell {
    font-size:0.16rem;
    color:#555;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-over-2 {
    font-size:0.14rem;
    color:#999;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.tiles-wrap.animated li {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.offset-xl-25 { margin-left: 28.5%;}
.icon-element { background: #fff; width: 100%; height:auto;padding:15% 0;margin:0.15rem 0; position: relative; overflow: hidden;}
.icon-element-img { width: 1rem; height:1rem; margin: 0 auto; background: #e6eaf0; border-radius: 1rem; }
.icon-element-img img {  display:block; width:1rem;margin: 0 auto;}
.icon-element-text { font-weight: bold; font-size:0.14rem; margin:0.3rem 0 0 0; text-align: center; display: block; color:#1e2f68;}
.icon-element:hover { box-shadow: 0 0.05rem 0.10rem rgba(0,0,0,0.15);transition: .5s;  -webkit-transition: .5s;}
.icon-element:hover .icon-element-tip { top:0; transition: .5s;  -webkit-transition: .5s;}
.icon-element-tip { width: 100%; height:100%; position: absolute; top:100%; left:0; background: rgba(0,0,0,0.75); color:#fff; font-size:0.12rem; line-height: 0.24rem; padding:0.15rem;}
.collapse-auto { border-radius: 0; margin:0 -0.15rem;}
.bg-gray { background: #f5f5f5; padding:0.3rem 0; margin:0.6rem 0 0 0;}
.logo-link { border: 0.01rem solid #ddd; text-align: center; font-weight: bold; color:#999; padding: 0 0.2rem;margin:0.1rem 0 0.1rem 0; height:1.5rem; line-height: 1.5rem;}
.footer-dl { margin:0 0 0.15rem 0; padding:0; list-style: none;}
.footer-dl dt { font-weight: bold; color:#333; margin:0 0 0.05rem 0; border-bottom: 0.02rem solid #ddd; padding: 0 0 0.1rem 0;}
.footer-dl dd { font-weight: normal; font-size:0.12rem; color:#868e96; padding:0.08rem 0; margin:0; line-height: 1;}
.footer-line { width: 100%; background: #ddd; height: 0.02rem;margin:0.2rem 0.15rem;}
.carousel { overflow: hidden;  background: #fff;}
.carousel-inner { width: 100%; height:100%;}
.carousel-item  {  width: 100%; height:100%;}
.carousel-item img {  width: 100%;}
.custom-carousel-caption { position: absolute; top:0.5rem;left:0.5rem;color:#fff; width: 5rem;}
.custom-carousel-caption h3 { display: block; font-size:24px;margin:0 0 10px 0;}
.custom-carousel-caption p { display: block; width: 100%;font-size:16px;}
.custom-carousel-caption button { background: #fff; border-radius: 50px; color:#47b1e5; padding:10px 30px; border:0 solid #000;cursor: pointer}
h4.text-primary { color: #1e2f68 !important;}
h1.text-primary { color: #1e2f68 !important;}
.details-photo { border:0.05rem solid #fff; box-shadow: 0 0.01rem 0.05rem rgba(0,0,0,0.15);text-align: center;}

.fixed-menu-group { position: fixed; z-index: 999; right:0; top:50%;margin-top:-1.25rem; background: #fff; border:0.01rem solid #ddd; border-top-left-radius: 0.05rem; border-bottom-left-radius: 0.05rem; border-right:0; width: 0.5rem;}
.fixed-menu-item { border-top:0.01rem solid #ddd; width: 100%; height: 0.5rem; }
.qq-menu { background: url("../img_sz/fixed-menu-1.jpg") no-repeat center center;background-size: 0.3rem 0.3rem; display: block; width: 0.5rem; height:0.5rem; border-radius: 0.3rem;}
.tel-menu { background: url("../img_sz/fixed-menu-2.jpg") no-repeat center center;background-size: 0.3rem 0.3rem; display: block; width: 0.5rem; height:0.5rem; border-radius: 0.3rem;}
.mail-menu { background: url("../img_sz/fixed-menu-3.jpg") no-repeat center center;background-size: 0.3rem 0.3rem; display: block; width: 0.5rem; height:0.5rem; border-radius: 0.3rem;}
.wx-menu { background: url("../img_sz/fixed-menu-4.jpg") no-repeat center center;background-size: 0.3rem 0.3rem; display: block; width: 0.5rem; height:0.5rem; border-radius: 0.3rem;}
.top-menu { background: url("../img_sz/fixed-menu-5.jpg") no-repeat center center;background-size: 0.3rem 0.3rem; display: block; width: 0.5rem; height:0.5rem; border-radius: 0.3rem;}
.fixed-right-bg { background: #f5f5f5; border-left:0.01rem solid #eee; position: absolute; right:0; top:0;z-index: 0; width: 50%; height:100%; border-top-right-radius: 0.05rem; border-bottom-right-radius: 0.05rem;}
.register-success-icon { width: 3rem; height: 3rem; background: url("../img_sz/res-ue-icon.png") no-repeat; background-position: center center; background-size: 100% auto; margin:0 auto 0.5rem auto;}
.dropup .dropdown-toggle::after { display:none;}
.bg-details { background: #fff; padding:0.3rem;border:0.01rem solid #ddd; width: 100%; position: relative; z-index: 999;border-radius: 0.05rem;}
.fixed-menu-hide-box { display: none; position: absolute; left:-2rem; top: 0rem; width: 2rem; height:2.5rem; border-radius: 0.05rem; border:0.01rem solid #ddd; background: #fff;}
.fixed-menu-item:hover .fixed-menu-hide-box { display: block;}
.text-paragraph { font-size:0.14rem; color:#555; font-weight: normal; line-height: 0.28rem; margin:0 0 0.1rem 0; text-indent: 0.28rem;}
.custom-tab-nav .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { background: none;border:0; border-bottom: 0.02rem solid #1e2f68; color:#1e2f68;}
.custom-tab-nav .nav-tabs .nav-link { border:0; color:#888;}
.dropup .dropdown-menu:before{
    content:"";
    width:0;
    height:0;
    position:absolute;
    left:0.05rem;
    bottom:-0.13rem;
    border-right:solid 12px transparent;
    border-left:solid 12px transparent;
    border-top:solid 12px #ddd;
}

.dropup .dropdown-menu:after{
    content:"";
    width:0;
    height:0;
    position:absolute;
    left:0.17rem;
    bottom:-0.11rem;
    margin-left:-0.1rem;
    border-right:solid 10px transparent;
    border-left:solid 10px transparent;
    border-top:solid 11px #fff;
}

.msessage-hints {
    position: absolute;
    top:0.02rem;
    right:0.02rem;
    color:#fff;
    background:#ca3030;
    font-size:0.12rem;
    width: 0.16rem;
    height:0.16rem;
    line-height: 0.16rem;
    text-align: center;
    border-radius: 0.16rem;
}

.dropdown-nav-right .dropdown-menu:before{
    content:"";
    width:0;
    height:0;
    position:absolute;
    right:0.05rem;
    top:-0.12rem;
    border-right:solid 12px transparent;
    border-left:solid 12px transparent;
    border-bottom:solid 12px #ddd;
}

.dropdown-nav-right .dropdown-menu:after{
    content:"";
    width:0;
    height:0;
    position:absolute;
    right:0.17rem;
    top:-0.11rem;
    margin-right:-0.1rem;
    border-right:solid 10px transparent;
    border-left:solid 10px transparent;
    border-bottom:solid 11px #fff;
}

.dropdown-nav-right .dropdown-menu { left:auto; right:0; }
.dropdown-nav-right .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    vertical-align: bottom;
    content: "";
    border-top: 0;
    border-right: 0;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
    position: absolute;
    bottom: 0.05rem;
    right: 0.05rem;
}
.flex-column { background: #fff;border:0.01rem solid #ddd;border-radius: 0.05rem; box-shadow: 0 0.02rem 0.1rem rgba(0,0,0,0.15);padding:0.15rem 0;margin:0 0 0.15rem 0}
.flex-column .nav-link.active, .nav-pills .show > .nav-link { box-shadow:inset 0.05rem 0 0 #1e2f68; background: #f5f5f5; color:#1e2f68; border-radius: 0;}
.card-title { color:#1e2f68;margin-bottom: 0.05rem}
.card-shadow {margin:0 0 0.15rem 0; background: #fff; border-radius: 0.05rem; box-shadow:0 0.02rem 0.1rem rgba(0,0,0,0.15); border:0.01rem solid #ddd; padding:0.3rem;text-align: center;}
.card-shadow .border-radius-icon { border:0.02rem solid #1e2f68; color:#1e2f68; font-size:0.4rem; border-radius: 0.8rem; width: 0.8rem; height:0.8rem; line-height: 0.8rem; margin: 0 auto;}
.login-custom-col-4 { width:45% !important;}
.user-menu-bar {margin:0.3rem 0; border:0.01rem solid #ddd; border-radius: 0.05rem; overflow: hidden; box-shadow: 0 0.02rem 0.05rem rgba(0,0,0,0.1)}
.user-menu-bar .card { border-radius: 0; border:0; border-color:transparent;}
.user-menu-bar .card .card-header { border-radius: 0; border-color:transparent; background: #FFF; padding:0; border-bottom: 0.01rem solid #ddd;}
.user-menu-bar .card .card-header button.btn-link { color:#1e2f68; font-size:0.14rem;}
.user-menu-bar .card .card-header button.btn-link:hover { text-decoration: none;}
.user-menu-bar .card .collapse { color:#333; background: #fff;}
.user-menu-bar .card .collapse.show { margin:0; padding:0;}
.user-menu-bar .card .card-body { padding: 0.1rem 0 0.1rem 0; border-bottom: 0.01rem solid #ddd;}
.user-menu-bar .card  button i { width: 0.2rem;text-align: center}
a.dropdown-item i { width: 0.2rem;text-align: center}
.user-menu-bar .card .card-body button.btn-link { color: #333; font-size:0.14rem; width:100%; text-align: left; border-radius: 0; border:0;}
.user-menu-bar .card .card-body button.btn-link:hover { text-decoration: none; background: #f5f5f5;}
.user-menu-bar .card .card-body button.active {color:#1e2f68; box-shadow: inset 0.04rem 0 0 #1e2f68; background: #f5f5f5;}
.user-content-bar { margin:0.3rem 0; border:0rem solid #ddd; border-radius: 0.05rem; overflow: hidden; box-shadow: 0 0.02rem 0.05rem rgba(0,0,0,0.1)}
.user-content-bar .card .card-header { background: transparent;padding:0;}
.user-content-bar .card .card-header .user-content-nav { color:#1e2f68; box-shadow: inset 0.04rem 0 0 #1e2f68; background: #f5f5f5;font-size:0.14rem;padding:0.11rem 0.15rem; font-weight: normal}
.table-tool-top { overflow: hidden; border-bottom:0.01rem solid transparent; padding:0 0 0.15rem 0;}
.table-tip-bar { font-size: 0.12rem; padding:0 0; margin: 0 0 0.15rem 0;}
.table-btn-group .btn {padding:0 0rem; margin:0 0.1rem 0 0; border:0;}
.table-btn-group .btn-primary { background: transparent; color:#1e2f68;}
.table-btn-group .btn-danger { background: transparent; color:#dc3545;}
.table-tool-footer { margin:0.15rem 0 0 0;}
.tab-content-border { border-left:0.01rem solid #ddd; border-bottom: 0.01rem solid #ddd; border-right:0.01rem solid #ddd;}
.select-file { width: 1.5rem; height: 1.5rem; border-radius:0.05rem;margin:0 0.15rem; position: relative; background: #f5f5f5; border:0.02rem dashed #ddd;}
.select-file .hide-file { width:100%; height:100%; position: absolute; top:0; left:0; opacity: 0; z-index: 1;}
.select-file .show-file { width: 100%; height:100%; display: flex;  align-items: center;  justify-content: center; position: absolute; top:0; left:0; opacity: 1; z-index: 0; color:#999; overflow: hidden;}
.select-file .show-file img { width:3.2rem; height:2rem;}
.card-delete-btn { position: absolute; right:0; top:0; background: #FF0000; color:#fff; width: 0.2rem; height:0.2rem; text-align: center; line-height: 0.2rem; cursor: pointer;}
.select-file-cover {width:1.4rem; height:1.4rem;margin:0;}
.select-file-auto {width:3.2rem; height:2rem;margin:0.15rem auto 0.15rem auto;}
.select-item { background: #f9f9f9; border-radius: 0.05rem; border:0.02rem dashed #f1f1f1;margin:0 0 0.15rem 0;text-align: center;padding:0.5rem 0; font-size:0.2rem;}
.select-item.checked { background: #dc3545; color:#fff; border:0;}
.table-head-portrait { width: 1.5rem; height:1.5rem; }
.td-middle { vertical-align: middle; text-align: center;}
.table-first-img { width:0.5rem; height:0.5rem; display: inline-block;}
.table-td-name { display: inline-block; margin:0 0.1rem; vertical-align: middle; }
.table-last-img { width:0.2rem; height:0.2rem; display: inline-block;}
.card-img-top-h { width: auto; height:2rem; background: url("../img_sz/1.jpg") no-repeat center center; background-size:cover; display: block}
.card-img-top { width:100%; height:auto; }
.card-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.edit-img-size { width: 1.8rem; height:1.8rem;}
.edit-img {margin: 0.15rem 0 0 0; padding:0; list-style: none;}
.edit-img li { border:0.01rem dashed #ddd; padding:0.15rem; position: relative;margin: -0.01rem 0 0 0 ;}
.photo-unlock { width: 0.5rem; height:0.5rem; text-align: center; line-height:0.5rem; background: rgba(0,0,0,0.2); position: absolute; top:0; right:0; color:#fff;font-size:0.24rem;}
.user-info-list .media { border-bottom:0.01rem solid #ddd;padding:0.1rem 0;}
.user-info-list .media img { width:1rem; height:1rem; display: inline-block; }
.bg-br-white { background: #fff;border-radius: 0.05rem; border:0.01rem solid #ddd;height: 2rem;}


.panel {
    overflow: hidden;
    background: #fff;
    padding:0.5rem;
    box-shadow:0 0.075rem 0 0 rgba(0, 0, 0, 0.05)
}


.panel-full {
    padding:0;
    margin:0;
}
.panel-full .col-12 {
    padding:0;
    margin:0;
}
.bg-theme {
    background: #47b1e5;
}
.img-auto {
    margin: 0 auto;
    display: block;
}

.panel .row .col-xl-3 .panel-icon-link {
    padding:0 0.5rem;
    overflow: hidden;
    border-right:0.01rem solid #ddd;
    display: block;

}

.panel .panel-icon-link img {
    width: 0.6rem;
    height: 0.6rem;
    float: left;
}
.panel .panel-icon-link b {
    font-size:0.25rem;
    display: inline-block;
    float: right;
    line-height: 0.6rem;
}
.panel .row .col-xl-3:last-child .panel-icon-link {
    border:0;
}

@media (max-width: 1400px) {
    .logo-box {
        background-size:0.8rem 0.4rem;
        width: 0.8rem;
        height: 0.4rem;
    }
    .logo-text {
        font-size:0.12rem;
        line-height: 0.4rem;
        padding:0;
    }
    .logo-text img {
        width: 0.4rem;
        height: 0.4rem;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left:0.075rem;
        padding-right:0.075rem;
    }
    .panel .row .col-xl-3 .panel-icon-link {
        padding:0 0.15rem;
        overflow: hidden;
        border-right:0.01rem solid #ddd;
        display: block;

    }
    .panel .panel-icon-link img {
        width: 0.4rem;
        height: 0.4rem;
        float: left;
    }
    .panel .panel-icon-link b {
        font-size:0.15rem;
        display: inline-block;
        float: right;
        line-height: 0.4rem;
    }
}
@media (max-width: 980px) {


    .fixed-right-bg { display: none;}
    .custom-step-arrow-icon .custom-step:before { display: none;}
    .register-success-icon { width: 2rem; height: 2rem; background: url("../img_sz/res-ue-icon.png") no-repeat; background-position: center center; background-size: 100% auto; margin:0 auto 0 auto;}

    .form-section {
        background: #fff;
        padding:0.35rem 0.15rem 0.15rem 0.15rem;
        border-radius: 0.05rem;
        box-shadow: 0 0.1rem 0.15rem rgba( 0,0,0,0.25 );
        margin:0.3rem 0;
        position: relative;
    }

    .fixed-menu-group { display: none;}
    .carousel { height:2.4rem;}
    .custom-step-line:before { display: none}
    .collapse-auto { border-radius: 0.05rem; margin:0 0;}
    .col-custom-20 { max-width: 50%; flex: 0 0 50%; -ms-flex:  0 0 50%;  position:relative; padding-right: 0.15rem; padding-left: 0.15rem;}
    .sm-block { max-width: 100%; flex: 0 0 100%; -ms-flex:  0 0 100%;  position:relative; padding-right: 0.15rem; padding-left: 0.15rem;}

    .navbar.bg-transparent-9 {
        background: rgba(255, 255, 255,0.95);
        padding:0.1rem;
        box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.15);}

    #Nav-s .collapse.show:before{
        content:"";
        width:0;
        height:0;
        position:absolute;
        left:0;
        top:0;
        border-right:solid 12px transparent;
        border-left:solid 12px transparent;
        border-bottom:solid 12px transparent;
    }

    #Nav-s .collapse.show:after{
        content:"";
        width:0;
        height:0;
        position:absolute;
        left:50%;
        top:-0.1rem;
        margin-left:-0.1rem;
        border-right:solid 10px transparent;
        border-left:solid 10px transparent;
        border-bottom:solid 10px #1e2f68;
    }

    .nav-item .nav-link {
        font-size:0.14rem;
        padding:0.10rem 0.15rem;

    }

    .navbar-light .navbar-nav li:first-child a {
        border-top-left-radius: 0.05rem;
        border-top-right-radius: 0.05rem;
    }

    .toggler-box {
        width: 100%;
        background: #1e2f68;
        text-align: center;
        border-radius: 0.05rem;
        margin:0rem 0.05rem;
    }

    .navbar-nav {
        padding: 0.1rem 0 0 0;
    }

    .hide980 {
        display: none;
    }

    .show980 {
        display: flex;
    }

    .logo-box
    {
        background: url("../img_sz/logo.png") no-repeat;
        background-size: 0.8rem 0.36rem;
        width: 0.8rem;
        height:0.36rem;
        float: left;
        margin:0 0.05rem 0 0;
    }

    .logo-box-white
    {
        background: url("../img_sz/logo-white.png") no-repeat;
        background-size: 0.8rem 0.36rem;
        width: 0.8rem;
        height:0.36rem;
        float: left;
        margin:0 0.05rem 0 0;
    }


    .logo-text {
        font-size: 0.12rem;
        font-weight: normal;
        color: #1e2f68;
        float: right;
        line-height: 0.36rem;
        border-left: 0.01rem solid #1e2f68;
        padding:0 0 0 0.05rem;
        text-align: right;
    }

    .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 0.1rem;
    }


    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        font-weight: bold;
        box-shadow: none;
        color: #fff;
        background: transparent;
    }
    .text-over-ell {
        display: none;
    }
    .news-wrap li img {
        width: 1rem;
        height: 1rem;
    }
    .media-title { font-size:0.16rem;}
    @media (min-width: 1200px){
	.container {
	max-width: 1080px
	}
	}
}