@charset "UTF-8";
body {
    background-color: #fff;
    font-family: Tahoma, Helvetica, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
}

/**
 * bootstrap 样式更改
 */
.container {
    min-width: 750px !important;
}
.container-fluid > .row {
    margin-left: 0;
    margin-right: 0;
}

.breadcrumb-box {
    color: #666;
    margin: 15px;
    margin-top: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;
}

@media (min-width: 1700px) {
    .container {
        width: 1500px;
    }

    .col-ex-lg-1 {
        width: 8.33333333%;
    }

    .col-ex-lg-2 {
        width: 16.66666667%;
    }

    .col-ex-lg-3 {
        width: 25%;
    }

    .col-ex-lg-4 {
        width: 33.33333333%;
    }

    .col-ex-lg-5 {
        width: 41.66666667%;
    }

    .col-ex-lg-6 {
        width: 50%;
    }

    .col-ex-lg-7 {
        width: 58.33333333%;
    }

    .col-ex-lg-8 {
        width: 66.66666667%;
    }

    .col-ex-lg-9 {
        width: 75%;
    }

    .col-ex-lg-10 {
        width: 83.33333333%;
    }

    .col-ex-lg-11 {
        width: 91.66666667%;
    }

    .col-ex-lg-12 {
        width: 100%;
    }

    #sad-list .block-item-list .img-box {
        height: 240px !important;
    }
    #sad-list .block-item-list .img-box img {
        min-height: 240px !important;
    }
}

@media (max-width: 992px) {
    #banner .banner-block {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #header .search-block .row {
        border-right: none !important;
    }
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 0;
    margin-top: 0;
}

.radio-inline, .checkbox-inline {
    margin-bottom: 10px !important;
}

p {
    margin-bottom: 0;
}

ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.pagination > li > a:hover,
.pagination > li > a {
    color: #777;
}

.pagination > .active > a:hover,
.pagination > .active > a {
    background-color: #e05048;
    border-color: #c9302c;
}

/**
 * global class start
 */
/**
 * 全局结构类
 */
a:link, a:visited, a:hover {
    text-decoration: none;
    color: #010101;
}
a.btn-success, a.btn-danger, a.btn-primary, a.btn-info, a.btn-warning {
    color: #fff;
}

a:hover {
    color: #ED0909;
}

table {
    font-size: 14px;
}

.show-line {
    overflow: hidden;
}

.show-line div {
    float: left;
}

.show-line div + div {
    float: right;
}

.show-line-ex div {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
}

.one-line-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-lines-text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.divider-light-gray {
    margin: 0;
    padding: 0;
    border-color: #cdcdcd;
}

.bgc-white {
    background-color: #f5f5f5;
}

.bgc-light-gray {
    background-color: #f8f8f8;
}

.price {
    color: #e05048 !important;
}

.a-color-1 {
    color: #333;
}

.a-color-1:hover {
    color: #e05048;
}

.a-color-2 {
    color: #555;
}

.a-color-2:hover {
    color: #e05048;
}

.a-color-3 {
    color: #999;
}

.a-color-3:hover {
    color: #e05048;
}

.btn-txt-1 {
    color: #333;
    cursor: pointer;
}

.btn-txt-1:hover {
    color: #e05048;
}

.btn-txt-2 {
    color: #666;
    cursor: pointer;
}

.btn-txt-2:hover {
    color: #e05048;
}

.btn-txt-3 {
    color: #999;
    cursor: pointer;
}

.btn-txt-3:hover {
    color: #e05048;
}

.button-color-1 {
    color: #999;
}

.button-color-1:hover {
    color: white;
    background-color: #e05048;
    border-color: #e05048;
}

.icon-text {
    font-size: 14px;
    padding: 2px 0;
}

.icon-text i {
    font-size: 22px;
    color: #e05048;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.m-top-20 {
    margin-top: 20px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-bottom-30 {
    margin-bottom: 30px;
}

.p-top-20 {
    padding-top: 20px;
}

.p-top-30 {
    padding-top: 30px;
}

.main-txt a {
    color: #666;
}

.main-txt a:hover {
    color: #e05048;
}

.highLightCss {
    color: #e05048;
}

.subject-content-col-line .line-item:hover .line-item-title .highLightCss {
    color: white !important;
}

/**
 * global class end
 */
/**
 * animate start
 */
@keyframes opacityAnimate {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes scaleAnimate {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

/**
 * animate end
 */
.breadcrumb-nav {
    margin-top: 10px;
    margin-bottom: 15px;
}

.breadcrumb-nav h5 {
    display: inline-block;
}

.breadcrumb-nav h5 i {
    margin-right: 5px;
}

.breadcrumb-nav ul {
    display: inline-block;
    margin: 0;
}

.breadcrumb-nav ul li {
    display: inline-block;
}

.breadcrumb-nav ul span {
    color: #888;
    padding: 0 5px;
}

.subject-block {
    margin-bottom: 50px;
}

.subject-block .subject-list-block {
    padding: 0;
    min-height: 400px;
}

.subject-block .subject-title {
    border-bottom: 3px solid #e05048;
    margin-bottom: 10px;
}

.subject-block .subject-title h2 {
    display: inline-block;
    color: #e05048;
}

.subject-block .subject-title div {
    display: inline-block;
    width: 2px;
    height: 33px;
    background-color: #e05048;
    margin: 0 15px;
    margin-bottom: -5px;
}

.subject-block .subject-title h3 {
    display: inline-block;
}

.subject-block .change-option {
    padding: 6px 0;
    background-color: #eee;
    border: 1px solid #cdcdcd;
}

.subject-block .change-option button {
    margin: 0 5px;
    border: 1px solid #ccc;
}

.subject-block .sort-items [data-order=date].active,
.subject-block .sort-items [data-order=date]:hover {
    background-color: #42c083;
    border-color: #42c083;
    color: #fff;
}

.subject-block .sort-items [data-order=price].active,
.subject-block .sort-items [data-order=price]:hover {
    background-color: #C9302C;
    border-color: #C9302C;
    color: #fff;
}

.subject-block .sort-items [data-order=view].active,
.subject-block .sort-items [data-order=view]:hover {
    background-color: #FDB816;
    border-color: #FDB816;
    color: #fff;
}

.subject-block .change-option .sort-items button.active span {
    display: inline;
}

.subject-block .change-option .sort-items button span {
    display: none;
}

.subject-block .change-option .display-select button.active,
.subject-block .change-option .display-select button:hover {
    color: #42c083;
}

.subject-block footer {
    margin-top: 30px;
}

.subject-block aside {
    padding-right: 0;
}

.subject-block .related-block .related-item {
    margin-bottom: 30px;
    border: 1px solid #5bc0de;
}

.subject-block .related-block .related-item h4 {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #46b8da;
    color: #035b5b;
    background-color: #5bc0de;
}

.subject-block .related-block .related-item ul {
    background-color: white;
    padding: 10px;
}

.subject-block .related-block .related-item ul li {
    margin-bottom: 10px;
}

.subject-block .related-block .related-item ul li:first-child span {
    color: white;
    background-color: #e05048;
}

.subject-block .related-block .related-item ul li:first-child + li span {
    color: white;
    background-color: #42c083;
}

.subject-block .related-block .related-item ul li:first-child + li + li span {
    color: white;
    background-color: #FDB816;
}

.subject-block .related-block .related-item ul li span {
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    line-height: 20px;
    border-radius: 50%;
    background-color: lightgray;
}

.screen-block {
    margin-bottom: 20px;
}

.screen-block.active > section {
    display: block;
}

.screen-block section {
    border: 1px solid #cdcdcd;
    position: relative;
    background-color: #fff;
}

.screen-block section h5 {
    position: absolute;
    top: 9px;
    width: 80px;
    text-align: center;
    z-index: 1;
}

.screen-block section .item-box {
    position: relative;
    overflow: hidden;
    border-left: 80px solid #eee;
}

.screen-block section .show-all-items {
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer;
}

.screen-block section .show-all-items span {
    margin-right: 5px;
}

.screen-block section + section {
    margin-top: -1px;
    display: none;
}

.screen-block .item-list {
    padding: 10px 0;
}

.screen-block .item-list li {
    display: inline-block;
    height: 24px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    padding: 0 6px;
    margin: 0 6px;
    cursor: pointer;
}

.screen-block .item-list li:hover {
    color: #e05048;
}

.screen-block .item-list li.active {
    color: white;
    background-color: #e05048;
}

.screen-block .hot-items {
    padding: 15px 35px 15px 6px;
}

.screen-block .hot-items li {
    display: inline-block;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 6px;
    margin: 0 6px;
}

.screen-block .hot-items li.active {
    background-color: #e05048;
}

.screen-block .hot-items li.active a {
    color: white;
}

.screen-block .hot-items li i {
    margin-left: 2px;
}

.screen-block .key-item {
    padding: 15px 0 15px 6px;
}

.screen-block .key-item input {
    width: 360px;
    height: 30px;
    margin: 0 10px;
}

.screen-block .all-items {
    display: none;
    overflow: hidden;
    border-top: 1px solid #cdcdcd;
}

.screen-block .all-items.active {
    border-top: 1px solid #cdcdcd;
    display: block;
}

.screen-block .all-items .multi-item-box strong {
    float: left;
    margin-top: 10px;
    width: 100px;
    text-align: center;
}

.screen-block .all-items .multi-item-box .item-list {
    margin-left: 100px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.screen-block .all-items .dynamic-item-box .item-list {
    min-height: 70px;
    margin-top: 10px;
    border-top: 1px solid #cdcdcd;
    background-color: #f5f5f5;
}

.screen-block .more-selected {
    background-color: transparent;
    position: absolute;
    right: 0;
}

.screen-block .more-selected h5 {
    display: inline-block;
    cursor: pointer;
    background-color: white;
    margin: 0;
    padding: 5px 15px 10px;
    border: 1px solid #cdcdcd;
    border-top: none;
}

.screen-block .selected-items-box {
    min-height: 28px;
    margin-top: 10px;
    border-left: 80px solid transparent;
    margin-right: 120px;
}

.screen-block .selected-items-box .selected-items {
    display: none;
    position: relative;
}

.screen-block .selected-items-box .selected-items p {
    position: absolute;
    top: 4px;
    left: -75px;
    color: #888;
}

.screen-block .selected-items-box .selected-items > div {
    position: relative;
    display: inline-block;
    border-right: 70px solid transparent;
}

.screen-block .selected-items-box .selected-items .reset {
    position: absolute;
    top: 4px;
    right: -65px;
    color: #666;
    cursor: pointer;
}

.screen-block .selected-items-box .selected-items .reset:hover {
    color: #e05048;
}

.screen-block .selected-items-box .selected-items ul {
    display: inline-block;
}

.screen-block .selected-items-box .selected-items li {
    display: inline-block;
    position: relative;
    margin: 2px 4px 2px 0;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding: 0 16px 0 8px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    cursor: pointer;
}

.screen-block .selected-items-box .selected-items li:hover {
    border-color: #e05048;
}

.screen-block .selected-items-box .selected-items li:hover i {
    color: #e05048;
}

.screen-block .selected-items-box .selected-items li i {
    position: absolute;
    color: #888;
    transform: scale(0.7);
}

.screen-block .selected-items-box .selected-items li span {
    color: #e05048;
}

.subject-content-col-line {
    margin: 20px 0 30px;
}

.subject-content-col-line ul {
    color: #666;
    font-size: 14px;
    /*font-family: SimSun;*/
    border: 1px solid #ddd;
    border-bottom: none;
    padding-left: 0;
    background-color: white;
}

.subject-content-col-line ul li {
    line-height: 3.5;
}

.subject-content-col-line .line-title {
    overflow: hidden;
    font-size: 16px;
    border-bottom: 1px solid #cdcdcd;
    /*font-family: "Microsoft YaHei";*/
    background-color: #eee;
}

.subject-content-col-line .line-item-title {
    color: #666;
    cursor: pointer;
}

.subject-content-col-line .line-item-title:hover {
    color: #e05048;
}

.subject-content-col-line .line-item {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.subject-content-col-line .line-item:hover {
    background-color: #f5f5f5;
}

.subject-content-col-line .line-item strong {
    font-size: 16px;
    line-height: 2;
}

.subject-content-block .item {
    margin: 20px auto 30px;
    position: relative;
    overflow: hidden;
    height: 180px;
    padding-left: 195px;
    background-color: white;
    border: 1px solid lightgray;
}

.subject-content-block .item.active {
    border-color: #e05048;
}

.subject-content-block .img-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 180px;
    width: 180px;
    text-align: center;
    line-height: 180px;
    background-color: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
}

.subject-content-block .img-box img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
}

.subject-content-block .block-left {
    height: 180px;
    position: relative;
    padding: 10px 30px 0;
}

.subject-content-block .block-left .item-title {
    line-height: 1.5;
    height: 50px;
    -webkit-line-clamp: 2;
}

.subject-content-block .block-left .item-simple-info {
    margin-top: 10px;
    font-size: 14px;
    padding-left: 10px;
    color: #333;
}

.subject-content-block .block-left .item-simple-info p {
    margin-bottom: 5px;
}

.subject-content-block .block-left .item-tips {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.subject-content-block .block-left .item-tips div {
    display: inline-block;
    width: 50%;
    color: white;
    font-size: 16px;
    line-height: 40px;
    white-space: nowrap;
}

.subject-content-block .item .block-left .item-tips div:first-child {
    background-color: grey;
}

.subject-content-block .item.active .block-left .item-tips div:first-child {
    background-color: #c9302c;
}

.subject-content-block .item .block-left .item-tips div+div {
    background-color: lightgray;
    color: #555;
}

.subject-content-block .item.active .block-left .item-tips div+div {
    background-color: #e05048;
    color: white;
}

.subject-content-block .block-left .item-tips i {
    font-size: 22px;
    vertical-align: text-bottom;
    margin-left: 5px;
    margin-right: 5px;
}

.subject-content-block .item .block-right {
    height: 180px;
    border-left: 1px solid lightgray;
}

.subject-content-block .item.active .block-right {
    border-left: 1px solid #e05048;
}

.subject-content-block .block-right .item-info {
    font-size: 14px;
    color: #666;
    padding-right: 15px;
    padding-top: 15px;
    line-height: 2;
}

.subject-content-block .status-img {
    position: absolute;
    right: 0;
    height: 135px;
    top: 5px;
    margin-right: 80px;
}

.small-block {
    /*margin: 50px 0;*/
}

.small-block .block-title {
    padding: 0 20px;
    color: #333;
    border-bottom: 1px solid #eee;
}

.small-block .block-title h2 {
    display: inline-block;
}

.small-block .block-title ul {
    padding-top: 34px;
}

.small-block .block-title ul li {
    float: left;
    margin-left: 15px;
    padding-left: 15px;
}

.small-block .block-title ul li + li {
    border-left: 2px solid #888;
}

.small-block .block-item-list {
    padding: 0;
}

.small-block .block-item-list > li {
    height: 300px;
    overflow: hidden;
}

.small-block .banner-block {
    padding-right: 14px;
    border-right: 1px solid #eee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.small-block .image-item {
    padding-left: 10px;
    padding-right: 10px;
}

.small-block .image-item header {
    width: 170px;
    height: 170px;
    margin: 10px auto;
    overflow: hidden;
}

.small-block .image-item header img {
    max-width: 100%;
    max-height: 100%;
}

.small-block .image-item section {
    padding-bottom: 5px;
}

.small-block .image-item section h4 {
    height: 20px;
    margin-top: 15px;
}

.small-block .image-item section p {
    font-size: 16px;
    color: #888;
}

.small-block .image-item section p i {
    font-size: 22px;
    vertical-align: bottom;
}

.small-block .image-item section .item-info div {
    color: #888;
    margin: 2px 0;
}

.small-block .image-item section .item-info div i {
    font-size: 22px;
    vertical-align: bottom;
    color: #e05048;
    margin-left: 2px;
    margin-right: 5px;
}

.small-block .txt-item {
    padding: 5px;
    border: 1px solid #eee;
}

.small-block .txt-item:hover {
    border-color: #e05048;
}

.small-block .txt-item header {
    height: 220px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/image_default_1.png);
}

.small-block .txt-item header h4 {
    margin-top: 0;
}

.small-block .txt-item header a {
    display: inline-block;
    height: 105px;
    overflow: hidden;
    color: #666;
    padding: 20px;
    margin-top: 40px;
    line-height: 1.5;
}

.small-block .txt-item header a:hover {
    color: #e05048;
}

.small-block .txt-item .item-info {
    position: relative;
    padding: 10px;
}

.small-block .txt-item .item-info p {
    margin-top: 5px;
    color: #888;
}

.small-block .txt-item .item-info p i {
    color: #e05048;
    font-size: 22px;
    margin-right: 5px;
    vertical-align: bottom;
}

.middle-block .block-title {
    padding-left: 20px;
    color: #666;
}

.middle-block .block-item-list > li {
    height: 400px;
    overflow: hidden;
}

.middle-block .image-item {
    padding: 14px;
    border: 1px solid #f5f5f5;
}

.middle-block .image-item header {
    width: 260px;
    height: 260px;
    overflow: hidden;
}

.middle-block .image-item header a {
    display: block;
    text-align: center;
    vertical-align: middle;
}

.middle-block .image-item header img {
    max-height: 100%;
    max-width: 100%;
}

.middle-block .image-item section {
    margin-top: 27px;
    padding-bottom: 4px;
}

.middle-block .image-item section h4 {
    height: 42px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
}

.middle-block .image-item section .item-info {
    color: #888;
    font-size: 16px;
}

.middle-block .image-item section .item-info > div {
    padding: 2px 0;
}

.middle-block .image-item section .item-info i {
    font-size: 22px;
    vertical-align: bottom;
}

.middle-block .txt-item h4 {
    margin: 0;
}

.middle-block .txt-item:hover h4 {
    color: #e05048;
}

.middle-block .txt-item header {
    border-top: 10px solid white;
    height: 300px;
    background-color: #cdcdcd;
}

.middle-block .txt-item header a {
    height: 125px;
    padding: 20px;
    margin-top: 60px;
    line-height: 1.5;
    -webkit-line-clamp: 4;
}

.middle-block .txt-item .item-info {
    position: relative;
    padding: 20px 10px 16px;
    color: white;
    background-color: #974461;
    font-size: 16px;
}

.middle-block .txt-item .item-info > div {
    padding: 5px 0;
}

.middle-block .txt-item .item-info i {
    color: white;
}

.middle-block .txt-item .item-info .glyphicon-triangle-bottom {
    position: absolute;
    top: -5px;
    left: 10px;
    font-size: 22px;
    color: #cdcdcd;
    z-index: 1;
}

.detail-block .detail-header {
    padding-top: 30px;
    margin-bottom: 30px;
}

.detail-block .detail-tabs .nav-tabs li a {
    font-size: 14px;
    color: #666;
}

.detail-block .detail-tabs .tab-content {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-top: none;
}

.detail-block .detail-tabs .tab-content .tab-pane#tab-02 {
    font-size: 14px;
}

.detail-block .detail-tabs .tab-content .tab-pane#tab-02 span {
    color: #888;
    /*font-family: SimSun;*/
}

.comment-block {
    background-color: #fff;
    padding: 10px 0;
}

.comment-block .comment-title {
    padding: 5px 15px 10px;
    border-bottom: 1px solid #cdcdcd;
}

.comment-block .comment-list {
    padding: 0 20px;
}

.comment-block .comment-item {
    margin-bottom: 30px;
    border-bottom: 1px solid #cdcdcd;
}

.comment-block .item-header {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 8px;
}

.comment-block .item-header img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.comment-block .item-header small {
    color: #888;
    margin: 0 10px;
}

.comment-block .item-content {
    margin-bottom: 8px;
    color: #888;
    font-size: 14px;
    /*font-family: SimSun;*/
}

.comment-block .item-footer {
    margin: 0;
    color: #888;
}

.comment-block .item-footer span {
    margin-right: 15px;
}

.comment-block .reply-list {
    padding: 10px 20px;
}

.comment-block .reply-list li {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #d4d4d4;
}

.comment-block .post-comment {
    padding-left: 20px;
}

.comment-block .post-comment input {
    width: 80%;
    margin-right: 10px;
    line-height: 28px;
}

.comment-block .reply-box {
    margin-top: 5px;
    margin-bottom: 10px;
}

.comment-block .reply-box input {
    width: 80%;
    margin-right: 10px;
    line-height: 28px;
}

.service-brief section {
    padding: 6% 2%;
}

.service-brief section header p {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 30px;
    color: #2e2e2e;
}

.service-brief section .service-item {
    padding: 0 30px;
}

.service-brief section .service-item p {
    word-wrap: break-word;
    word-break: break-all;
}

/**
 * brief-index start
 */
#header-brief {
    height: 50px;
}

