/*
*bootstrap默认样式重置
*/

a {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}




/*
*顶部导航
*/

.topnav {
    height: 2rem;
    line-height: 2rem;
    background-color: #F5F5F5;
    border-bottom: .0625rem solid #EBEBEB;
    font-size: 0.75rem
}

.topbar {
    background-color: #ECECEC;
    border-bottom: 0.0625rem solid #ddd
}

.topbar a {
    margin-right: 0.3125rem
}

.r_nav {
    display: inline-block;
    color: #999
}




/*
*中间导航
*/

.middlenav {
    margin-top: 0.625rem;
}




/*
*输入框绿色描边
*/

.green-outline,
.green-outline:focus {
    border-color: #669900;
}

.green-outline:focus {
    box-shadow: 0 0 0 0.2rem rgba(102, 153, 0, 0.25);
}




/*
*按钮绿色背景
*/

.green-bgc,
.green-bgc:hover,
.green-bgc:focus,
.green-bgc:active {
    background-color: #669900;
    border-color: #669900;
}

.green-bgc:not(:disabled):not(.disabled):active,
.green-bgc:not(:disabled):not(.disabled).active,
.show>.green-bgc.dropdown-toggle {
    background-color: #669900;
    border-color: #669900;
}

.green-bgc:focus {
    box-shadow: 0 0 0 0.2rem rgba(102, 153, 0, 0.25);
}

.green-bgc:not(:disabled):not(.disabled):active:focus,
.green-bgc:not(:disabled):not(.disabled).active:focus,
.show>.green-bgc.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(102, 153, 0, 0.5);
}

/*
*按钮蓝色背景
*/

.royal-blue-bgc,
.royal-blue-bgc:hover,
.royal-blue-bgc:focus,
.royal-blue-bgc:active {
    background-color: #2C62B4;
    border-color: #2C62B4;
}

.royal-blue-bgc:not(:disabled):not(.disabled):active,
.royal-blue-bgc:not(:disabled):not(.disabled).active,
.show>.royal-blue-bgc.dropdown-toggle {
    background-color: #2C62B4;
    border-color: #2C62B4;
}

.royal-blue-bgc:focus {
    box-shadow: 0 0 0 0.2rem rgba(44, 98, 180, 0.25);
}

.royal-blue-bgc:not(:disabled):not(.disabled):active:focus,
.royal-blue-bgc:not(:disabled):not(.disabled).active:focus,
.show>.royal-blue-bgc.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(44, 98, 180, 0.5);
}


/*
*屏蔽导航栏默认样式
*/

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255);
}

.navbar-nav .active {
    background-color: #468800;
}


.navbar-offcanvas {
  flex-basis: 100%;
  flex-grow: 1;
  // For always expanded or extra full navbars, ensure content aligns itself
  // properly vertically. Can be easily overridden with flex utilities.
  align-items: center;
}
@media (max-width: 768px) {
.navbar_logo {
    background-image: url("/wwwdsggfwcom/statics/images/tscy/mobile_logo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100% auto;
    height: 4rem;

}
}
#btnGroupAddon {
    background-color: #fff;
}
/*
*颜色
*/

.text-pink {
    color: #E76B75
}

.text-orange {
    color: #F69802
}

.text-green {
    color: #689900;
}

.text-dark-orange {
    color: #F29A00;
}



/*
*段落缩进
*/
.pi-2 {
    text-indent: 2rem;
}


/*
*footer
*/
footer {
    background-color: #468800;
    color: #fff;
}
footer a, footer a:hover {
    color: #fff;
}
/*
*bootstrap 外链部分栅格系统重置
*/

.links .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.links .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

.links .col-6 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50%;
}

@media (min-width: 768px) {
    .links .col-md-3 {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25%;
    }
}

/*侧滑栏*/
@media (max-width: 768px) {
.navbar-offcanvas {
    background-color: #679a01;
    font-size: 2rem;
}
.navbar-offcanvas .navbar-nav {
    padding-top: 3rem;
}
}