/**首页交易市场 */
a:hover {
    color: #d91715;
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
    color: #d91715 !important;
}

.el-tabs__active-bar {
    background-color: #d91715 !important;
}

.typeArea {
    float     : left;
    width     : 398px;
    height    : 330px;
    background: #fff;
    border    : 1px solid #e4e4e4
}

.typeArea_title {
    width        : 90%;
    height       : 30px;
    line-height  : 30px;
    margin-left  : 5%;
    font-size    : 16px;
    color        : #333;
    margin-top   : 15px;
    margin-bottom: 5px
}

.typeArea_title2 {
    margin-top: 15px
}

.middle_type_list {
    width      : 90%;
    height     : 35px;
    line-height: 35px;
    margin-left: 5%;
    font-size  : 14px;
    color      : #333
}

.middle_type_list a:hover {
    color: #d91715
}

.middle_type_list .middle_type_jump:hover {
    color: #666
}

.middle_type_list a {
    margin-left: 53px
}

.middle_type_list .middle_type_list_specialA {
    margin: 0
}

.middle_type_list2 a {
    margin-left: 40px
}

.middle_type_list3 a {
    margin-left: 15px
}

.middle_type_list_select {
    color: #d91715
}


.middle_type_listt a {
    margin : 10px;
    padding: 15px 25px 15px 25px !important;
}


.middle_type_jump {
    font-size: 12px;
    color    : #999
}

.typeArea_title i {
    color       : #d91715;
    margin-right: 4px
}

.item-more {
    position : absolute;
    top      : 10px;
    right    : 10px;
    font-size: 13px;
}

.item-more a {
    color: #999999
}

.item-box .el-tabs__nav-wrap::after {
    height: 1px;
}

/**首页轮播*/
.lunbo {
    float      : left;
    width      : 770px;
    height     : 330px;
    margin-left: 10px
}

.lunbo .swiper-container,
.lunbo .swiper-container .swiper-wrapper,
.swiper-container .swiper-wrapper img {
    width : 100%;
    height: 100%
}

.home_guide {
    margin       : auto;
    margin-bottom: 20px
}

.home_guide img {
    width: 100%
}

.sw-box {
    overflow: auto;
    margin  : 20px 0
}

.sw-box a {
    color: #333
}

.sw-box .middle_type_jump {
    color: #999
}

.lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 20px;
    left  : 0;
    width : 20%
}

.lunbo .swiper-pagination-bullet-active {
    opacity      : 1;
    background   : #d91715;
    width        : 20px;
    border-radius: 5px
}


/**广告位*/
.home_guide {
    overflow: auto;
    margin  : 15px 0
}

/**竞价*/
.bidding-item {
    overflow     : auto;
    margin-bottom: 20px
}

.bidding-item h3 {
    font-size: 16px;
    color    : #333;
    margin   : 20px 0;
    display  : inline-block
}

.bidding-h3 i {
    background   : #d91715;
    padding      : 5px 6px;
    color        : #fff;
    border-radius: 50%;
    font-size    : 11px;
}

.bidding-title {
    width           : 100%;
    height          : 51px;
    background-color: #d90f19;
    color           : #fff;
    font-size       : 16px;
    box-sizing      : border-box;
    display         : flex
}

.bidding-title span {
    flex       : 1;
    text-align : center;
    line-height: 51px
}

.bidding-h3 {
    width   : 100px;
    position: relative;
    float   : left
}

.lafite_tab_a {
    float      : right;
    line-height: 20px;
    color      : #333;
    margin     : 20px 0;
    color      : #999999;
    font-size  : 14px;
}

/**首页新闻*/
.news-box {
    overflow: auto;
    margin  : 10px 0 40px 0
}

.news-box .news-left {
    float: left;
    width: 808px
}

.news-box .news-right {
    float : right;
    width : 366px;
    border: 1px solid #e4e4e4
}

.news-box .news-legislation,
.news-box .news-status {
    float : left;
    width : 391px;
    height: 245px;
    border: 1px solid #e4e4e4
}

.news-box .news-status {
    margin-left: 22px
}

.news-box .news-focus {
    float     : left;
    width     : 100%;
    height    : 245px;
    margin-top: 22px;
    border    : 1px solid #e4e4e4
}

.news-box .news-head-icon i {
    color       : #d91715;
    margin-right: 3px
}

.news-box .news-head {
    width        : 100%;
    height       : 40px;
    line-height  : 40px;
    border-bottom: 1px solid #e4e4e4
}

.news-box .news-head-icon {
    float      : left;
    width      : 40%;
    font-size  : 14px;
    color      : #333;
    text-indent: 12px
}

.news-box .news-head-more {
    float     : right;
    display   : inline-block;
    width     : 15%;
    font-size : 14px;
    color     : #999;
    text-align: right
}

.news-box .news-list {
    padding  : 7px 20px;
    font-size: 14px
}