#header-brief .logo {
    position: absolute;
    display: none;
}

#header-brief .hot-line {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -166px;
    color: #888;
}

#header-brief .go-index {
    line-height: 50px;
    margin-left: 50px;
    float: left;
}

#header-brief .about-us a i {
    margin-right: 5px;
}

#header-brief .navbar-nav > li > a {
    color: #333;
}

#header-brief .navbar-nav > li > a:hover,
#header-brief .navbar-nav > li > a:focus,
#header-brief .navbar-nav > li.open > a:hover,
#header-brief .navbar-nav > li.open > a:focus {
    color: #e05048;
    background-color: transparent;
}

#header-brief .dropdown-menu > li > a:hover,
#header-brief .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #e05048;
}

#footer-brief {
    position: relative;
    padding: 21px 0 10px;
    background-color: #393e42;
    color: #eee;
}

#footer-brief .copyright > a {
    position: absolute;
    left: 50%;
    margin-left: 245px;
    margin-top: -5px;
}

#footer-brief h5 > a {
    color: #fff;
}

#footer-brief h5 > a:hover {
    color: #e05048;
}

.contact-brief {
    position: fixed;
    right: 20px;
    bottom: 150px;
    z-index: 1;
    cursor: pointer;
}

.contact-brief:hover ul {
    display: inline-block;
}

.contact-brief .box {
    display: inline-block;
    background-color: #fff;
    padding: 5px 15px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    text-align: center;

}

.contact-brief .box i {
    font-size: 40px;
}

.contact-brief .box p {
    font-size: 14px;
    color: #666;
    margin-top: 3px;
}

.contact-brief ul {
    display: none;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    position: absolute;
    right: 80px;
    top: 0;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
}

.contact-brief ul li {
    width: 270px;
    text-align: right;
}

.contact-brief ul li i {
    font-size: 22px;
    vertical-align: bottom;
    margin-right: 5px;
}

#search-brief {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
}

#search-brief .search-block {
    z-index: 3;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}

#search-brief .search-block .logo {
    margin-bottom: 20px;
}

#search-brief .search-block .search {
    height: 50px;
}

#search-brief .search-block .search form {
    position: relative;
}

#search-brief .search-block .search form .form-group {
    width: 100%;
    position: relative;
}

#search-brief .search-block .search form input {
    height: 50px;
    width: 100%;
    padding-right: 100px;
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
}

#search-brief .search-block .search form span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: white;
    background-color: #e05048;
    padding: 14px 30px;
    cursor: pointer;
}

#search-brief .search-block .search form ul {
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
}

#search-brief .search-block .search form ul li {
    font-size: 12px;
    color: #666666;
    padding: 8px 10px;
    cursor: pointer;
}

#search-brief .search-block .search form ul li:hover, #search-brief .search-block .search form ul li.active {
    color: white;
    background-color: #e05048;
}

#search-brief .service-line {
    color: #fff;
    padding-top: 15px;
    font-size: 20px;
}

#banner-brief {
    position: relative;
}

#banner-brief .banner-block ol {
    bottom: 10px;
    z-index: 3;
}

#banner-brief .banner-block ol li {
    margin: 0 10px;
    border-radius: 0;
    width: 50px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background-color: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
}

#banner-brief .banner-block ol li.active {
    background-color: white;
}

#banner-brief .banner-block .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#notice-brief {
}

#notice-brief .row > div {
    padding-left: 0;
    border: 2px solid #e05048;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
}

#notice-brief .notice-title {
    padding: 0 10px;
    margin-right: 10px;
    background-color: #e05048;
    color: white;

}

#notice-brief .notice-title i {
    font-size: 22px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

#notice-brief .notice-list a:hover {
    text-decoration: underline;
}

/**
 * brief-index end
 */
/**
 * industry-big-data-service start
 */
#industry-big-data-service {

}

/**
 * industry-big-data-service end
 */
