@font-face {
    font-family: 'hellogpt';
    src: url('https://dl.cmdpe.com/HelloGPT/WenYue-ShengHuoJiaTi-J.woff') format('woff');
}
@font-face {
    font-family: 'JosefinSans';
    src: url('https://dl.cmdpe.com/HelloGPT/JosefinSans-Light.woff') format('woff');
}
p {
    margin-bottom: 5px !important;
}
body, h1, h2, h3, h4, h5, h6 {
    font-family: "JosefinSans", "hellogpt", 'Poppins', Helvetica, sans-serif !important;
}
body {
    background: #ebecf0 !important;
}

.page-content {

    background: none !important;
    box-shadow: -5px -5px 10px #fff, 5px 5px 10px #babebc !important;
}

.header {
    background: -webkit-gradient(linear, left top, left bottom, from(#21e1ae), to(#09aeea)) !important;
    background: linear-gradient(#21e1ae, #09aeea) !important;
    background: none !important;
    padding: 30px !important;
    max-width: 260px !important;
    border-radius: 32px 0 0 32px !important;
    box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC !important;
}
.header-photo {
    width: 100px !important;
    margin: 0 auto 0px !important;
}
.header-photo img {
    background: none !important;
    border: 0 !important;
}
.header-titles h2 {
    font-size: 20px !important;
    color: #000000 !important;
}
.header-buttons {
    display: none !important;
}
.header h4 {
    text-align: left !important;
    font-weight: 100 !important;
    font-size: 14px !important;
    padding: 0 !important;
    color: #000 !important;
}



    .content-area {
        max-width: calc(100% - 270px) !important;
    }


section[data-id="shop"] .search {
    display: none !important;
}



.animated-section {
    background: none !important;

}
.portfolio-grid {
    overflow: initial !important;
}
.portfolio-grid figure {
    overflow: initial !important;
    padding: 10px !important;
}
.portfolio-filters li {
    opacity: 1 !important;
}
.portfolio-filters li a {
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #FFFFFF !important;
    box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC !important;
    box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF !important;
    color: #000 !important;
    font-weight: 100 !important;
    font-size: 14px !important;
}
.portfolio-filters li.active a {
    box-shadow: inset 0.2rem 0.2rem 0.5rem #c8d0e7, inset -0.2rem -0.2rem 0.5rem #FFFFFF !important;
    box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF !important;
    box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC !important;
    color: #000 !important;
}
.category-icon {
    height: 18px !important;
    width: 18px !important;
    border-radius: 0 !important;
    position: absolute !important;
    opacity: 1 !important;
    top: 8px !important;
}
.category-right {
    margin-left: 20px !important;
}
.portfolio-grid.three-columns .goods {
    background: none !important;
    box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #FFFFFF !important;
    box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC !important;
    padding: 10px !important;
}
.portfolio-grid figure:hover .portfolio-item-img:after {
    opacity: 0 !important;
}
.comm-height {
    background-size: 30% !important;
}
.portfolio-grid figure .name {
    padding: 0px 0 !important;
    text-align: left !important;
    color: #000000 !important;
}
.portfolio-grid figure .b_price {
    padding: 4px 8px !important;
    font-size: 13px !important;
    border-radius: 9px !important;
    top: 20px !important;
    left: 20px !important;
}
.portfolio-grid figure .b_kucun {
    padding: 4px 8px !important;
    font-size: 13px !important;
    border-radius: 9px !important;
    top: 20px !important;
    right: 20px !important;
}
.portfolio-grid figure a {
    opacity: 0 !important;
}



.commodity-form.commodity-di p {
    margin-bottom: 10px !important;
}
.commodity-di .general, .draft_status {
    color: #000000 !important;
}
.description {
    color: #000000 !important;
}
.commodity-close {
    padding: 25px 10px 25px 10px !important;
    background: #ffffff !important;
    border: 0 !important;
}
.page-title {
    margin-bottom: 10px !important;
}
.page-title:after {
    opacity: 0 !important;
}
.page-title h2 {
    font-size: 26px !important;
}
.commodity-di .share_url {
    display: none;
}
.commodity-di .price {
    color: #FF9800 !important;
}
.delivery_way_auto {
    color: white;
    background: #99E640 !important;
    padding: 3px 6px !important;
    border-radius: 9px !important;
}
.open-commodity input[type=text], .commodity-di input[type=number], .commodity-di input[type=password], .commodity-di input[type=email] {
    border: 0 !important;
    border-radius: 9px !important;
}
.trade_amount {
    color: #FF9800 !important;
}


.pay-button {
    border-radius: 10px !important;
    color: #000000 !important;
    box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC !important;
    background: none !important;
}
.pay-button:active {
    box-shadow: inset 1px 1px 2px #babebc, inset -1px -1px 2px #fff !important;
}


.ps__scrollbar-y-rail {
    position: absolute;
    /* opacity: 1; */
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    /* right: 0; */
    /* width: 15px; */
    margin-right: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 20px;
    width: 12px;
}

.ps__scrollbar-y-rail>.ps__scrollbar-y {
    position: absolute;
    border-radius: 4px;
    right: 2px;
    width: 4px;
    background-color: #ffffff;
}
::-webkit-scrollbar-thumb {
    display: none !important;
}
::-webkit-scrollbar-track {
    display: none !important;
}