body,
a,
nav,
span,
button,
input,
label,
p,
header,
footer {
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
::selection {
  background: rgb(194, 120, 120);
}

body{
background:ghostwhite !important;
}

button,input[type=button] {
  color: color-yiq(#DB6574);
  background-color: #DB6574;
  border-color: #DB6574;
  color: white;

    border: 1px solid transparent;
    padding: 0.175rem 0.55rem;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

button:hover,input[type=button]:hover {
  color: color-yiq(#d44658);
  background-color: #d44658;
  border-color: #d13c4f;
}

button:focus,
button.focus,
input[type=button]:focus,
input[type=button].focus  {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(219, 101, 116, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(219, 101, 116, 0.5);
}

button:not(:disabled):not(.disabled):active,
input[type=button] :not(:disabled):not(.disabled).active
 {
  color: color-yiq(#d13c4f);
  background-color: #d13c4f;
  border-color: #cf3145;
}

button:not(:disabled):not(.disabled):active:focus,
button:not(:disabled):not(.disabled).active:focus,
.show>.btn-pink.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(219, 101, 116, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(219, 101, 116, 0.5);
}

/* 粉色链接形式的链接 */
a{
  color: rgb(194, 120, 120) !important;
text-decoration:none !important;
}

a:hover{
  color: rgb(254, 120, 120) !important;
text-decoration:none !important;
box-shadow: inset 0 -2.5px rgb(254, 120, 120) !important;
}
/* 文本框以及选择框样式 */
select {
  display: block;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #828d93 !important;
  box-shadow: inset 0 0 2px rgb(194, 120, 120) !important;
  border: 0 !important;
  background: #2d3035 !important;
  outline: 0 !important;
  transition: all 1.2s ease-in-out 0s;
  -webkit-transition: all 1.2s ease-in-out 0s;
  -moz-transition: all 1.2s ease-in-out 0s;
}

/* 文本框样式 */
input[type=text],
input[type=number] {
  color: #828d93 !important;
  border: 0 !important;
  box-shadow: inset 0 0 1px rgb(194, 120, 120) !important;
  background: #2d3035 !important;
  transition: outline 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
}

input[type=text]:active,
input[type=text]:focus,
input[type=number]:active,
input[type=number]:focus {
  outline: 0;
  border-radius: 0.25rem;
  outline: 2px solid rgb(194, 120, 120) !important;
}
/*侧边卡片头*/
.catListTitle {
    background-color: #2d3035 !important;
    border-color: #2d3035 !important;
}

/* 博客wrapper */
#home{
    position: absolute;
    width: 100%;
overflow-x: hidden;
    opacity: 0.9;
    background-attachment: fixed;
}
/* 博客头部css */
#header{
position: fixed;
    width: 100%;
    height: 10%;
background:#2d3035 !important;
opacity:0.975;
z-index:999;
display: flex;
    justify-content: space-around;
    align-items: center;
}
#blogTitle{
background:#2d3035 !Important;
height:41px;
}
#navigator{
    background-color: #2d3035;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    clear: both;
}
/* 博客主要部分css */
@media all and (min-width:993px) {
#main{
 width: 100%;
    height: 75%;
    margin-top: 7.5%;
   padding:20px 0 0 0 !important;
display: flex;
    justify-content: center;
}
}
@media all and (min-width:768px) and (max-width:992px) {
#main{
    width: 100%;
    height: 75% !important;
    margin-top: 10% !important;
   padding: 20px 0 0 0 !important;
}
}
@media all and (min-width:500px) and (max-width:768px) {
#main{
    width: 100%;
    height: 75%;
    margin-top: 13% !important;
}
}
@media all and (max-width:500px) {
 #main{
    width: 100%;
    height: 75%;
    margin-top: 16% !important;
}
#navList a{
font-size:.8rem;
}
}
#mainContent
{
    min-height: 200px;
    padding: 0 16rem 0 16rem;
    *padding-top: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    float: right;
    margin-left: 0;
    margin-right: 0;
    display: inline;
    width: auto;
}
#mainContent .forFlow {
    margin-left: 0;
}
/*侧边*/
#sidebar_search{
display:none;
}
#sideBar
{
display:none;
}
/*尾部*/
#footer{
background: #2d3035;
    margin-bottom: 0;
    padding: 20px;
    color: #c27575;
}
.blogStats{
display:none;
}