/**
 * top-bar start
 */
#top-bar {
    height: 27px;
    font-size: 12px;
    background-color: #F2F2F2;
}

#top-bar i {
    color: #c40000;
}
#top-bar .md-items {
    position: absolute;
    top: 7px;
    left: 50%;
    font-size: 12px;
    margin-left: -113px;
}
#top-bar .lf-items {
    color: #888;
    margin-top: 7px;
    margin-bottom: 3px;
}

#top-bar .lf-items li {
    float: left;
    padding: 0 10px;

}

#top-bar .lf-items a,
#top-bar .rt-items a {
    color: #666;
}

#top-bar .lf-items a:hover,
#top-bar .lf-items a.active,
#top-bar .rt-items a.active,
#top-bar .rt-items a:hover {
    color: #c40000;
}

#top-bar .lf-items .phone-link {
    position: relative;
}

#top-bar .lf-items .phone-link:hover img {
    display: block;
}

#top-bar .lf-items .phone-link img {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -43px;
    top: 15px;
    z-index: 1;
}

#top-bar .rt-items {
    margin-top: 7px;
}

#top-bar .rt-items a + a {
    padding-left: 10px;
}


/**
 * top-bar end
 */
/**
 * header start
 */
#header {
    background-color: #fff;
}

#header .affix {
    padding: 5px 0 !important;
    background-color: rgba(255,255,255, .95);
    border-bottom: 1px solid #eee;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2ffffff, endColorstr=#f2ffffff)
            progid:DXImageTransform.Microsoft.Shadow(Strength=2, Directiono=90, Color='#eeeeee');
}

#header .search-block {
    top: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    z-index: 999;
}

#header .search-block .row {
    border-left: 197px solid transparent;
    border-right: 280px solid transparent;
    position: relative;
}

#header .search-block .logo {
    display: inline-block;
    position: absolute;
    left: -197px;
    width: 197px;

}
#header .search-block .search-box {
    width: 85%;
    height: 60px;
    padding-top: 10px;
    margin: 0 auto;
}
#header .search-block .search {
    height: 40px;
}

#header .search-block .search form {
    position: relative;
}

#header .search-block .search form .form-group {
    width: 100%;
    position: relative;
}

#header .search-block .search form input {
    height: 40px;
    width: 100%;
    padding-right: 100px;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #B0AFB5;
}

#header .search-block .search form span {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 16px;
    color: white;
    background-color: #e05048;
    padding: 7px 30px 9px;
    cursor: pointer;
}

#header .search-block .search form ul {
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
}

#header .search-block .search form ul li {
    font-size: 14px;
    color: #666666;
    padding: 8px 10px;
    cursor: pointer;
}

#header .search-block .search form ul li:hover, #header .search-block .search form ul li.active {
    color: white;
    background-color: #e05048;
}

#header .search-block .post-opt {
    position: absolute;
    right: -280px;
    top: 11px;
}

#header .search-block .post-opt a {
    display: inline-block;
    font-size: 16px;
    color: #666;
    padding: 7px 10px 8px;
    margin-right: 15px;
    border: 1px solid #B0AFB5;
}
#header .search-block .post-opt a.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
#header .search-block .post-opt a.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

#header .search-block .post-opt img {
    vertical-align: sub;
    margin-right: 5px;
}
#header .search-block .post-opt i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon_appoint.png);
    vertical-align: sub;
    margin-right: 5px;
}
#header .search-block .post-opt a.i_sad i {
    background-position: 0 -1px;
}
#header .search-block .post-opt a:hover {
    color: #CA443C;
    border-color: #CA443C;
}
#header .search-block .post-opt a.i_sad:hover i {
    background-position: 0 -25px;
}
#header .search-block .post-opt a.i_auc i {
    background-position: 42px -1px;
}
#header .search-block .post-opt a.i_auc:hover i {
    background-position: 42px -25px;
}

#header .menu-block {
    width: 100%;
    margin-bottom: 0;
    height: 40px;
    background-color: #E05048;
    /* overflow: hidden; */
}

#header .menu-block .nav-scroll {
    float: left;
    margin-left: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
#header .menu-block li {
    display: inline-block;
    font: 400 16px/16px "Microsoft YaHei";
}

#header .menu-block .menu-item {
    position: relative;
    display: inline-block;
    padding: 12px 15px;
    color: #fff;
}

#header .menu-block .menu-item:hover, #header .menu-block .menu-item.active {
    color: #fff;
    background-color: #CA443C;
}

#header .menu-block .multi-menu-items:hover .menu-item-list {
    display: block;
}

#header .menu-block .menu-item-list {
    display: none;
    position: absolute;
    overflow: hidden;
    background-color: rgba(224, 80, 72, 0.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8e05048, endColorstr=#d8e05048);
    z-index: 1;
}

#header .menu-block .menu-item-list a {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    color: white;
    border-bottom: 1px solid #ccc;
}

#header .menu-block .menu-item-list a:hover {
    background-color: #970505;
    border-color: #970505;
}
#header .menu-block .equipment-menu-nav-block {
    float: left;
}
#header .menu-block .equipment-menu-nav-block:hover #equipment-nav {
    display: block;
}

#header .menu-block .equipment-menu-nav-block .equipment-menu {
    width: 245px;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 16px;
}

#header .menu-block .equipment-menu-nav-block .equipment-menu span {
    font-size: 14px;
    margin-right: 10px;
}

/**
 * header end
 */
/**
 * equipment-nav start
 */
#equipment-nav {
    position: absolute;
    display: none;
    z-index: 4;
    margin-top: -4px;
}

#equipment-nav .container {
    position: relative;
}

#equipment-nav .nav-box {
    position: absolute;
}

#equipment-nav .nav-box .equipment-list {
    position: absolute;
    height: 450px;
    width: 245px;
    color: white;
    background-color: rgba(224, 80, 72, 0.85);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8E05048, endColorstr=#d8E05048);
}

#equipment-nav .nav-box .equipment-list li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 2px solid transparent;
    padding: 15px 0 27px 40px;
    cursor: pointer;
}

#equipment-nav .nav-box .equipment-list li:hover, #equipment-nav .nav-box .equipment-list li.active {
    background-color: #fff;
    color: #e05048;
    border-left: 2px solid #EC8081;
}

#equipment-nav .nav-box .equipment-list li:hover a, #equipment-nav .nav-box .equipment-list li.active a {
    color: #e05048;
}

#equipment-nav .nav-box .equipment-list li > span {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 22px;
}

#equipment-nav .nav-box .equipment-list li a {
    color: white;
}

#equipment-nav .nav-box .equipment-list .list-item {
    padding-bottom: 5px;
}

#equipment-nav .nav-box .equipment-list .list-item h5 {
    margin: 0 0 10px;
}

#equipment-nav .nav-box .equipment-list .list-item a {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    height: 14px;
}

#equipment-nav .nav-box .equipment-list .list-item a:hover {
    text-decoration: underline;
}

#equipment-nav .nav-box .equipment-list .list-item span {
    padding: 0 2px;
}

#equipment-nav .equipment-content {
    overflow: hidden;
    position: absolute;
    left: 245px;
    right: 0;
    max-width: 1000px;
}

#equipment-nav .equipment-content .content-item {
    display: none;
    height: 450px;
    overflow: hidden;
    background-color: white;
    border: 1px solid #cdcdcd;
    border-left: none;
    padding-top: 10px;
}

#equipment-nav .equipment-content .content-item.active {
    display: block;
}

#equipment-nav .equipment-content .content-item li {
    color: #666666;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
    overflow: hidden;
}

#equipment-nav .equipment-content .content-item .item-title {
    float: left;
    width: 125px;
    text-align: right;
}

#equipment-nav .equipment-content .content-item .item-title strong {
    font-size: 14px;
    margin-right: 10px;
}

#equipment-nav .equipment-content .content-item .item-detail {
    margin-left: 125px;
    border-bottom: 1px solid #ccc;
    margin-right: 30px;
}

#equipment-nav .equipment-content .content-item .item-detail a {
    font-size: 14px;
    display: inline-block;
    color: #666;
    margin: 0 0 10px 0;
    padding: 0 10px;
    border-left: 1px solid #888;
}

#equipment-nav .equipment-content .content-item .item-detail a:hover {
    color: #e05048;
}

/**
 * equipment-nav end
 */
/**
 * footer start
 */
#footer {
    width: 100%;
    background-color: #393e42;
}

#footer .footer-info {
    padding: 20px 0;
}

#footer .footer-info h3 {
    color: #fff;
}

#footer .footer-info ul {
    list-style: none;
    padding: 0;
}

#footer .footer-info ul li {
    color: #fff;
    margin: 5px 0;
}

#footer .footer-info ul li a {
    color: #fff;
    font-family: "Microsoft YaHei UI Light";
}

#footer .footer-info ul li a:hover {
    color: #E05048;
}

#footer .footer-info li > i {
    margin-right: 5px;
    vertical-align: inherit;
}

#footer .footer-info ul div {
    float: left;
    padding-right: 5px;
}

#footer .footer-info ul div > h5 {
    margin: 0;
}

#footer .copyright {
    padding: 20px 0 10px;
    color: #aaa;
    background-color: #202628;
}

#footer .copyright span:first-child {
    padding-right: 45px;
    position: relative;
    color: #aaa;
}

#footer .copyright a {
    color: #fff;
    margin-right: 5px;
}
#footer .copyright a:hover {
    color: #E05048;
}
#footer .copyright .authentic {
    position: absolute;
    top: -10px;
    right: -45px;
}


/**
 * footer end
 */
/**
 * flow right nav start
 */
#index-fr-nav {
    display: none;
    animation: opacityAnimate 1s 1;
    position: fixed;
    z-index: 5;
    right: 0;
    top: 40%;
}

#index-fr-nav.active {
    display: block;
}

#index-fr-nav .top-list li {
    text-align: right;
    font-size: 14px;
    padding: 10px 10px 15px;
    color: #666;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    transition: all 1s;
}

#index-fr-nav .top-list li:hover {
    border-bottom-color: #CA453D;
}

#index-fr-nav .top-list li span {
    transition: all 0.4s;
}

#index-fr-nav .top-list li:hover span {
    color: #CA453D;
    margin-right: 6px;
}

#index-fr-nav .bottom-list {
    float: right;
    margin-top: 50px;
    padding-right: 15px;
}

#index-fr-nav .bottom-list li {
    margin-bottom: 5px;
    position: relative;
}

#index-fr-nav .bottom-list li:hover div {
    display: block;
    animation: opacityAnimate 1s 1;
}

#index-fr-nav .bottom-list li div {
    display: none;
    position: absolute;
    left: -110px;
    top: -30px;

}

#index-fr-nav .bottom-list .phone {
    position: absolute;
    top: -20px;
    left: -165px;
    padding: 0 10px 5px;
    color: white;
    background-color: #7D7D7D;
}

#index-fr-nav .bottom-list .phone h5 {
    font-size: 16px;
    text-align: center;
}

#index-fr-nav .bottom-list .phone h5 span {
    margin-right: 5px;
}

#index-fr-nav .bottom-list .phone p {
    text-align: right;
    font-size: 20px;
}

#index-fr-nav .bottom-list .phone i {
    position: absolute;
    color: #7D7D7D;
    right: -9px;
    top: 32px;
}

#index-fr-nav .bottom-list li > img {
    cursor: pointer;
}

/**
 * flow right nav end
 */
/**
 * banner start
 */
#banner .banner-block {
    height: 450px;
}

#banner .banner-block ol {
    padding: 0 6px;
    z-index: 3;
    width: auto;
    margin-left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
    border-radius: 3px;
}

#banner .banner-block ol li {
    margin: 0 3px;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    background-color: white;
}

#banner .banner-block ol li.active {
    background-color: #F52323;
    border-color: #F52323;
    width: 20px;
}

#banner .banner-block .item {
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#banner .banner-block .select {
    position: absolute;
    top: 40%;
}

#banner .banner-block .select span {
    font-size: 24px;
    padding: 15px 5px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    border-radius: 5px;
}

#banner .banner-block .select span:hover {
    color: #eee;
    background-color: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
}

/**
 * banner end
 */
/**
 * index-notice-block start
 */
#index-notice-block {
    background-color: #fff;
}

#index-notice-block .container {
    position: relative;
    padding-bottom: 5px;
}

#index-notice-block img {
    position: absolute;
}