.news-box .news-list a {
    color             : #333;
    line-height       : 34px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.news-box .media-focus a {
    max-width: 90%;
    display  : inline-block
}

.news-box .media-focus li span {
    float      : right;
    line-height: 34px;
    color      : #999
}

.news-land-box {
    overflow: auto;
    width   : 100%
}

.news-land-data {
    float     : left;
    width     : 49%;
    height    : 40px;
    text-align: center;
    margin-top: 20px
}

.news-land-data:first-child {
    border-right: 1px solid #d7d7d7
}

.land-area {
    font-size: 12px;
    color    : #333
}

.land-unit {
    font-size: 14px;
    color    : #d91715
}

.news-table {
    margin-top: 19px
}

.news-table table {
    width    : 100%;
    font-size: 12px;
    color    : #333
}

.news-table tr {
    display    : flex;
    line-height: 35px
}

.news-table tr td {
    flex      : 1;
    text-align: center
}

.news-table tr:first-child,
.news-table tr:nth-child(2n) {
    background: #efefef
}

.news-box a:hover {
    color: #d91715
}



/* CSS */
.button-24 {
    background         : #d91715;
    border             : 1px solid #d91715;
    border-radius      : 6px;
    box-shadow         : rgba(0, 0, 0, 0.1) 1px 2px 4px;
    box-sizing         : border-box;
    color              : #FFFFFF;
    cursor             : pointer;
    display            : inline-block;
    font-family        : nunito, roboto, proxima-nova, "proxima nova", sans-serif;
    font-size          : 16px;
    font-weight        : 800;
    line-height        : 16px;
    min-height         : 40px;
    outline            : 0;
    padding            : 12px 14px;
    text-align         : center;
    text-rendering     : geometricprecision;
    text-transform     : none;
    user-select        : none;
    -webkit-user-select: none;
    touch-action       : manipulation;
    vertical-align     : middle;
}

.button-24:hover,
.button-24:active {
    background-color   : initial;
    background-position: 0 0;
    color              : #d91715;
}

.button-24:active {
    opacity: .5;
}



.checkbox-wrapper-19 {
    box-sizing        : border-box;
    --background-color: #fff;
    --checkbox-height : 25px;
}

@-moz-keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@-webkit-keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

@-webkit-keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

@-moz-keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

.checkbox-wrapper-19 input[type=radio] {
    display: none;
}

.checkbox-wrapper-19 .check-box {
    height            : var(--checkbox-height);
    width             : var(--checkbox-height);
    background-color  : transparent;
    border            : calc(var(--checkbox-height) * .1) solid #000;
    border-radius     : 5px;
    position          : relative;
    display           : inline-block;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    -moz-transition   : border-color ease 0.2s;
    -o-transition     : border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition        : border-color ease 0.2s;
    cursor            : pointer;
}

.checkbox-wrapper-19 .check-box::before,
.checkbox-wrapper-19 .check-box::after {
    -moz-box-sizing         : border-box;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box;
    position                : absolute;
    height                  : 0;
    width                   : calc(var(--checkbox-height) * .2);
    background-color        : #d91715;
    display                 : inline-block;
    -moz-transform-origin   : left top;
    -ms-transform-origin    : left top;
    -o-transform-origin     : left top;
    -webkit-transform-origin: left top;
    transform-origin        : left top;
    border-radius           : 5px;
    content                 : " ";
    -webkit-transition      : opacity ease 0.5;
    -moz-transition         : opacity ease 0.5;
    transition              : opacity ease 0.5;
}

.checkbox-wrapper-19 .check-box::before {
    top              : calc(var(--checkbox-height) * .72);
    left             : calc(var(--checkbox-height) * .41);
    box-shadow       : 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);
    -moz-transform   : rotate(-135deg);
    -ms-transform    : rotate(-135deg);
    -o-transform     : rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform        : rotate(-135deg);
}

.checkbox-wrapper-19 .check-box::after {
    top              : calc(var(--checkbox-height) * .37);
    left             : calc(var(--checkbox-height) * .05);
    -moz-transform   : rotate(-45deg);
    -ms-transform    : rotate(-45deg);
    -o-transform     : rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform        : rotate(-45deg);
}

.checkbox-wrapper-19 input[type=radio]:checked+.check-box,
.checkbox-wrapper-19 .check-box.checked {
    border-color: #d91715;
}

.checkbox-wrapper-19 input[type=radio]:checked+.check-box::after,
.checkbox-wrapper-19 .check-box.checked::after {
    height           : calc(var(--checkbox-height) / 2);
    -moz-animation   : dothabottomcheck-19 0.2s ease 0s forwards;
    -o-animation     : dothabottomcheck-19 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    animation        : dothabottomcheck-19 0.2s ease 0s forwards;
}

.checkbox-wrapper-19 input[type=radio]:checked+.check-box::before,
.checkbox-wrapper-19 .check-box.checked::before {
    height           : calc(var(--checkbox-height) * 1.2);
    -moz-animation   : dothatopcheck-19 0.4s ease 0s forwards;
    -o-animation     : dothatopcheck-19 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
    animation        : dothatopcheck-19 0.4s ease 0s forwards;
}