.app-downlist a {
    margin: 5px;
    border-width: 3px;
    position: relative;
    line-height: 34px;
    padding: 0 12px 0 52px !important;
    z-index: 1;
    overflow: hidden;
}

.postbtn {
    border-radius: 10px;
    height: 40px;
    line-height: 38px;
    padding: 0 15px !important;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #283593;
    background: #283593;
    color: #fff;
}

.app-downlist img {
    height: 34px;
    width: 34px;
    border-radius: 9px 0 0 9px;
    padding: 7px 4px 7px 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.app-downlist a::after {
    content: '';
    width: 50px;
    display: inline-block;
    position: absolute;
    display: inline-block;
    position: absolute;
    height: 160%;
    left: -9px;
    top: -30%;
    z-index: -1;
    border-radius: 100%;
    background: #fff;
}

.song-content-layout {
    border-radius: 14px;
    padding: 20px 20px 15px;
    background: #5cb9bf1c;
    margin: 20px 0;
}

.site-body .btn-arrow {
    background-color: #283593;
        color: #fff;
}

.content-wrap h2 {

    border-left: unset !important;
    padding-left: unset !important;
    margin-left: unset !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    font-weight: 700;
    padding: 5px 0 !important;
    font-size: 18px !important;
    position: relative;


}

.content-wrap h2:after {
    content: '';
    height: 20px;
    width: 8px;
    background: #f6dc3e;
    position: absolute;
    bottom: 7px;
    left: -18px;
    transform: skewX(-10deg);

}

.content-wrap h2:before {

    content: '';
    height: 20px;
    width: 8px;
    background: #f6dc3e;
    position: absolute;
    left: -20px;
    bottom: 7px;
}

blockquote {

    border-radius: 10px;
    background: #f7f8f9;
    border-left-width: 0;
    padding: 10px 10px;
    margin: 1.25rem 0;
    position: relative;

}

blockquote h3 {
    position: relative;
    margin-left: 0;
    z-index: 1;
    color: #283593;
    height: 35px;
    line-height: 36px;
    margin-bottom: 10px;
    display: inline-block;
    border: 0px !important;
}


blockquote h3:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
    z-index: -1;
    left: -10px;
    width: 180px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #d7dbe7 150%);
}

blockquote h3::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
    z-index: 1;
    left: -10px;
    width: 4px;
    background: #283593;
    border-radius: 10px 0 0 10px;
}

blockquote li .md-plain {

    font-size: 13px;
    list-style-type: disc;
    padding-right: 5px;

    text-align: justify;
    color: rgba(0, 0, 0, 0.75);
}


blockquote li::marker {
    color: #283593;
    font-weight: 700
}

.song-site-app-wrap {
    position: absolute;
    top: 0px;
    right: 3px;
    opacity: .3;
color: #283593;
}

.song-tag span {
        display: inline-block;
    font-size: 12px;
    padding: 6px 15px;
    margin: 3px;
background: #179d4142;
    border-radius: 8px;
    color: rgba(0, 0, 0, 0.6);
}

body{
        
    
  background-color: #f9fafb;
  background-image: 
    linear-gradient(rgba(200,200,210,0.2) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200,200,210,0.2) 1px, transparent 1px);
  background-size: 20px 20px;
  border-radius: 12px;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.02);
}


/*#content{*/
/*    padding: 5px ;*/
/*}*/
/*#content .content{*/
/*    padding:10px;*/
/*    border-radius: 20px;*/
    /*background: #fff;*/

    
/*}*/
/*@media (min-width: 768px) {*/
  /* 在此添加大于767px时的样式 */
/*    #content{*/
/*        padding: 0 20px;*/
/*    }*/
/*    #content .content{*/
/*        padding: 30px;*/
/*    }*/

/*}*/

/*.big-header-banner.header-bg .page-header,.page-header  {*/

     /*background: rgba(255, 255, 255, 1); */
/*         border-radius: var(--main-radius);*/
/*         width: 98%;*/
/*         margin: 2px auto;*/
/*        background:rgb(208 218 225 / 88%);*/

/*}*/


.url-card .card-body{
padding-top:1rem;
}