#index-notice-block .more {
    position: absolute;
    right: 15px;
    bottom: 10px;
}

#index-notice-block .notice-box {
    margin-left: 145px;
    margin-right: 80px;
}

#index-notice-block .notice-box ul {
    width: 100%;
    overflow: hidden;
}

#index-notice-block .notice-box ul li {
    padding-top: 18px;
}

#index-notice-block .notice-box ul li h5 {
    width: 100%;
}

#index-notice-block .notice-box li h5 a {
    font-size: 16px;
    color: #666;
}

#index-notice-block .notice-box li h5 a:hover {
    color: #E05048;
}

#index-notice-block .notice-box li h5 span {
    font-size: 10px;
    color: #666;
    vertical-align: top;
}

#index-notice-block .notice-box ul li p {
    font-size: 12px;
    color: #999;
}

/**
 * index-notice-block end
 */
/**
 * index-bid-block start
 */
#index-bid-block {
    margin-top: 80px;
}

#index-bid-block .block-title {
    position: relative;
    border-bottom: 5px solid #c40000;
}

#index-bid-block .block-title h2 {
    color: #000;
    display: inline-block;
}

#index-bid-block .block-title ul {
    display: inline-block;
}

#index-bid-block .block-title ul li {
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
}

#index-bid-block .block-title ul li + li {
    border-left: 1px solid #ddd;
}

#index-bid-block .block-title .more {
    position: absolute;
    font-size: 14px;
    bottom: 10px;
    right: 15px;
}

#index-bid-block .item-list {
    background-color: #fff;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    padding-top: 13px;
    padding-bottom: 29px;
}

#index-bid-block .item-list .item {
    width: 100%;
    position: relative;
    padding-top: 17px;
    padding-left: 5px;
    padding-bottom: 11px;
    border-bottom: 1px solid #ddd;
}

#index-bid-block .item-list .item > div:first-child {
    padding-right: 200px;
}

#index-bid-block .item-list .item > div:first-child a {
    display: inline-block;
    width: 70%;
    margin-right: 2%;
}

#index-bid-block .item-list .item > div:first-child span {
    display: inline-block;
    width: 25%;
}

#index-bid-block .item-list .item > div+div {
    position: absolute;
    right: 5px;
    top: 17px;
}

#index-bid-block .item-list .item > div+div  span {
    margin-left: 15px;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    background-color: darkgray;
}

#index-bid-block .item-list .item > div+div  span.pre {
    background-color: #FDB816;
}

#index-bid-block .item-list .item > div+div  span.active {
    background-color: #D91615;
}

/**
 * index-bid-block end
 */
/**
 * index-equipment-block start
 */
#index-equipment-block {
    margin-top: 100px;
}

#index-equipment-block .container {
    background-image: url(../images/bgc-equip.png);
    background-repeat: no-repeat;
}

#index-equipment-block .block-title {
    position: relative;
    margin-bottom: 18px;
}

#index-equipment-block .block-title h2 {
    color: #fff;
    margin-left: 40px;
    margin-right: 30px;
    display: inline-block;
}

#index-equipment-block .block-title ul {
    display: inline-block;
}

#index-equipment-block .block-title ul li {
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
}

#index-equipment-block .block-title ul li + li {
    border-left: 1px solid #ddd;
}

#index-equipment-block .block-title .more {
    position: absolute;
    font-size: 14px;
    bottom: 10px;
    right: 15px;
}

#index-equipment-block .item-list {
    border-left: 25px solid transparent;
    width: 100%;
}

#index-equipment-block .item-list li {
    height: auto;
    background-color: #fff;
    border-right: 10px solid #F8F8F8;
    border-bottom: 15px solid #F8F8F8;
    overflow: hidden;
    padding: 15px 0 35px;
}

#index-equipment-block .item-list li .img-box {
    display: inline-block;
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin: 20px auto 10px;
}

#index-equipment-block .item-list li .img-box:hover img {
    transform: scale(1.2);
}

#index-equipment-block .item-list li .img-box img {
    max-width: 100%;
    max-height: 100%;
    transition: all 0.5s;
}

#index-equipment-block .item-list li h5 {
    width: 80%;
    margin: 10px auto;
}

#index-equipment-block .item-list li p {
    color: #888;
    width: 80%;
    margin: 0 auto;
}

/**
 * index-equipment-block end
 */
/**
 * index-auction-block start
 */
.index-auction-block {
    margin-top: 100px;
    margin-left: -15px;
}

.index-auction-block .row {
    background-image: url(../images/bgc-auction.png);
    background-repeat: no-repeat;
}

.index-auction-block.auc-result .row {
    background-image: url(../images/bgc-auction-waste.png);
}

.index-auction-block .block-title {
    position: relative;
    margin-bottom: 18px;
}

.index-auction-block .block-title h2 {
    color: #fff;
    margin-left: 40px;
    margin-right: 30px;
    display: inline-block;
}

.index-auction-block .block-title ul {
    display: inline-block;
}

.index-auction-block .block-title ul li {
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
}

.index-auction-block .block-title ul li + li {
    border-left: 1px solid #ddd;
}

.index-auction-block .block-title .more {
    position: absolute;
    font-size: 14px;
    bottom: 10px;
    right: 15px;
}

.index-auction-block .item-list {
    border-left: 25px solid transparent;
    width: 100%;
}

.index-auction-block .item-list li {
    background-color: #fff;
    border-right: 10px solid #F8F8F8;
    border-bottom: 15px solid #F8F8F8;
    padding: 15px 0 10px;
}

.index-auction-block .item-list li .img-box {
    position: relative;
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin: 20px auto 10px;
    text-align: center;
}

.index-auction-block .item-list li .img-box:hover .mask {
    display: block;
}

.index-auction-block .item-list li .img-box img {
    max-width: 100%;
    max-height: 100%;
}

.index-auction-block .item-list li .img-box .mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}

.index-auction-block .item-list li .img-box .mask a {
    margin-top: 80px;
}

.index-auction-block .item-list li .img-box .mask a:hover {
    color: #e05048;
}

.index-auction-block .item-list li h5 {
    width: 90%;
    margin: 10px auto;
    line-height: 20px;
    font-size: 16px;
    /*font-family: "Microsoft YaHei";*/
}

.index-auction-block .item-list li .prices {
    padding-left: 15px;
    font-size: 18px;
    color: #666;
}

.index-auction-block .item-list li .prices.pre {
    color: #19AA6B;
}

.index-auction-block .item-list li .prices.active {
    color: #D91615;
}

.index-auction-block .item-list li .prices strong {
    font-size: 18px;
    font-weight: bold;
}

.index-auction-block .item-list li .time {
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
}

.index-auction-block .item-list li .time > div {
    color: #666;
    /*font-family: "Microsoft YaHei";*/
}

.index-auction-block .item-list li .time > div span {
    font-size: 21px;
    vertical-align: sub;
}

.index-auction-block .item-list li .time > div b {
    font-weight: normal;
    font-size: 14px;
}

.index-auction-block .item-list li .time > div b.timebox {
    color: #D91615;
    font-weight: bold;
}

.index-auction-block .item-list li .time > span {
    position: absolute;
    right: -5px;
    top: -6px;
    display: inline-block;
    color: white;
    background-color: #666;
    padding: 5px 10px 5px 15px;
    border-radius: 15px 0 0 15px;
}

.index-auction-block .item-list li .time > span:after {
    content: '';
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #666;
    position: absolute;
    top: 25px;
    right: -4px;
}

.index-auction-block .item-list li .time.pre > span {
    background-color: #19AA6B;
}

.index-auction-block .item-list li .time.pre > span:after {
    border-left-color: #19AA6B;
}

.index-auction-block .item-list li .time.active > span {
    background-color: #D91615;
}

.index-auction-block .item-list li .time.active > span:after {
    border-left-color: #D91615;
}

.index-auction-block .item-list li .tips {
    margin-top: 15px;
}

.index-auction-block .item-list li .tips span {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    line-height: 14px;
    color: #666;
    /*font-family: "Microsoft YaHei";*/
    text-align: center;
}

.index-auction-block .item-list li .tips span:last-child {
    width: 40%;
    border-left: 1px solid #cccccc;
}

.index-auction-block .item-list .info p {
    padding: 0 10px;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    color: #666;
}

.index-auction-block .item-list .info > p:first-child {
    color: #E05048;
}

.index-auction-block .item-list .info i {
    margin-right: 5px;
}

/**
 * index-auction-block end
 */
/**
 * index-news-block start
 */
#index-news-block {
    margin-top: 100px;
    margin-right: -15px;
    border: 1px solid #DDD;
    border-top: 5px solid #3C61CA;
    padding: 10px;
    background-color: #fafafa;
}

#index-news-block .news-box {
    margin-bottom: 20px;
}

#index-news-block .news-box .title h3 {
    display: inline-block;
}

#index-news-block .news-box .title .more {
    margin-top: 25px;
}

#index-news-block .news-box .items .item {
    position: relative;
    margin: 0 10px 0;
}

#index-news-block .news-box .items .item + li {
    margin-top: 20px;
}

#index-news-block .news-box .items .item .glyphicon {
    position: absolute;
    left: -14px;
    top: 7px;
    font-size: 10px;
    color: #666;
}

#index-news-block .news-box .items .item .item-title {
    font-size: 14px;
    line-height: 24px;
    color: #535353;
    /*font-family: SimSun;*/
    font-weight: bold;
}

#index-news-block .news-box .items .item .item-title:hover {
    color: #E05048;
}

#index-news-block .news-box .items .item .item-content {
    line-height: 18px;
    font-size: 12px;
    /*font-family: SimSun;*/
    color: #999;
    margin-bottom: 10px;
    height: 55px;
    -webkit-line-clamp: 3;
}

#index-news-block .news-box .items .item > span {
    color: #999;
    font-size: 12px;
}

#index-news-block .news-box.pre-sell .title h3 {
    color: #3C61CA;
}

#index-news-block .news-box.pre-sell .item {
    border-bottom: 1px dashed #888;
    padding-bottom: 15px;
}

#index-news-block .news-box:nth-child(2) {
    padding-bottom: 20px;
    border-bottom: 1px dashed #888;
}

/**
 * index-news-block end
 */
/**
 * index-sad-block start
 */
#index-sad-block {
    margin-top: 100px;
    margin-bottom: 30px;
}

#index-sad-block .container {
    background-image: url(../images/bgc-sad.png);
    background-repeat: no-repeat;
}

#index-sad-block .block-title {
    position: relative;
    margin-bottom: 18px;
}

#index-sad-block .block-title h2 {
    color: #fff;
    margin-left: 40px;
    margin-right: 30px;
    display: inline-block;
}

#index-sad-block .block-title ul {
    display: inline-block;
}

#index-sad-block .block-title ul li {
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
}

#index-sad-block .block-title ul li + li {
    border-left: 1px solid #ddd;
}

#index-sad-block .block-title .more {
    position: absolute;
    font-size: 14px;
    bottom: 10px;
    right: 15px;
}

#index-sad-block .item-list {
    border-left: 25px solid transparent;
    width: 100%;
}

#index-sad-block .item-list li {
    box-sizing: border-box;
    height: auto;
    background-color: #fff;
    border-right: 10px solid #F8F8F8;
    border-bottom: 15px solid #F8F8F8;
    overflow: hidden;
    padding: 15px 0 30px;
}

#index-sad-block .item-list li .img-box {
    display: inline-block;
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin: 20px auto 10px;
}

#index-sad-block .item-list li .img-box:hover img {
    transform: scale(1.2);
}

#index-sad-block .item-list li .img-box img {
    max-height: 100%;
    max-width: 100%;
    transition: all 0.5s;
}

#index-sad-block .item-list li h5 {
    width: 90%;
    margin: 10px auto;
    line-height: 20px;
}

#index-sad-block .item-list li h5 span {
    font-size: 12px;
    color: #E05048;
    padding: 1px 5px;
    border: 1px solid;
    border-radius: 2px;
}

#index-sad-block .item-list li h5 span.rent {
    color: #40E478;
}

#index-sad-block .item-list li h5 span.sell {
    color: #FDBE29;
}

#index-sad-block .item-list li h5 span.buy {
    color: #FD7DAF;
}

#index-sad-block .item-list li p {
    color: #888;
    width: 80%;
    margin: 0 auto;
}

/**
 * index-sad-block end
 */

/**
 * index-feature-block start
 */
