/* 
* @Author: anchen
* @Date:   2021-08-14 15:48:43
* @Last Modified by:   anchen
* @Last Modified time: 2021-08-15 15:50:44
*/
body{
    background:#f8f8f8;
}
.background{
    background: url("/addons/WebSites/frontend/resources/img/i-flower-1.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 30%;
    z-index: -1;
    opacity: 0.1;
}

@media only screen and (max-width: 576px) {
    .background{
        width:300px;
        height:300px;
    }
}

@media only screen and (min-width: 576px) {
    .background{
        width:400px;
        height:400px;
    }
}

@media only screen and (min-width: 768px) {
    .background{
        width:500px;
        height:500px;
    }
}


@media only screen and (min-width: 992px) {
    .background{
        width:700px;
        height:700px;
    }
}


@media only screen and (min-width: 1200px) {
    .background{
        width:800px;
        height:800px;
    }
}

@media only screen and (min-width: 1400px) {
    .background{
        width:1000px;
        height:1000px;
    }
}


.main{
    padding:20px;
}
/*.crumb {*/
/*    padding:20px 20px 0;*/
/*}*/
/*.content .crumb .crumb-desc{*/
/*    font-size: 16px;*/
/*    font-family: Source Han Sans CN;*/
/*    font-weight: light;*/
/*    color: #999;*/
/*    line-height: 16px;*/
/*    margin-bottom: 5px;*/
/*}*/
.aside{
    padding:20px;
}
.main .main-body{
    background:#fff;
     box-shadow: 0 0 10px #ccc;
     padding:60px;
}
.thumb{
    overflow:hidden;
    margin:30px 0;
}
.thumb img{
    width:100%;
    max-height: 480px;
}
.detail {
    overflow: hidden;
}
.detail img{
    width: 100%;
}
.main-title h2{
    font-size: 24px !important;
    line-height: 35px;
    font-weight: 600;
    margin: -0.27em 0 0.7em;
    font-family: "Futura PT Demi";
    color: #232f4b;
    padding: 5px 0;
    overflow-wrap: break-word;
}
.main-date{
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #999999;
    line-height: 20px;
}
.about{
    border-top: 1px solid #ccc;
    margin-top: 60px;
    padding-top: 20px;
}
.about p{
     font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #666;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.about p a,.aside-body li a{
    color: #666;
}
.aside img{
    width: 100%;
    height: 100%;
}
.aside-body{
    padding:30px;
        background:#fff;
     box-shadow: 0 0 10px #ccc;
}
.aside-body h4{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}
.aside-body ul{
    display:block;
}
.aside-body li{
    list-style: none;
    display:block;
    margin-top: 20px;
}
.article-title{
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    padding-top: 5px;
    margin-bottom: 5px !important;
}
.article-date{
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #999999;
    line-height: 20px;
}
.none-desc {
    text-align: center;
}