@media (max-width: 768px) {

}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}
@font-face{
    font-family: 'YouSheBiaoTiHei';
    src: url('../fonts/YouSheBiaoTiHei-2.ttf') format('truetype');
}
/**********模块大标题 start ***********/
.content-main .more{
    text-align: right;
}
.content-main .more a{
    padding-bottom: 1rem;
    display: inline-block;
}
.content-main .main-title-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-bottom: 2rem;
}
.content-main .main-title{
    font-weight: 700;
    font-size: 2rem;
    position: relative;
}
.content-main .main-title:after,
.content-main .main-title:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 2rem;
    height: 0.375rem;
    background: #2267F7;
}
.content-main .main-title:before{
    top: 0.5rem;
    left: -2.5rem;
}
.content-main .main-title:after{
    bottom: 0.5rem;
    right: -2.5rem;
}
.content-main .sub-title{
    font-size: 2rem;
    position: absolute;
    top: 1.3125rem;
    font-weight: 400;
    color: #2267F7;
    opacity: 0.2;
}
/**********模块大标题 end ***********/
.banner-box{
    width: 100%;
    height: 15rem;
    background-image: url("../images/trade/banner.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.banner-box p{
    font-size: 1.5rem;
}
.tab-more{
    position: absolute;
    right: 0;
    top: 0.5rem;
    z-index: 9999;
}
.finance-main,
.person-main,
.demand-main,
.achievement-main,
.entry-trading-main{
    padding: 3rem 0;
}
.finance-main .content-body,
.person-main .content-body,
.demand-main .content-body,
.achievement-main .content-body,
.entry-trading-main .content-body{
    position: relative;
}



.trading-tab .layui-tab-title .icon0 {
    background-image: url(../images/trade/trading-tab0.png);
}
.trading-tab .layui-tab-title .icon1 {
    background-image: url(../images/trade/trading-tab1.png);
}
 .trading-tab .layui-tab-title .icon2 {
    background-image: url(../images/trade/trading-tab2.png);
}
.trading-tab .layui-tab-title .icon3 {
    background-image: url(../images/trade/trading-tab3.png);
}
.trading-tab .layui-tab-title .layui-this .icon0 {
    background-image: url(../images/trade/trading-tab0-active.png);
}
.trading-tab .layui-tab-title .layui-this .icon1 {
    background-image: url(../images/trade/trading-tab1-active.png);
}
.trading-tab .layui-tab-title .layui-this .icon2 {
    background-image: url(../images/trade/trading-tab2-active.png);
}
.trading-tab .layui-tab-title .layui-this .icon3 {
    background-image: url(../images/trade/trading-tab3-active.png);
}

.achievement-tab  .layui-tab-title .icon0 {
    background-image: url(../images/trade/achievement-tab0.png);
}
.achievement-tab  .layui-tab-title .icon1 {
    background-image: url(../images/trade/achievement-tab1.png);
}
.achievement-tab  .layui-tab-title .icon2 {
    background-image: url(../images/trade/achievement-tab2.png);
}
.achievement-tab  .layui-tab-title .layui-this .icon0 {
    background-image: url(../images/trade/achievement-tab0-active.png);
}
.achievement-tab  .layui-tab-title .layui-this .icon1 {
    background-image: url(../images/trade/achievement-tab1-active.png);
}
.achievement-tab  .layui-tab-title .layui-this .icon2 {
    background-image: url(../images/trade/achievement-tab2-active.png);
}

.demand-tab .layui-tab-title .icon0 {
    background-image: url(../images/trade/demand-tab0.png);
}
.demand-tab .layui-tab-title .icon1 {
    background-image: url(../images/trade/demand-tab1.png);
}
.demand-tab .layui-tab-title .icon2 {
    background-image: url(../images/trade/demand-tab2.png);
}
.demand-tab .layui-tab-title .layui-this .icon0 {
    background-image: url(../images/trade/demand-tab0-active.png);
}
.demand-tab .layui-tab-title .layui-this .icon1 {
    background-image: url(../images/trade/demand-tab1-active.png);
}
.demand-tab .layui-tab-title .layui-this .icon2 {
    background-image: url(../images/trade/demand-tab2-active.png);
}





.achievement-market-main .info-card,
.entry-trading-main .info-card{
    width: calc((100% - 2.5rem) / 3);

}







.demand-market-main .info-card{
    width: calc((100% - 2.5rem) / 3);
    margin-bottom: 1.25rem;
}
.demand-market-main .card-body{
    padding-top: 2.5rem;
    border: 1px dashed #ccc;
    padding-top: 3.125rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/bg-home-card.png);
}

.person-card{
    margin-bottom: 1.5rem;
}

.finance-demand-card,
.finance-market-card,
.person-demand-card{
    margin-bottom: 1.25rem;
}
.finance-demand-card .card-attrs .price-attr{
    border-bottom: none;
}

.finance-supply-tab .layui-tab-title li .icon-finance10{
    background-image: url(../images/home/icon-finance10.png);
}
.finance-supply-tab .layui-tab-title li .icon-finance20{
    background-image: url(../images/home/icon-finance20.png);
}
.finance-supply-tab .layui-tab-title li .icon-finance30{
    background-image: url(../images/home/icon-finance30.png);
}
.finance-supply-tab .layui-tab-title li .icon-finance40{
    background-image: url(../images/home/icon-finance40.png);
}

.finance-supply-tab .layui-tab-title .layui-this .icon-finance10{
    background-image: url(../images/home/icon-finance10-active.png);
}
.finance-supply-tab .layui-tab-title .layui-this .icon-finance20{
    background-image: url(../images/home/icon-finance20-active.png);
}
.finance-supply-tab .layui-tab-title .layui-this .icon-finance30{
    background-image: url(../images/home/icon-finance30-active.png);
}
.finance-supply-tab .layui-tab-title .layui-this .icon-finance40{
    background-image: url(../images/home/icon-finance40-active.png);
}

.finance-supply-card{
    margin-bottom: 1.25rem;
}