#index-feature-block {
    margin-top: 80px;
    color: #333;
    background-color: #efefef;
    padding-top: 30px;
    padding-bottom: 41px;
}
#index-feature-block li {
    margin-bottom: 20px;
}

#index-feature-block .media-body {
    padding-top: 15px;
    color: #999;
}

/**
 * index-feature-block end
 */
/**
 * auction-list start
 */
#auction-list #display-list {
    display: none;
}

/**
 * auction-list end
 */
/**
 * auction-result-list start
 */
#auction-result-list #display-block {
    display: none;
}

/**
 * auction-result-list end
 */
/**
 * auction-detail start
 */
#auction-detail article {
    padding: 0;
    overflow: hidden;
}

#auction-detail .detail-header {
    padding-bottom: 10px;
}

#auction-detail .detail-header .img-box {
    height: 260px;
    width: 260px;
    text-align: center;
    line-height: 260px;
    margin: 0 10px;
    border: 1px solid #cdcdcd;
}

#auction-detail .detail-header .detail-tips > div {
    margin-top: 10px;
}

#auction-detail .detail-header .detail-tips .tips-time {
    border: 1px solid #cccccc;
    position: relative;
}

#auction-detail .detail-header .detail-tips .tips-time > div {
    font-size: 14px;
    display: inline-block;
    color: white;
    padding: 10px 20px;
    background-color: #e05048;
}

#auction-detail .detail-header .detail-tips .tips-time span {
    position: absolute;
    left: 85px;
    top: 10px;
    font-size: 14px;
    color: #888;
}

#auction-detail .detail-header .detail-tips .tips-prices {
    background-color: #f0f0f0;
    border-left: 5px solid #cccccc;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 5px;
}

#auction-detail .detail-header .detail-tips .tips-prices p span {
    font-size: 14px;
    /*font-family: SimSun;*/
    color: #333;
    margin-right: 25px;
}

#auction-detail .detail-header .detail-tips .tips-prices p span strong {
    font-size: 16px;
    font-family: "Microsoft YaHei UI";
    color: #666;
}

#auction-detail .detail-header .detail-title {
    margin-top: 0;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

#auction-detail .detail-header .detail-title span {
    padding: 0 10px;
    font-size: 14px;
    color: #888;
}

#auction-detail .detail-header .detail-option > div {
    margin: 10px 0 15px;
}

#auction-detail .detail-header .detail-option .icon-text {
    margin-right: 15px;
}

#auction-detail .detail-header .detail-option button {
    width: 260px;
}

#auction-detail .detail-info {
    margin-bottom: 30px;
}

#auction-detail .detail-info ul {
    color: #666;
    padding: 10px;
}

#auction-detail .detail-info ul li {
    margin: 5px 0;
    font-size: 14px;
}

#auction-detail .detail-info ul li span:first-child {
    display: inline-block;
    width: 36%;
}

#auction-detail .detail-info ul li.col-sm-12 span:first-child {
    display: inline-block;
    width: 9%;
}

#auction-detail .detail-tabs .decorated-line {
    border-bottom: 2px solid #b2b2b2;
    margin: -18px;
}

#auction-detail .detail-tabs .home-section-title {
    margin-bottom: 40px;
    padding: 10px 15px 0;
}

#auction-detail .detail-tabs .home-section-title span {
    font-size: 22px;
    font-weight: 900;
    color: #e05048;
    padding: 0 10px;
    background-color: #fff;
}

#auction-detail .detail-tabs .home-section-item {
    margin-bottom: 10px;
}

#auction-detail .detail-tabs .home-section-item-list li > div {
    margin-bottom: 10px;
}

#auction-detail .detail-tabs .more-questions {
    width: 116px;
    height: 27px;
    display: inline-block;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    padding-left: 12px;
    margin-left: 66px;
    background: url(../images/tips.png) no-repeat 0 0;
    vertical-align: middle;
    cursor: pointer;
}

#auction-detail .detail-tabs .more-questions:hover {
    color: white;
    background-position: 0 -30px;
}

#auction-detail .detail-tabs .pai-qa {
    font-size: 14px;
    padding-left: 34px;
    background: url(../images/tips.png) no-repeat -970px 0;
}

#auction-detail .detail-tabs .pai-qa dl {
    margin: 24px 0;
    overflow: hidden;
}

#auction-detail .detail-tabs .pai-qa dt {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

#auction-detail .detail-tabs .pai-qa dd {
    color: #666;
    margin: 0;
    padding-left: 121px;
}

#auction-detail .detail-tabs #jmeter {
    padding: 0 50px;
}

#auction-detail .detail-tabs #jmeter th {
    text-align: center;
}

#auction-detail .detail-tabs #jmeter tbody tr:first-child {
    color: #e05048;
}

/**
 * auction-detail end
 */
/**
 * bid-list start
 */
#bid-list #display-list {
    display: none;
}

#bid-list .block-item-list {
    margin: 0;
    margin-top: 10px;
    padding: 20px 10px;
}

#bid-list .block-item-list > li {
    height: auto;
    padding: 0 10px;
}

#bid-list .block-item-list header {
    height: 240px;
}

#bid-list .block-item-list header a {
    margin-top: 40px;
}

#bid-list .block-item-list .item-info {
    padding-top: 15px;
    padding-bottom: 15px;
}

#bid-list .block-item-list .item-info a {
    color: white;
}

#bid-list .block-item-list .item-info a:hover {
    color: #f0f0f0;
}

/**
 * bid-list end
 */
/**
 * bid-detail start
 */
#bid-detail article {
    padding: 0;
    overflow: hidden;
}

#bid-detail .detail-info {
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

#bid-detail .detail-info .detail-title {
    color: #333;
    padding: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

#bid-detail .detail-info .detail-title span {
    margin-left: 50px;
}

#bid-detail .detail-info .detail-tips {
    border-bottom: 1px dashed #ddd;
}

#bid-detail .detail-info .detail-tips ul {
    color: #777;
    padding-top: 30px;
    padding-bottom: 15px;
}

#bid-detail .detail-info .detail-tips ul li {
    margin: 5px 0;
    font-size: 14px;
}

#bid-detail .detail-info .detail-tips ul li span:first-child {
    display: inline-block;
    width: 100px;
}

#bid-detail .detail-info .detail-option {
    padding: 15px;
}

#bid-detail .detail-info .detail-option .icon-text {
    margin: 5px 10px;
}

#bid-detail .detail-tabs .tab-pane {
    color: #363636;
}
#bid-detail .detail-tabs .tab-pane p {
    line-height: 30px;
    padding-left: 25px;
}

#bid-detail .detail-tabs #jmeter {
    padding: 0 50px;
}

#bid-detail .detail-tabs #jmeter th {
    text-align: center;
}

#bid-detail .detail-tabs #jmeter tbody tr:first-child {
    color: #e05048;
}

/**
 * bid-detail end
 */
/**
 * bid-list start
 */
#bid-result-list #display-block {
    display: none;
}

#bid-result-list .block-item-list {
    margin: 0;
    margin-top: 10px;
    padding: 20px 10px;
}

#bid-result-list .block-item-list > li {
    height: auto;
    padding: 0 10px;
}

#bid-result-list .block-item-list .item-info a {
    color: white;
}

#bid-result-list .block-item-list .item-info a:hover {
    color: #f0f0f0;
}

/**
 * bid-list end
 */
/**
 * bid-result-detail start
 */
#bid-result-detail article {
    padding: 0;
    overflow: hidden;
}

#bid-result-detail .result-detail-info {
    padding: 20px 30px;
}

#bid-result-detail .result-detail-info .result-detail-title {
    color: #666;
}

#bid-result-detail .result-detail-info .result-detail-tips {
    padding: 10px 0;
    color: #888;
    border-bottom: 1px solid #cdcdcd;
}

#bid-result-detail .result-detail-info .result-detail-tips span {
    /*font-family: SimSun;*/
    margin: 0 20px;
    font-size: 14px;
}

#bid-result-detail .result-detail-content {
    margin-top: 10px;
    min-height: 400px;
    padding: 0 30px 20px;
}

#bid-result-detail .result-detail-content .no-login a {
    font-size: 14px;
    color: #888;
}

#bid-result-detail .result-detail-content .no-login a:hover {
    color: #666;
}

/**
 * bid-result-detail end
 */
/**
 * sad-list start
 */
#sad-list #display-list {
    display: none;
}

#sad-list .block-item-list {
    padding-top: 15px;
}

#sad-list .block-item-list article {
    border: 1px solid #cccccc;
    margin-bottom: 15px;
}

#sad-list .block-item-list .img-box {
    height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}
#sad-list .block-item-list .img-box:hover img {
    transform: scale(1.15);
}
#sad-list .block-item-list .img-box img {
    min-height: 180px;
    width: 100%;
    transition: all 0.5s;
}

#sad-list .block-item-list section > div {
    margin: 5px 15px;
    color: #999;
}

#sad-list .block-item-list section div strong {
    color: #333;
}

#sad-list .block-item-list section div a {
    font-weight: bold;
}

#sad-list .block-item-list .type span {
    font-size: 14px;
    color: #fff;
    padding: 1px 5px;
    border: 1px solid #E05048;
    margin-right: 5px;
    background-color: #E05048;
}

#sad-list .block-item-list .type span.rent {
    background-color: #40E478;
    border-color: #40E478;
}

#sad-list .block-item-list .type span.sell {
    background-color: #FDBE29;
    border-color: #FDBE29;
}

#sad-list .block-item-list .type span.buy {
    background-color: #FD7DAF;
    border-color: #FD7DAF;
}

#sad-list .block-item-list div i {
    color: #E05048;
}

/**
 * sad-list end
 */
/**
 * sad-detail start
 */
#sad-detail article {
    padding: 0;
    overflow: hidden;
}

#sad-detail .detail-header {
    color: #888;
    border: 1px solid #ddd;
}

#sad-detail .detail-header .poster-box {
    width: 260px;
    margin: 0 10px;
    padding: 0 10px 10px;
    border-right: 1px solid #cdcdcd;
}

#sad-detail .detail-header .poster-box h4 {
    margin-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #cdcdcd;
    color: #666;
}

#sad-detail .detail-header .poster-box h4 i {
    margin-right: 10px;
    border-left: 5px solid #ee2e2c;
}

#sad-detail .detail-header .poster-box li {
    margin: 10px 0;
    color: #666;
}

#sad-detail .detail-header .poster-box li p {
    color: #888;
}

#sad-detail .detail-header .poster-box li i {
    margin-right: 5px;
    vertical-align: inherit;
    color: #e05048;
}

#sad-detail .detail-header .detail-title {
    color: #888;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}

#sad-detail .detail-header .detail-tips {
    padding: 15px 10px 0;
    border-bottom: 1px dashed #e0e0e0;
}

#sad-detail .detail-header .detail-tips li {
    margin: 10px 0;
}

#sad-detail .detail-header .detail-tips li > span {
    font-size: 14px;
    line-height: 20px;
    /*font-family: SimSun;*/
    color: #666;
}

#sad-detail .detail-header .detail-option {
    padding: 15px 0;
}

#sad-detail .detail-header .detail-option > div {
    margin: 5px 10px;
    position: relative;
}

#sad-detail .detail-header .detail-option > div .icon-text {
    margin-right: 15px;
    line-height: 2;
}

#sad-detail .detail-header .detail-option button {
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
}
#sad-detail .detail-header .detail-option button[disabled] {
    background-color: #999;
    border-color: #888;
}

/**
 * sad-detail end
 */
/**
 * equipment-list start
 */
#equipment-list #display-list {
    display: none;
}

#equipment-list .middle-block .block-item-list {
    margin: 20px 0 30px;
    padding: 10px;
    background-color: #f5f5f5;
}

#equipment-list .middle-block .block-item-list > li {
    height: auto;
    padding: 10px 15px;
    background-color: #fff;
    border: 10px solid #f5f5f5;
}

#equipment-list .middle-block .block-item-list > li:hover .item-mark {
    display: block;
}

#equipment-list .middle-block .block-item-list > li section h4 {
    height: 21px;
}

#equipment-list .middle-block .block-item-list > li .item-mark {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
}

#equipment-list .middle-block .block-item-list > li .item-mark a {
    display: inline-block;
    width: 100%;
    line-height: 280px;
    color: white;
    text-align: center;
    font-size: 28px;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}

#equipment-list .middle-block .block-item-list > li .item-mark a span:hover {
    color: #e05048;
}

#equipment-list .middle-block .block-item-list > li .item-mark a span i {
    font-size: 32px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

#equipment-list .middle-block .block-item-list > li .item-mark div {
    width: 100%;
    height: 163px;
    background-color: yellowgreen;
    color: white;
    font-size: 20px;
    line-height: 2;
    padding-top: 40px;
}

#equipment-list .middle-block .block-item-list > li .item-mark div span {
    margin-left: 20px;
    cursor: pointer;
}

#equipment-list .middle-block .block-item-list > li .item-mark div span:hover {
    text-decoration: underline;
}

#equipment-list .middle-block .block-item-list > li .item-mark div i {
    font-size: 28px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

#equipment-list .small-block .block-item-list {
    margin: 20px 0 30px;
    padding: 5px;
    background-color: #f5f5f5;
}

#equipment-list .small-block .block-item-list li {
    height: auto;
    padding: 5px 10px;
    background-color: #fff;
    border: 5px solid #f5f5f5;
}

#equipment-list .small-block .block-item-list li:hover .item-mark {
    display: block;
}

#equipment-list .small-block .block-item-list li .item-mark {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
}

#equipment-list .small-block .block-item-list li .item-mark > a {
    display: inline-block;
    width: 100%;
    line-height: 197px;
    color: white;
    text-align: center;
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}

#equipment-list .small-block .block-item-list li .item-mark > a span:hover {
    color: #e05048;
}

#equipment-list .small-block .block-item-list li .item-mark > a span i {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

#equipment-list .small-block .block-item-list li .item-mark div {
    width: 100%;
    height: 115px;
    background-color: yellowgreen;
    font-size: 16px;
    line-height: 2;
    padding-top: 20px;
}

#equipment-list .small-block .block-item-list li .item-mark div a {
    color: white;
    margin-left: 15px;
}

#equipment-list .small-block .block-item-list li .item-mark div a:hover {
    text-decoration: underline;
}

#equipment-list .small-block .block-item-list li .item-mark div i {
    font-size: 22px;
    vertical-align: text-bottom;
    margin-right: 10px;
}

/**
 * equipment-list end
 */
/**
 * equipment-detail start
 */
#equipment-detail article {
    padding: 0;
    overflow: hidden;
}

#equipment-detail .detail-header {
    padding-bottom: 20px;
    border: 1px solid #ddd;
}

#equipment-detail .detail-header .img-box {
    height: 260px;
    width: 260px;
    text-align: center;
    line-height: 260px;
    margin: 0 10px;
    background-color: #eee;
}

#equipment-detail .detail-header .img-box img {
    max-width: 100%;
    max-height: 100%;
}

#equipment-detail .detail-header .detail-title {
    color: #888;
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px dashed #ddd;
}

#equipment-detail .detail-header .detail-tips {
    padding: 25px 10px 0;
    border-bottom: 1px dashed #e0e0e0;
}

#equipment-detail .detail-header .detail-tips li {
    margin: 10px 0;
}

#equipment-detail .detail-header .detail-tips li > span {
    font-size: 14px;
    line-height: 20px;
    /*font-family: SimSun;*/
    color: #666;
}

#equipment-detail .detail-header .detail-option {
    padding: 15px 0;
}

#equipment-detail .detail-header .detail-option .icon-text {
    margin-right: 15px;
    line-height: 2.4;
}

/**
 * equipment-detail end
 */
/**
 * news-list start
 */
#news-list #display-list {
    display: none;
}

#news-list .news-list-block .news-item {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #999;
}

#news-list .news-list-block .media-left a {
    display: block;
    width: 204px;
    height: 126px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background-color: #d4d4d4;
}

#news-list .news-list-block .media-left img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

#news-list .news-list-block .item-title {
    height: 50px;
    line-height: 1.5;
    overflow: hidden;
}

#news-list .news-list-block .item-summary {
    color: #888;
    height: 40px;
    -webkit-line-clamp: 2;
}

#news-list .news-list-block .item-tips {
    margin-top: 8px;
    padding-bottom: 2px;
}

#news-list .news-list-block .item-tips > div {
    display: inline-block;
    margin-right: 20px;
}
#news-list .news-list-block .item-tips .all {
    color: #E05048;
}
#news-list .news-list-block .item-tips .all:hover {
    color: #c9302c;
}
#news-list .news-list-block .item-tips i {
    color: #999;
    font-size: 22px;
    vertical-align: bottom;
}

#news-list .news-list-block .item-tips span {
    font-size: 14px;
    color: #888;
    padding-left: 5px;
}

#news-list aside {
    padding-right: 15px;
    padding-left: 0;
}

#news-list aside .related-item {
    border: none;
}

#news-list aside h4 {
    border: 1px solid #d9534f;
    background-color: #d9534f;
    color: #fff;
    padding-left: 15px;
}

#news-list aside ul {
    padding: 0;
    margin-top: -1px;
}

#news-list aside li {
    border: 1px solid #ddd;
    padding-right: 0;
    margin: 0;
    margin-bottom: -1px;
}

#news-list aside li a {
    color: #666;
    display: block;
    padding: 15px;
    font-size: 16px;
}

#news-list aside li.active a, #news-list aside li:hover a {
    color: #e05048;
}

/**
 * news-list end
 */
/**
 * news-detail start
 */
#news-detail article {
    padding: 0;
    overflow: hidden;
    margin-top: 15px;
}

#news-detail .detail-info {
    padding: 20px 30px;
}

#news-detail .detail-info .detail-title {
    color: #666;
}

#news-detail .detail-info .detail-tips {
    padding: 10px 0;
    color: #888;
    border-bottom: 1px solid #cdcdcd;
}

#news-detail .detail-info .detail-tips span {
    /*font-family: SimSun;*/
    margin: 0 20px;
    font-size: 14px;
}

#news-detail .detail-content {
    padding: 0 30px 50px;
    margin-top: 10px;
    min-height: 400px;
}

#news-detail .detail-block > p {
    padding: 20px;
}

/**
 * news-detail end
 */
/**
 * search-list-brief start
 */
.search-bar-brief {
    position: absolute;
    top: 0;
}

.search-bar-brief .logo {
    margin-top: -10px;
}

.search-bar-brief .search-block {
    float: left;
    margin-top: 10px;
}

.search-bar-brief .search-block .search {
    height: 35px;
    width: 600px;
}

.search-bar-brief .search-block .search form {
    position: relative;
}

.search-bar-brief .search-block .search form .form-group {
    width: 100%;
    position: relative;
}

.search-bar-brief .search-block .search form input {
    height: 34px;
    width: 100%;
    padding-right: 100px;
    box-shadow: none;
    border-radius: 0;
}

.search-bar-brief .search-block .search form span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    color: white;
    background-color: #e05048;
    padding: 6px 30px;
    cursor: pointer;
}

.search-bar-brief .search-block .search form ul {
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
}

.search-bar-brief .search-block .search form ul li {
    font-size: 12px;
    color: #666666;
    padding: 8px 10px;
    cursor: pointer;
}

.search-bar-brief .search-block .search form ul li:hover, .search-bar-brief .search-block .search form ul li.active {
    color: white;
    background-color: #e05048;
}

.search-menu-brief {
    height: 40px;
    background-color: #e05048;
}

.search-menu-brief ul {
    margin-left: 145px;
}

.search-menu-brief ul li {
    float: left;
}

.search-menu-brief .menu-item {
    display: inline-block;
    font: 400 16px/40px "Microsoft YaHei";
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}

.search-menu-brief .menu-item:hover, .search-menu-brief .menu-item.active {
    color: #fff;
    background-color: #970505;
}

#search-list-brief .row {
    margin-left: 140px;
    margin-right: 15px;
}

#search-list-brief article {
    padding: 0;
}

#search-list-brief article ul {
    margin-top: 30px;
    background-color: #fff;
    padding: 10px;
}

#search-list-brief .search-item {
    margin-top: 30px;
}

#search-list-brief .search-item:first-child {
    margin-top: 0;
}

#search-list-brief .search-item .item-title {
    text-decoration: underline;
    color: #333;
}

#search-list-brief .search-item .item-title:hover {
    color: #e05048;
}

#search-list-brief .search-item .media {
    margin-top: 0;
}

#search-list-brief .search-item .media-left a {
    display: block;
    width: 120px;
    height: 80px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background-color: #d4d4d4;
}

#search-list-brief .search-item .media-left img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

#search-list-brief .search-item .item-summary {
    height: 60px;
}

#search-list-brief .search-item .item-summary span {
    margin-right: 20px;
}

#search-list-brief .search-item .item-tips span {
    margin-right: 20px;
    color: #888888;
}

#search-list-brief .related-block {
    margin-left: 35px;
}

/**
 * search-list-brief end
 */
/**
 * search-list start
 */
#search-list .small-block {
    overflow: hidden;
}

#search-list .block-item-list {
    padding: 0;
}

#search-list .image-item i {
    color: #e05048;
}

/**
 * search-list end
 */
/**
 * estimate-list start
 */
#estimate-list #display-list {
    display: none;
}

#estimate-list .block-item-list {
    margin: 0;
    margin-top: 30px;
    padding: 0;
}

#estimate-list .block-item-list > li {
    height: auto;
    padding: 10px 15px;
}

#estimate-list .block-item-list .item-info .show-line {
    padding: 5px 0;
}

#estimate-list .block-item-list .item-info .show-line i {
    color: #e05048;
}

#estimate-list .subject-content-col-line li {
    text-align: center;
}

#estimate-list .subject-content-col-line li div:first-child {
    text-align: left;
}

/**
 * estimate-list end
 */
/**
 * estimate-detail start
 */
#estimate-detail article {
    padding: 0;
    overflow: hidden;
}

#estimate-detail .detail-info {
    margin-bottom: 30px;
}

#estimate-detail .detail-info .detail-title {
    color: #333;
    padding-top: 30px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

#estimate-detail .detail-info .detail-title span {
    margin-left: 50px;
}

#estimate-detail .detail-info .detail-tips {
    border-bottom: 1px dashed #ddd;
}

#estimate-detail .detail-info .detail-tips ul {
    color: #888888;
    padding-top: 30px;
    padding-bottom: 15px;
}

#estimate-detail .detail-info .detail-tips ul li {
    margin: 5px 0;
    font-size: 14px;
}

#estimate-detail .detail-info .detail-tips ul li span:first-child {
    display: inline-block;
    width: 90px;
    color: #666;
    font-size: 014px;
}

#estimate-detail .detail-info .detail-tips ul li p {
    margin-left: 95px;
}

#estimate-detail .detail-info .detail-option {
    padding: 15px;
}

#estimate-detail .detail-info .detail-option > div {
    display: inline-block;
    margin: 5px 10px;
}

#estimate-detail .detail-info .detail-option > div i {
    color: #e05048;
    font-size: 22px;
    vertical-align: bottom;
}

#estimate-detail .detail-info .detail-option > div span {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 5px;
}

#estimate-detail .result-block {
    padding-bottom: 10px;
    border: 1px solid #cdcdcd;
}

#estimate-detail .result-block h4 {
    margin: 0;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #cdcdcd;
}

#estimate-detail .result-block .result-list {
    color: #666;
    font-size: 14px;
}

#estimate-detail .result-block .result-list > li {
    border-bottom: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 10px 20px;
}

#estimate-detail .result-block .result-list .result-info {
    position: relative;
}

#estimate-detail .result-block .result-list .result-info p {
    position: absolute;
    left: -6px;
    top: 3px;
    color: #888;
    cursor: pointer;
}

#estimate-detail .result-block .result-list .result-info p:hover {
    color: #e05048;
}

#estimate-detail .result-block .result-detail {
    display: none;
    border: 1px solid #ddd;
    margin: 10px 0 5px 15px;
    padding: 15px 10px 5px;
}

#estimate-detail .result-block .result-detail ul {
    border-top: 1px dashed #ddd;
    margin-top: 5px;
    padding-top: 5px;
}

#estimate-detail .result-block .result-detail ul li {
    margin: 5px 0;
}

#estimate-detail .result-block .result-detail ul a {
    padding-left: 10px;
}

#estimate-detail .result-block .result-detail > div {
    border-top: 1px dashed #ddd;
    margin-top: 10px;
    padding-top: 10px;
}

#estimate-detail .result-block .result-detail > div i {
    margin-right: 5px;
}

#estimate-detail .modal-footer {
    text-align: center;
}

#estimate-detail .modal-footer button {
    margin-left: 10px;
    margin-right: 10px;
}

/**
 * estimate-detail end
 */
/**
 * estimate-result-list start
 */
#estimate-result-list #display-list {
    display: none;
}

#estimate-result-list .block-item-list {
    margin: 0;
    margin-top: 30px;
    padding: 0;
}

#estimate-result-list .block-item-list > li {
    height: auto;
    padding: 10px 15px;
}

#estimate-result-list .block-item-list .item-info .show-line {
    padding: 5px 0;
}

#estimate-result-list .block-item-list .item-info .show-line i {
    color: #e05048;
}

#estimate-result-list .subject-content-col-line li {
    text-align: center;
}

#estimate-result-list .subject-content-col-line li div:first-child {
    text-align: left;
}

/**
 * estimate-result-list end
 */
/**
 * estimate-result-bounty-detail start
 */
#estimate-result-bounty-detail article {
    padding: 0;
    overflow: hidden;
}

#estimate-result-bounty-detail .detail-info {
    margin-bottom: 30px;
}

#estimate-result-bounty-detail .detail-info .detail-title {
    color: #333;
    padding-top: 30px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

#estimate-result-bounty-detail .detail-info .detail-title span {
    margin-left: 50px;
}

#estimate-result-bounty-detail .detail-info .detail-tips {
    border-bottom: 1px dashed #ddd;
}

#estimate-result-bounty-detail .detail-info .detail-tips ul {
    color: #888888;
    padding-top: 30px;
    padding-bottom: 15px;
}

#estimate-result-bounty-detail .detail-info .detail-tips ul li {
    margin: 5px 0;
    font-size: 14px;
}

#estimate-result-bounty-detail .detail-info .detail-tips ul li span:first-child {
    display: inline-block;
    width: 90px;
    color: #666;
    font-size: 014px;
}

#estimate-result-bounty-detail .detail-info .detail-tips ul li p {
    margin-left: 95px;
}

#estimate-result-bounty-detail .detail-info .detail-option {
    padding: 15px;
}

#estimate-result-bounty-detail .detail-info .detail-option > div {
    display: inline-block;
    margin: 5px 10px;
}

#estimate-result-bounty-detail .detail-info .detail-option > div i {
    color: #e05048;
    font-size: 22px;
    vertical-align: bottom;
}

#estimate-result-bounty-detail .detail-info .detail-option > div span {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 5px;
}

#estimate-result-bounty-detail .result-block {
    padding-bottom: 10px;
    border: 1px solid #cdcdcd;
}

#estimate-result-bounty-detail .result-block h4 {
    margin: 0;
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #cdcdcd;
}

#estimate-result-bounty-detail .result-block .result-list {
    color: #666;
    font-size: 14px;
}

#estimate-result-bounty-detail .result-block .result-list > li {
    border-bottom: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 10px 20px;
}

#estimate-result-bounty-detail .result-block .result-info {
    position: relative;
}

#estimate-result-bounty-detail .result-block .result-info i {
    position: absolute;
    font-size: 16px;
    left: -6px;
    top: 3px;
}

#estimate-result-bounty-detail .result-block .result-detail {
    display: none;
    border: 1px solid #ddd;
    margin: 10px 0 5px 15px;
    padding: 15px 10px 5px;
}

#estimate-result-bounty-detail .result-block .result-detail ul {
    border-top: 1px dashed #ddd;
    margin-top: 5px;
    padding-top: 5px;
}

#estimate-result-bounty-detail .result-block .result-detail ul li {
    margin: 5px 0;
}

#estimate-result-bounty-detail .result-block .result-detail ul a {
    padding-left: 10px;
}

/**
 * estimate-result-bounty-detail end
 */
/**
 * estimate-result-private-detail start
 */
#estimate-result-private-detail article {
    padding: 0;
    overflow: hidden;
}

#estimate-result-private-detail .detail-info {
    margin-bottom: 30px;
}

#estimate-result-private-detail .detail-info .detail-title {
    color: #333;
    padding-top: 30px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

#estimate-result-private-detail .detail-info .detail-title span {
    margin-left: 50px;
}

#estimate-result-private-detail .detail-info .detail-tips {
    border-bottom: 1px dashed #ddd;
}

#estimate-result-private-detail .detail-info .detail-tips ul {
    color: #888888;
    padding-top: 30px;
    padding-bottom: 15px;
}

#estimate-result-private-detail .detail-info .detail-tips ul li {
    margin: 5px 0;
    font-size: 14px;
}

#estimate-result-private-detail .detail-info .detail-tips ul li span:first-child {
    display: inline-block;
    width: 90px;
    color: #666;
    font-size: 014px;
}

#estimate-result-private-detail .detail-info .detail-tips ul li p {
    margin-left: 95px;
}

/**
 * estimate-result-private-detail end
 */
/**
 * video-list start
 */
#video-list #display-list {
    display: none;
}

#video-list .block-item-list {
    margin: 0;
    margin-top: 30px;
    padding: 0;
}

#video-list .block-item-list > li {
    height: auto;
    padding: 10px 15px;
}

#video-list .block-item-list > li section {
    margin-top: 20px;
}

#video-list .block-item-list > li h4 {
    height: 24px;
}

#video-list .block-item-list .item-info .show-line, #video-list .block-item-list .item-info .show-line-ex {
    padding: 5px 0;
}

#video-list .block-item-list .item-info .show-line i, #video-list .block-item-list .item-info .show-line-ex i {
    color: #e05048;
    margin-right: 10px;
}

#video-list .block-item-list .item-info .show-line-ex div:first-child {
    width: 48%;
}

/**
 * video-list end
 */
/**
 * video-detail start
 */
#video-detail article {
    padding: 0;
    overflow: hidden;
}

#video-detail .detail-info {
    margin-bottom: 20px;
}

#video-detail .detail-info .detail-title {
    color: #333;
    padding-top: 30px;
    padding-left: 15px;
}

#video-detail .detail-info .detail-tips {
    padding-left: 15px;
}

#video-detail .detail-info .detail-tips > div {
    display: inline-block;
    margin: 5px 10px;
}

#video-detail .detail-info .detail-tips > div i {
    color: #e05048;
    font-size: 22px;
    vertical-align: bottom;
}

#video-detail .detail-info .detail-tips > div span {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 5px;
}

#video-detail .detail-info .detail-content {
    text-align: center;
    padding: 20px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

#video-detail .detail-info .detail-content .video-js {
    margin: 0 auto;
    max-width: 100%;
}

#video-detail .detail-info .detail-content .vjs-no-js {
    line-height: 1.5;
}

#video-detail .detail-info .detail-content .vjs-paused .vjs-big-play-button {
    display: block;
}

#video-detail .detail-info .detail-more {
    padding: 10px 0;
}

#video-detail .detail-info .detail-more .key-words {
    margin: 10px;
    margin-left: 15px;
    color: #888;
}

#video-detail .detail-info .detail-more .key-words span {
    margin-left: 15px;
    font-size: 14px;
}

#video-detail .detail-info .detail-more .describe {
    color: #888;
    padding-left: 15px;
}

#video-detail .detail-info .detail-more .describe > p {
    text-indent: 2em;
    padding: 5px 5px;
    font-size: 14px;
}

#video-detail .related-block .media-object {
    width: 64px;
    height: 64px;
}

#video-detail .related-block .media-heading {
    line-height: 1.2;
    height: 30px;
    overflow: hidden;
}

#video-detail .related-block .media-tips > div {
    display: inline-block;
    color: #888;
    margin-right: 10px;
}

#video-detail .related-block .media-tips > div i {
    color: #e05048;
    font-size: 22px;
    vertical-align: sub;
    margin-right: 5px;
}

/**
 * video-detail end
 */
/**
 * article-list start
 */
#article-list #display-list {
    display: none;
}

#article-list .block-item-list {
    margin: 0;
    margin-top: 10px;
    padding: 20px 10px;
}

#article-list .block-item-list > li {
    height: auto;
    padding: 0 10px;
}

#article-list .block-item-list .item-info a {
    color: white;
}

#article-list .block-item-list .item-info a:hover {
    color: #f0f0f0;
}

/**
 * article-list end
 */
/**
 * article-detail start
 */
#article-detail .detail-block {
    margin-bottom: 20px;
}

#article-detail .detail-info {
    padding: 20px 30px 0;
}

#article-detail .detail-info .detail-title {
    color: #666;
}

#article-detail .detail-info .detail-tips {
    padding: 10px 0;
    border-bottom: 1px solid #cdcdcd;
}

#article-detail .detail-info .detail-tips > div {
    display: inline-block;
    font-size: 14px;
    color: #888;
    margin-right: 10px;
}

#article-detail .detail-info .detail-tips > div i {
    color: #e05048;
    font-size: 16px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

#article-detail .detail-content {
    padding: 20px 30px;
    min-height: 400px;
}

/**
 * article-detail end
 */
/**
 * question-list start
 */
#question-list #display-list {
    display: none;
}

#question-list .block-item-list {
    margin: 0;
    margin-top: 10px;
    padding: 20px 10px;
}

#question-list .block-item-list > li {
    height: auto;
    padding: 0 10px;
}

#question-list .block-item-list .item-info a {
    color: white;
}

#question-list .block-item-list .item-info a:hover {
    color: #f0f0f0;
}

/**
 * question-list end
 */
/**
 * question-detail start
 */
#question-detail article {
    padding: 0;
    overflow: hidden;
}

#question-detail .detail-info {
    margin-bottom: 20px;
}

#question-detail .detail-info .detail-title {
    color: #333;
    padding: 20px 15px 10px;
    margin-bottom: 0;
}

#question-detail .detail-info .detail-title i {
    margin-right: 10px;
    font-size: 24px;
    color: lightgray;
    vertical-align: text-bottom;
}

#question-detail .detail-info .detail-title i.solved {
    color: #e05048;
}

#question-detail .detail-info .detail-content {
    padding: 20px 15px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}

#question-detail .detail-info .detail-tips {
    color: #888;
    padding: 10px 15px 20px;
}

#question-detail .detail-info .detail-tips span {
    margin-right: 20px;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 2px;
}

#question-detail .detail-info .detail-tips span > i {
    margin-right: 5px;
    color: #e05048;
    font-size: 22px;
    vertical-align: text-bottom;
}

#question-detail .detail-info .detail-tips .post-answer {
    display: none;
    margin-top: 15px;
}

#question-detail .detail-info .detail-tips .post-answer button {
    margin-top: 5px;
}

#question-detail .answer-block {
    margin-bottom: 20px;
    padding-bottom: 10px;
    background-color: #eee;
}

#question-detail .answer-block h4 {
    margin: 0;
    padding: 15px 15px 10px;
}

#question-detail .answer-block h4 i {
    color: #e05048;
    margin-right: 5px;
}

#question-detail .answer-block .answer-list {
    color: #666;
    font-size: 14px;
}

#question-detail .answer-block .answer-list .answer-item {
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 10px 15px 20px;
    background-color: #fff;
}

#question-detail .answer-block .answer-list .answer-content {
    padding: 20px 15px;
    border-bottom: 1px dashed #ddd;
}

#question-detail .answer-block .answer-list .answer-tips {
    color: #888;
    padding: 10px 15px;
}

#question-detail .answer-block .answer-list .answer-tips span {
    margin-right: 20px;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 2px;
}

#question-detail .answer-block .answer-list .answer-tips span > i {
    margin-right: 5px;
    color: #e05048;
    font-size: 22px;
    vertical-align: text-bottom;
}

/**
 * question-detail end
 */
/**
 * expert-list start
 */
#expert-list #display-list {
    display: none;
}

#expert-list .subject-content-block .item {
    height: 210px;
    padding-left: 220px;
}

#expert-list .subject-content-block .img-box {
    width: 190px;
    height: 190px;
    line-height: 190px;
}

#expert-list .subject-content-block .item-tips > div {
    margin-top: 15px;
}

#expert-list .subject-content-block .item-tips .separate-3 {
    overflow: hidden;
}

#expert-list .subject-content-block .item-tips .separate-3 > div {
    display: inline-block;
    width: 30%;
}

#expert-list .subject-content-block .item-describe {
    height: 170px;
    margin-top: 10px;
    border-left: 2px solid #e05048;
    overflow: hidden;
}

#expert-list .subject-content-block .item-describe > h4 {
    margin-top: 20px;
    margin-left: 15px;
}

#expert-list .subject-content-block .item-describe > h4 i {
    font-size: 22px;
    color: #e05048;
    margin-right: 10px;
    vertical-align: text-bottom;
}

#expert-list .subject-content-block .item-describe p {
    width: 90%;
    margin: 10px auto;
    color: #888;
    text-indent: 2em;
    line-height: 1.5;
}

#expert-list .related-item em {
    float: right;
    margin-right: 10px;
}

/**
 * expert-list end
 */
/**
 * 登录模态框
 */
#login-modal .nav-tabs a {
    color: #666;
}

#login-modal .tab-pane {
    padding-top: 15px;
}

#login-modal .tab-pane form .glyphicon {
    font-size: 22px;
    color: #888;
}

#login-modal .tab-pane form .btn {
    font-size: 16px;
}

#login-modal .other-option {
    padding-left: 0;
    list-style: none;
}

#login-modal .other-option a {
    font-size: 16px;
    color: #666;
}

#login-modal .other-option a:hover {
    color: #e05048;
}

#login-modal .divider-login-modal {
    height: 48px;
}

#login-modal #cert-login .faicon-unlock {
    display: none;
}

#login-modal #cert-login a {
    margin: 31px auto;
    display: inline-block;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    color: white;
    background-color: #e05048;
}

#login-modal #cert-login a:hover .faicon-lock {
    display: none;
}

#login-modal #cert-login a:hover .faicon-unlock {
    display: inline-block;
    padding-left: 17px;
}

#login-modal #cert-login a span {
    font-size: 60px;
    line-height: 150px;
}

#login-modal #cert-login strong {
    font-size: 16px;
    color: #e05048;
}

#login-modal #code-img {
    width: 90px;
    height: 35px;
    cursor: pointer;
}

/**
 * 登录模态框 end
 */

/**
 * 登录页面
 */
#accLogin label {
    line-height: 1;
}

.login_li li {
    margin-left: 50px;
    line-height: 36px;
    float: left;
    font-size: 14px;
}

.login_bottom {
    margin-left: 50px;
    margin-top: 0;
    padding-left: 0;
    list-style: none;
}

.login_bottom li {
    margin-left: 10px;
    float: left;
    font-size: 13px;
}

.login_bottom li a {
    color: #333;
}

.login_bottom li a:hover {
    color: #e05048;
}

#user-login {
    height: 800px;
    background-image: url(../images/LOGIN_BG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/**
 * end 登录页面
 */
/**
 * 用户中心
 */
.user-option ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.user-option ul a {
    color: #333;
}

.user-option ul a:hover {
    color: #e05048;
}

#myTabContent ul {
    padding-left: 0;
}

/**
 * end 用户中心
 */
/**
 * 关于
 */
.about-left .list-group i {
    margin-right: 5px;
}

.about-left .list-group-item h4 {
    margin: 5px 0;
}

.about-left a.list-group-item:focus {
    background-color: transparent;
}

.about-left a.list-group-item:hover, a.list-group-item.active {
    background-color: transparent;
    color: #e05048;
    border-color: #ccc;
}

/**
 * end 关于
 */

/**
* FAQ start
*/
.faq-wrapper {
  background: #fff;
}
.faq-wrapper .faq-content {
  height: 800px;
  width: 100%;
  margin: 20px 0% 0px;
  position: relative;
}
.faq-wrapper .faq-content .faq-question {
  border:1px solid #ddd;
  height: 650px;
  padding: 0px;
  margin-top: 30px;
  width:23%;
  float: left;
}
.faq-wrapper .faq-content .faq-question .question-title {
  background: #e05048;
  color:#fff;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  width:100%;
  padding-left: 15px;
}
.faq-wrapper .faq-content .faq-question .question-list {
  height:584px;
  position: relative;
  overflow: hidden; 
}
.faq-wrapper .faq-content .faq-question .question-list>ul {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: -17px;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item {
  border-top: 2px solid #fff;
  color: #fff;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .list-item-title {
  background: #fff;
  color:#000;
  border-bottom: 1px solid #ddd;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .list-item-title:hover {
  color:#e05048;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .list-item-title>i{
  display: inline-block;
  margin-left: 30px;
  cursor: pointer;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .list-item-title>span{
  display: inline-block;
  height:40px;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .sublist{
  cursor: pointer;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .sublist li {
  border-bottom: 1px solid #ddd;
  padding-left: 60px;
  line-height: 40px;
  background: #fff;
  color: #000;
  position: relative;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .sublist li:hover {
  color:#e05048;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .sublist li.subactive {
  color:#e05048;
}
.faq-wrapper .faq-content .faq-question .question-list .list-item .sublist span {
  width: 250px;
  display: inline-block;
}
.faq-wrapper .faq-content .faq-answer {
  //border:1px solid #03a4ed;
  height: 650px;
  padding: 0px;
  margin-top: 30px;
  width:76%;
  float: left;
  margin-left:1%;
}
.faq-wrapper .faq-content .faq-answer .answer-title {
  background: #e05048;
  color:#fff;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  width:100%;
  padding-left: 15px;
}
.faq-wrapper .faq-content .faq-answer .answer-list {
  width: 100%;
  height:660px;
  position: relative;
  overflow: hidden;
}
.faq-wrapper .faq-content .faq-answer .answer-list .faqContent {
  height: 100%;
  overflow-x: hidden;
  padding: 10px 15px;
  overflow-y: auto;
  position: absolute;
  right: -17px;
}
.faq-wrapper .faq-content .faq-answer .answer-list .questionType {
  font-size: 20px;
  font-weight: bolder;
  border-bottom: 1px solid #ccc;
  height: 60px;
  line-height: 60px;
}
.faq-wrapper .faq-content .faq-answer .answer-list .questionDetail {
  border-bottom: 1px solid #ccc;
  padding: 20px 10px;
}
.faq-wrapper .faq-content .faq-answer .answer-list .questionDetail .questionindex {
  font-size: 16px;
  font-weight: 700;
}
.faq-wrapper .faq-content .faq-answer .answer-list .questionDetail .questionindex span {
  color:#a00438;
  margin-right: 10px;
}
.faq-wrapper .faq-content .faq-answer .answer-list .questionDetail .answerContent {
  padding-left: 17px;
  line-height: 30px;
}
.faq-wrapper .faq-content .faq-answer .answer-list .questionDetail .answerContent .answerTitle {
  font-weight: 700;
}
.faq-wrapper .faq-content .faq-answer .answer-list .questionDetail .answerContent .answerDetail {
  text-indent: 2em;
}
.download-wrapper {
  position: fixed;
  top: 250px;
  width: 200px;
  height: 200px;
  right: 20px;
  box-shadow: 0px 0px 5px #aaaaaa;
}
.download-wrapper a {
  display: block;
  margin: 40px 0px;
  text-align: center;
}
/**
*FAQ end
*/

/**
* microFactory start
*/
.micro-wrapper {
  background-color: #ffffff; }

.micro-wrapper .partner-wrapper {
  height: 130px;
  width: 90%;
  margin: 40px 5% 30px;
  position: relative;
  border-top: 1px solid #ddd; }

.micro-wrapper .partner-wrapper .partner-title {
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 30px; }

.micro-wrapper .partner-wrapper .partner-clearfix {
  width: 100%;
  height: 65px;
  background: url(../images/partnerbg.png) no-repeat; }
  .micro-wrapper .partner-wrapper .partner-clearfix div {
    margin-left: 190px;
    height: 100%;
    line-height: 65px;
    font-size: 20px; }
    .micro-wrapper .partner-wrapper .partner-clearfix div span {
      margin-left: 100px;
      margin-right: 120px; }

.micro-wrapper .system-wrapper {
  height: 1140px;
  width: 90%;
  margin: 20px 5% 30px;
  position: relative; }

.micro-wrapper .system-wrapper .device {
  height: 300px;
  margin-top: 20px; }

.micro-wrapper .system-wrapper .purchase, .capacity {
  height: 340px;
  margin-top: 60px;
  border-top: 1px solid #ddd;
  padding-top: 30px; }

.micro-wrapper .system-wrapper .device, .capacity, .purchase {
  background-color: #fff; }

.device-descript, .device-img, .purchase-img, .purchase-descript, .capacity-descript, .capacity-img {
  height: 100%; }

.micro-wrapper .system-wrapper .device .system-info {
  font-size: 20px;
  font-weight: 700; }
  .micro-wrapper .system-wrapper .device .system-info:hover {
    cursor: pointer;
    color: #e05048; }
  .micro-wrapper .system-wrapper .device .system-info:after {
    content: '';
    position: absolute;
    width: 165px;
    height: 3px;
    left: 16px;
    top: 34px;
    background-color: #dddddd; }

.micro-wrapper .system-wrapper .device .system-item {
  width: 50%;
  float: left;
  margin-top: 15px; }

.micro-wrapper .system-wrapper .device .system-item > span {
  font-size: 16px;
  font-weight: 700; }

.micro-wrapper .system-wrapper .device .system-item li {
  line-height: 30px; }

.micro-wrapper .system-wrapper .device .system-item li .pointer {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  background: #000000;
  margin-top: 10px;
  margin-right: 10px; }

.micro-wrapper .system-wrapper .device ul {
  padding-left: 5%; }

.device-img, .purchase-img, .capacity-img {
  line-height: 250px;
  text-align: center; }

.device-img {
  background: url(../images/device_bg.png) no-repeat; }

.purchase-img {
  background: url(../images/purchase_bg.png) no-repeat; }

.capacity-img {
  background: url(../images/capacity_bg.png) no-repeat; }

.micro-wrapper .system-wrapper .purchase .system-info {
  font-size: 20px;
  font-weight: 700;
  margin-top: 15px; }
  .micro-wrapper .system-wrapper .purchase .system-info:hover {
    cursor: pointer;
    color: #e05048; }
  .micro-wrapper .system-wrapper .purchase .system-info:after {
    content: '';
    position: absolute;
    width: 125px;
    height: 3px;
    left: 16px;
    top: 50px;
    background-color: #dddddd; }

.micro-wrapper .system-wrapper .purchase ul {
  margin-left: 25px; }

.micro-wrapper .system-wrapper .purchase .system-item {
  margin-top: 15px; }

.micro-wrapper .system-wrapper .purchase .system-item > span {
  font-size: 16px;
  font-weight: 700; }

.micro-wrapper .system-wrapper .purchase .system-item li {
  line-height: 30px; }

.micro-wrapper .system-wrapper .capacity .system-info {
  font-size: 20px;
  font-weight: 700;
  margin-top: 15px;
  text-align: left;
  margin-bottom: 13px; }
  .micro-wrapper .system-wrapper .capacity .system-info:hover {
    cursor: pointer;
    color: #e05048; }
  .micro-wrapper .system-wrapper .capacity .system-info:after {
    content: '';
    position: absolute;
    width: 125px;
    height: 3px;
    left: 16px;
    top: 50px;
    background-color: #dddddd; }

.micro-wrapper .system-wrapper .capacity ul {
  margin-left: 25px; }

.micro-wrapper .system-wrapper .capacity .system-item {
  margin-top: 15px; }

.micro-wrapper .system-wrapper .capacity .system-item > span {
  font-size: 16px;
  font-weight: 700; }

.micro-wrapper .system-wrapper .capacity .system-item li {
  line-height: 35px; }

.micro-wrapper .system-wrapper .goto {
  width: 150px;
  height: 50px;
  background: #e05048;
  cursor: pointer;
  position: absolute;
  bottom: -50px;
  right: -75px;
  color: #fff;
  font-size: 16px; }
  .micro-wrapper .system-wrapper .goto div {
    width: 100px;
    height: 50px;
    margin-left: 35px;
    line-height: 50px;
    text-align: center; }
  .micro-wrapper .system-wrapper .goto span {
    position: absolute;
    left: 30px;
    top: 18px; }

.micro-wrapper .system-wrapper .info-icon {
  width: 34px;
  height: 28px;
  margin-right: 10px;
  display: inline-block; }

.micro-wrapper .system-wrapper .device-icon {
  background: url(../images/device.png) no-repeat; }

.micro-wrapper .system-wrapper .purchase-icon {
  background: url(../images/purchase.png) no-repeat; }

.micro-wrapper .system-wrapper .capacity-icon {
  background: url(../images/capacity.png) no-repeat; }

/**
* microFactory end
*/