.line-clamp-2 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.line-clamp-3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.clear{clear: both}
.center-box{
    width: 1136px;
    margin: 0 auto;
    padding: 10px 0 70px;
}
.center-box:after{
	content: '';
    clear: both;
    display: block;
}
.center-box .center-card,.center-box .price-card,.center-box .sercive-card{
    width: 563px;
    /*min-height: 280px;*/
    float: left;
    background: #fff;
    margin-top: 10px;
    padding: 20px 30px 30px;
    box-sizing: border-box;
}
.center-box .center-card:nth-child(even){
    margin-left:10px;
}
.center-contain {background-color: #ffffff; width: 100%; min-height: 800px; padding: 60px 80px; box-sizing: border-box;}
.center-list-box {background-color: #ffffff; width: 100%; min-height: 500px; margin-top: 10px; padding: 60px 60px 0; box-sizing: border-box;}
.center-item{
    padding: 20px;
}
.center-card-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.center-card-title>div:first-child{
    color: #189C00;
    font-size: 20px;
    font-weight: bold;
}
.center-card-title>div:last-child{
    color: #999999;
    font-size: 14px;
}
.center-card-title img{
    vertical-align: middle;
    padding-right: 10px;
}
/*资讯*/
.latest-news-list{margin-top: 24px}
.latest-news-list ul li{margin-top: 22px}
.latest-news-list ul li:first-child{margin-top: 0}
.latest-news-list ul li a>div{display: inline-block;font-size: 0;vertical-align: top;}
.latest-news-list ul li img{width: 140px;height: 84px}
.latest-news-list ul li .news-list-name{margin-left: 14px;width: 338px}
.latest-news-list ul li .news-list-title{width: 100%;font-size: 16px;font-weight: bold;color: #000;height: 48px;}
.latest-news-list ul li .time-box{width: 100%;font-size: 12px;display: flex;justify-content: space-between;align-items: center;color: #666;margin-top: 10px}
.latest-news-list ul li:hover .news-list-title,.latest-news-list ul li:hover .time-box{color: #189C00}

/*政策*/
.policy-list{margin-top: 24px}
.policy-list ul li{margin-top: 18px}
.policy-list ul li:first-child{margin-top: 0}
.policy-list ul li .policy-list-name{display: flex;justify-content: space-between;align-items: center;}
.policy-list ul li .policy-list-name img{padding-right: 14px;vertical-align: middle;}
.policy-list li .policy-list-title{width: 350px;font-size: 16px;font-weight: bold;color: #333333}
.policy-list ul li .time-box{color: #999999;font-size: 12px}
.policy-list ul li:hover .policy-list-title{color: #189C00}

/*报价*/
.quote-list{margin-top: 24px}
.quote-list ul li{margin-top: 18px}
.quote-list ul li:first-child{margin-top: 0}
.quote-list ul li .quote-list-name{width: 340px}
.quote-list ul li .quote-list-name img{padding-right: 14px;vertical-align: middle;}
.quote-list li .quote-list-title{width: 350px;font-size: 16px;font-weight: bold;color: #333333}
.quote-list ul li .time-box{width: 100%;font-size: 12px;display: flex;justify-content: space-between;align-items: center;color: #666;margin-top: 10px}
.quote-list ul li:hover .quote-list-title{color: #189C00}
.quote-list ul li a{display: flex;justify-content: space-between;align-items: center;}
.quote-list ul li .quote-price{font-size: 12px;font-weight: bold;color: #F40000}
.quote-list ul li .quote-price span{font-size: 16px;}

/*报价沟通*/
.quote-connect-list{margin-top: 24px}
.quote-connect-list ul li{margin-top: 18px}
.quote-connect-list ul li:first-child{margin-top: 0}
.quote-connect-list ul li .trade-title{width: 380px;font-size: 16px;font-weight: bold;color: #333333;}
.quote-connect-list ul li .message-list-sp {display: inline-block; height: 22px; line-height: 22px; padding: 0 6px; margin-right: 4px; font-size: 13px; color: #FFFFFF; background-color: #72bb2a; border-radius: 3px;}
.quote-connect-list ul li .message-list-dm {display: inline-block; height: 22px; line-height: 22px; padding: 0 6px; margin-right: 4px; font-size: 13px; color: #FFFFFF; background-color: #FF7600; border-radius: 3px;}
.quote-connect-list ul li .quote-connect-name{width: 100%;border-bottom: 1px solid #EDF1F4}
.quote-connect-list ul li .quote-connect-info{display: flex;align-items: center;margin-top: 10px}
.quote-connect-list ul li .quote-connect-info span{margin-left: 10px;font-size: 12px;font-weight: bold;color: #189C00}
.quote-connect-list li .quote-connect-title{width: 100%;font-size: 12px;color: #666;padding:6px 40px 13px;}

/*求购/供应列表*/
.buy-list{margin-top: 24px}
.buy-list ul li{margin-top: 18px;}
.buy-list ul li:first-child{margin-top: 0}
.buy-list ul li .buy-list-name{border-bottom: 1px solid #EDF1F4}
.buy-list ul li .buy-list-name img{padding-right: 14px;vertical-align: middle;}
.buy-list li .buy-list-title{width: 350px;font-size: 16px;font-weight: bold;color: #333333}
.buy-list li .buy-desc{font-size: 12px;color: #999999;padding: 15px 0 10px}
.buy-list ul li .time-box{display: flex;justify-content: space-between;align-items: center;color: #999999;font-size: 12px;padding-bottom: 18px;}
.buy-list ul li:hover .buy-list-title{color: #189C00}

/*行情列表*/
.price-data-list{margin-top: 9px}
.price-data-list ul li{margin-top: 18px;width: 527px;float: left;border:1px solid #EDF1F4;box-sizing: border-box;padding: 16px 15px 21px;}
.price-data-list ul li:nth-child(2n){margin-left: 22px}
.price-data-list ul li .price-data-name{}
.price-data-list li .price-data-title{width: 450px;font-size: 16px;font-weight: bold;color: #333333}
.price-data-list li .price-data-desc{font-size: 14px;color: #999999;padding: 10px 0}
.price-data-list ul li .price-item{display: flex;color: #999999;font-size: 12px;}
.price-data-list ul li .price-item>div{padding:0 13px 0 9px;border-left: 1px solid #F5F5F5;color: #000;}
.price-data-list ul li .price-item>div:first-child{border:none;}
.price-data-list ul li .price-item .data-index{margin-top: 10px;font-weight: bold;font-size: 16px}
.price-data-list ul li:hover .price-data-title{color: #189C00}

/*我的服务订单*/
.service-order{display: flex;justify-content: space-between;align-items: center;padding: 28px 25px;background: #FBFCFC;border-radius: 8px;margin-top: 14px;font-size: 16px;color: #666666;line-height: 30px}
.service-order span{font-weight: bold;font-size: 24px;padding-left: 30px}
.service-order .indent{width: 1px;height: 30px;border-right: 1px solid #CCCCCC}
.marker {width: 50px;height: 50px;border: 1px solid #088; border-radius: 100px; background-color: #FFFFFFF;opacity: 0.5;}
.service-order-list .service-order-title:before{content: "";width: 6px;height: 6px;background: #189C00;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 14px;}
.service-order-list .pending{background: #FF7F50;color: #fff;font-size: 12px;padding: 2px 5px}

/*供应商信息*/
.supplyer-info{margin-top: 40px;display: flex;padding-right: 83px}
.supplyer-info .supplyer-logo{width: 88px;height: 88px;border-radius:13px;flex-shrink: 0;}
.supplyer-info .supplyer-content{margin-left: 34px}
.supplyer-info .supplyer-name{font-size: 22px;font-weight: bold;color: #000}
.supplyer-info .supplyer-intro ul li{float: left;margin-left: 74px}
.supplyer-info .supplyer-intro ul li:first-child{margin-left: 0}
.supplyer-info .supplyer-intro ul li>div:first-child{font-size: 12px;color: #999}
.supplyer-info .supplyer-intro ul li>div:last-child{font-size: 14px;font-weight: bold;color: #189C00;margin-top: 7px}
.supplyer-info .supplyer-intro ul{margin-top: 24px}
.supplyer-info .supplyer-detail{font-size: 14px;color: #999;margin-top: 47px}

/*服务列表*/
.center-box .service-card{width: 100%; margin-left: 0;display: inline-flex;background: unset;padding: 0;margin-top: 10px}
.service-card .article-list{width: 300px;background: #fff;padding: 20px 30px 30px;box-sizing: border-box;margin-left: 14px}
.service-card .article-list:first-child{margin-left: 0}
.service-list ul li .service-name{display: flex;justify-content: space-between;align-items: center;margin-top: 22px}
.service-list ul li .service-title{display: flex;align-items: center;font-weight: bold;font-size: 14px;color: #333333}
.service-list ul li .service-title span{padding-left: 15px}
.industry ul li{width: 196px;float: left;}
.industry ul li:nth-child(2n){margin-left: 40px}

.center-table {width: 100%; margin: 0; border: 1px solid #eeeeee;}
.center-table thead {color: #0055B7; font-weight: bold;}
.center-table tbody {color: #828a92;}
.center-table td {padding: 10px; border-bottom: 1px solid #eeeeee;}
.center-table tbody tr:last-child td {border-bottom: none;}
.center-table-btn {display: inline-block; padding: 4px 10px; background-color: #3285fa; border: none; border-radius: 4px; color: #ffffff; font-size: 14px; cursor: pointer;}
.account-status-vip {border: 1px solid #0055B7; border-radius: 15px; padding: 2px 8px; color: #0055B7;}
.account-status-join {border: 1px solid #EF4300; border-radius: 15px; padding: 2px 8px; color: #EF4300;}

.center-sub-header {width: 100%; vertical-align: middle;}
.center-sub-header-title {display: inline-block; padding-left: 12px; margin-top: 4px; font-size: 16px; font-weight: bold; color: #0055B7; border-left: 4px solid #0055B7;}

.content-col1{
    float: left;
}
.content-col1>div:nth-child(1){
    color: #000;
    font-size: 18px;
    font-weight: bold;
    /*margin:20px;*/
    padding-left: 20px;
}
.content-col1>div:nth-child(2){
    font-size: 14px;
    font-weight: bold;
    padding-left:20px;
    padding-top:20px;
    color: #666666;
}
.content-col1>div:nth-child(3){
    font-size: 24px;
    font-weight: bold;
    padding-left:20px;
    padding-top:20px;
    color: #0055b7;
}
.content-col2{
    float: left;
    position: relative;
}
.content-col2>div:nth-child(1){
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top:20px;
    /*margin:20px;*/
    /*padding-left: 20px;*/
}
.content-col2>div:nth-child(2){
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}
.content-col2>div:nth-child(3){
    font-size: 24px;
    font-weight: bold;
    padding-left:20px;
    padding-top:20px;
    color: #0055b7;
}
.l40{
    width: 35%;
    margin-top: 20px;
    border-right: 1px #ccc solid;
}
.r60{
    /*margin-top: 20px;*/
    width: 60%;
    padding-left: 20px;
}
.foreign_capital{
    display: flex;
}
.foreign_capital >div:first-child{
    border-right: none;padding-right: 10px
}
.foreign_capital >div:nth-child(2){
    border-left: 1px #ccc solid;padding-right: 10px
}
.foreign_capital >div:nth-child(3){
    border-left: 1px #ccc solid
}
.foreign_capital .content-col1>div:nth-child(4){
    padding: 20px 0 0 20px;color:#999
}
.foreign_capital .content-col1>div:nth-child(4) span{
    padding-left: 10px;color:#0055b7
}
.content-col3{
    display: flex;
    margin-top:20px;
    padding-bottom: 15px;
    border-bottom: 1px #ccc solid;
}
.content-col3>div{
    float: left;
    width: 33%;
    /*padding-left: 20px;*/
    text-align: center;
    border-right: 1px #ccc solid;
}
.content-col3 div:last-child{
    border: none;
}
.content-col3 h4{
    color:#333;
}
.content-col3 h2{
    color:#000;
}
.content-col4{
    border: none;
    /*padding-left: 20px;*/
}
.content-col4 h4{
    text-align: left;
}
.content-col4>div{
    border: none;
    padding: 0 10px;
    border-right: 1px #ccc solid;
}
.content-col4-item{
    padding: 20px 20px 0 0px;
    text-align: left;
    color: #999;
}
.content-col4-item span{
    float: right;
    color: #0055B7;
    font-size: 16px;
    font-weight: bold;
}
.content-col5>div{
	white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
}
.content-col5 a{
    position: relative;
    max-width: 370px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content-col5 div:hover a {
    color: #0055B7;
}
.content-col5 span{
    float: right;
    color: #333;
    font-weight: normal;
    font-size: 12px;
    padding-left: 40px;
}
.content-col6 div{
    width: 50%;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-top: 30px;
}
.content-col6 img{
    height: 30px;
}
.content-col6 span{
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    padding-left: 16px;
    color: #333;
    font-weight: normal;
    font-size: 14px;
}
.content-col7{

    display: block;
}
.content-col7 div{
    display: block;
    width: 33% !important;
    margin-right: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content-col7 span{
    width: 60%;
    position: absolute;
    left: 50px;
    top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}
/*文章列表最新标识*/
.up-to-date {
    display: inline-block;
    height: 20px;
    width: 28px;
    position: relative;
    top: -10px;
    left: 5px;
    background-size: contain;
}
input.form-control:focus {border-color: #0055b7; box-shadow: #d5d5d5 0 1px 4px;}
.center-item-label textarea:focus, textarea.form-control:focus {border-color: #0055b7; box-shadow: #d5d5d5 0 1px 4px;}
.upload-btn {
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #EF4300;
    background-color: #FAC6B2;
    font-weight: bold;
    *outline: 0 none;
}

/*** 标签选取 ***/
.tags-selected {display: inline-block;}
.tags-selected li {display: inline-block; padding: 2px 10px; color: #46799b; background: #e0eaf1; white-space: nowrap; overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;  margin-right: 10px;}
.tags-list {margin: 15px 0; border-top: 1px dashed #b2b2b2;}
.tags-item {display:inline-block; color: #ffffff; margin-right: 10px; margin-top: 15px; cursor: pointer;}
.tags-item-title {display: block; margin-top: 15px; color: #666666; font-weight: bold;}

/** 用户相关列表 **/
.user-list-box {width: 100%; padding: 60px 80px 2px; box-sizing: border-box;}
.user-list-tab {margin-top: 50px;}
.user-list-tab li {float: left; margin-left: 60px;}
.user-list-tab li:first-child {margin-left: 0;}
.user-list-tab li a { font-size: 18px;font-weight: 600;color: #23234C;}
.user-list-tab li:hover a, .user-list-tab li.current a {color: #189C00;}
.breadcrumb li{float: left;}
.breadcrumb>li:nth-of-type(n+3):before {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../images/gray_right.png) no-repeat 0px/14px;
    vertical-align: text-top;
    content: "";
}
/** 在线沟通列表 **/
.topic-submit-btn {position: absolute; top: 30px; right: 10px; width: 100px; height: 40px; line-height: 40px; border-radius: 20px;}
.topic-list {margin-top: 40px;}
.topic-list li {padding: 25px 0; border-top: 1px solid #EEEEEE;}
.topic-list li:first-child {border-top: none;}
.topic-list li .topic-list-box {float: left; width: 1080px;}
.topic-list li .topic-list-title {width: 100%;}
.topic-list li .topic-list-title a {font-size: 18px; font-weight: bold; color: #23234C;}
.topic-list li:hover .topic-list-title a {color: #0055b7;}
.topic-list li .topic-list-info {margin-top: 20px; font-size: 12px; color: #0055b7;}
.topic-list li .topic-list-info span {padding: 0 8px; margin-right: 10px; border: 1px solid #EF4300;}
.topic-list li .topic-list-more {float: left; padding-top: 10px;}
.topic-list li .topic-list-more:hover a {border-color: #0055b7; color: #0055b7;}
.topic-list li .topic-list-btn {width: 100px; height: 40px; line-height: 40px; background-color: #ffffff; border: 1px solid #CCCCCC; border-radius: 20px; color: #23234C;}
.topic-list li .topic-list-btn img {vertical-align: middle;}

/*办事指南表格*/
.guide-title{
    position: relative;
    text-align: center;
    color: #23234C;
    font-size: 18px;
    font-weight: 700;
    line-height: 2.6em;
    margin: 30px 0;
}
.guide-title .left,.guide-title .right{
    position: absolute;
    top: 8px;
    font-size: 16px;
    font-weight: normal;
    line-height: 2.4em;
    padding: 0px 10px;
}
.guide-title .left{
    left: 0px;
}
.guide-title .right{
    right: 0px;
    padding-left: 26px;
    background: url(../images/handle_entrance.png) no-repeat 0px/20px;
}
.guide-title>div:first-child{
    border-bottom: 4px solid #ef4300;
}
.guide-title>.item-list:first-child{
    border-top: 0px solid #ef4300;
    border-bottom:none;
}
.guide-title> .item-list>.item-nav{
    margin: 0;
    border: none;
}
.panel-body{
    /*height: 92px;*/
    box-sizing: border-box;
    padding: 15px;
    overflow: hidden;
}
.panel-body>.content{
    margin: 5px;
    height: 92px;
    overflow: hidden;
    font-size: 14px;
}
.body-srv-special .panel-body{
    height: auto;
}

.panel .submit-dd>div{
    margin: 20px 0;
    height: 60px;
    overflow: hidden;
}
.panel-body > .pannel-more{
    display: inline-block;
    padding: 8px 34px 8px 14px;
    border: 1px solid #ccc;
    border-radius: 17px;
    background-color: #fff;
    line-height: 1.2em;
    margin: 10px 20px;
    position: relative;
}
.panel-body > .pannel-more:after{
    top: 6px;
    right: 8px;
}
.panel-body:hover h3 {
    color: #0055b7;
}
.panel-body > .pannel-more:after,
.icon-list>span:last-child:after{
    content: '';
    position: absolute;
    display: inline-block;
    height: 20px;
    width:20px;
    background: url(../images/gray_right.png) no-repeat 0px/14px;
}
.red-marks{
    color: #0055b7;
}
.bg-red-btns {
    background-color: #0055b7;
    color: #fff;
    padding: 6px 30px;
    font-size: 16px;
    border: none;
}

/* 订单详情页 */
.order-detail-box {padding: 40px 0; border-bottom: 1px solid #eeeeee;}
.order-detail-row {margin-top: 20px;}
.order-detail-label {font-size: 14px; color: #999999;}
.order-detail-content {display: inline-block; margin-left: 15px; font-size: 14px; color: #666666;}
.order-pending-status{
    border-radius: 20px;
    padding: 3px 10px;
    color: #ffffff;
    font-size: 14px;
    background-color: #FF7600;
}
.order-processed-status {
    border-radius: 20px;
    padding: 3px 10px;
    color: #ffffff;
    font-size: 14px;
    background-color: #72bb2a;
}
.order-cancel-status {
    border-radius: 20px;
    padding: 3px 10px;
    color: #ffffff;
    font-size: 14px;
    background-color: #999999;
}
.order-detail-file {margin-top: 5px;}
.order-detail-file:first-child {margin-top: 0;}
.order-download-icon {width: 20px; height: 20px; vertical-align: middle;}
.order-download-name {display: inline-block; font-size: 14px; color: #3285fa; vertical-align: middle;}
.order-download-btn {width: 16px; vertical-align: middle; margin-left: 10px;}

.center-item-row {margin-top: 30px;}
.center-item-label {width: 130px; font-size: 16px; text-align: right; display: inline-block; color: #585959;}
.center-table-cell {padding: 20px 0; border-bottom: 1px dashed #eeeeee; font-size: 16px; color: #585959;}
.center-item-label textarea {width: 400px; padding: 4px 12px; background-color: #fff; border-radius: 5px;border: 1px solid #e3e3e3; border-radius: 5px; font-size: 14px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.warning-text {
    display: inline-block;
    font-size: 16px;
    color: #585959;
}
.item-label-general-text {
    font-size: 16px;
    color: #585959;
}
.center-form-label {
    position: relative;
    margin: 60px 0;
    text-align: center;
}
.center-form-label span {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    font-size: 14px;
    color: #999999;
    background-color: #ffffff;
    z-index: 1;
}
.center-form-label:after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
    top: 12px;
    left: 0;
}

/** 订单列表 **/
.card-header{
    border-bottom: 1px solid #F5F5F5;
}

.card-header span{
    color: #000;
    line-height: 20px;
    padding-right: 12px;
}
.card-header .header-title {
    color: #000;
    display: inline-block;
    padding: 12px 0;
    text-align: left;
    border-bottom: 2px solid #189C00;
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

.card-header .header-title-en{
    padding-left: 12px;
    font-size: 12px;
    font-weight: normal;
    color: #189C00;
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.common-table {width: 100%; margin: 0; border: 1px solid #eeeeee;}
.common-table thead {color: #000000; font-weight: bold;}
.common-table tbody {color: #828a92;}
.common-table td {padding: 15px 10px; border-bottom: 1px solid #eeeeee;}
.common-table tbody tr:last-child td {border-bottom: none;}
.common-table-btn {display: inline-block; padding: 4px 10px; background-color: #FF9900; border: none; border-radius: 4px; color: #FFFFFF; font-size: 14px; cursor: pointer;}


/** 会员权益 **/
.center-rights-box {margin-top: 30px;}
.center-right-col {float: left; width: 33.33%; border: 1px solid #cccccc; box-sizing: border-box;}
.center-right-col:nth-child(-n+2) {border-right: 0;}
.center-right-title {padding: 20px 0; text-align: center; background-color: #3285fa; font-size: 16px; font-weight: bold; color: #ffffff; box-sizing: border-box;}
.center-right-lists {padding: 20px 15px;}
.center-right-lists li {margin-top: 15px;}
.center-right-lists li:first-child {margin-top: 0;}
.center-right-lists li i {display: inline-block; width: 4px; height: 4px; background-color: #666666; border-radius: 2px; vertical-align: middle;}
.center-right-lists li span {display: inline-block; width: 280px; margin-left: 5px; vertical-align: middle;}
.center-right-lists li:hover i {background-color: #3285fa;}
.center-right-lists li:hover span {color: #3285fa;}

/*.user-profile-type{background: #ffcc00; padding: 4px 20px; margin-left: 20px; border-radius: 5px;}*/


/*数据产品专题*/
.data-content{display: flex;}
.center-data-box{background: #F2F7FB;padding-bottom: 60px}
.data-box-head{width: 100%;background: #fff;}

.data-box-left{width: 20%;height: 640px;background: #fff;box-shadow: 2px 0px 5px -3px #888888;z-index: 2;}
.data-box-cate{overflow: scroll;height: 620px;margin: 20px 0 0px 0;}
.data-box-cate::-webkit-scrollbar {width : 5px;height: 5px;}
.data-box-cate::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow:inset 0 0 5px rgba(0, 0, 0, 0);background: #dedede;}
.data-box-cate .selected{background: #F2F7FB;color:#0055B7;}
/*.data-box-left::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #ccc;}*/
.data-box-right{width: 80%;height: 640px;background: #fff;box-shadow: 2px 0px 5px -3px #888888;z-index: 1;}
.data-box-content{width: 100%;height: 100%;background: #fff;overflow: scroll;}
.data-box-content{height: 580px;}
.data-box-content::-webkit-scrollbar {width : 15px;height: 15px;}
.data-box-content::-webkit-scrollbar-thumb {box-shadow:inset 0 0 5px rgba(0, 0, 0, 0);background: #dedede;}
.data-box-content::-webkit-scrollbar-track {}

.data-box-cate ul{padding-left: 20px}
/*.data-box-cate ul:first-child{padding-left: 0px}*/
.data-box-cate ul li{white-space: nowrap;cursor: pointer;font-size: 14px;padding: 5px 0;color:#666;}
.data-box-cate ul li.open:before{content: "";background:url('../images/san.png');margin-right: 10px;margin-left: 5px;position: relative;top: 0px;z-index: 333;width: 6px;height: 10px;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);transform: rotate(90deg);transition: 0.5s;}
.data-box-cate ul li.close:before{content: "";background:url('../images/san.png');margin-right: 10px;margin-left: 5px;position: relative;top: 0px;z-index: 333;width: 6px;height: 10px;display: inline-block;transition: 0.5s;}
.data-box-cate .hover{background: #F2F7FB}
.data-box-right table{width: 100%;white-space: nowrap;border-collapse: initial;border-spacing: 1;}
.data-box-right table th{padding:20px;color:#fff;background: #0055B7;height: 30px;line-height: 30px;font-size: 14px;}
.data-box-right table tr td{padding: 0px 20px;color:#000;background: #F2F7FB;height: 40px;line-height: 40px;font-size: 14px;white-space: nowrap;max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.data-box-right-top{margin: 15px 0 0 15px}
.data-box-right-top>div{display:inline-block;margin-left: 10px;}
.data-box-right-top>div span{height: 40px;line-height: 40px}
.data-box-right-top .total-rows{color:red;font-size: 18px;font-weight: bold;}
.data-box-loading{width: 100%;height: 100%;background: #00000020;position: absolute;top:0}
.data-box-loading img{padding: 300px 0 0 50%}

/*nt开始*/
.center-box .panel {
    background: #fff;
    padding: 0px 30px 30px 30px;
    box-sizing: border-box;
    margin-left: 14px;
    margin-top: 10px;
}

.center-box .panel .panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #dedfe0;
}

.center-box .panel .panel-body {
    box-sizing: border-box;
    padding-bottom: 15px;
    overflow: hidden;
}

.center-box .panel .title {
    color: #189C00;
    font-size: 18px;
    font-weight: 600;
}

.center-box .panel .more {
    color: #999999;
    font-size: 14px;
}

.center-box .panel li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    margin-top: 30px;
}

.center-box .panel .link-box {
    height: 50px;
    padding: 10px 8px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.center-box .panel .no-logo {
    position: relative;
}

.center-box .panel .no-logo::after {
    position: absolute;
    content: '';
    height: 20px;
    width: 3px;
    left: 0;
    top: 6px;
    background-color: #189C00;
    /*padding-left: 10px*/
}

.center-box .panel .link-box .link-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-box .panel .link-logo {
    width: 30px;
    height: 30px;
}

.center-box .panel .link-name {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    padding-left: 15px;
}


.page {
    margin-top: 50px;
    text-align: center;
}

.page .el-pagination.is-background .el-pager li:not(.disabled).active {
    background: #189C00
}

.page .el-pagination.is-background .el-pager li:not(.active):hover {
    color: #189C00
}

.topics-list-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.topics-height {
    height: 690px;
    box-sizing: border-box;
}

.topics-list-box .topics-item:first-child {
    border-top: none
}

.topics-item {
    width: 100%;
    margin-top: 20px;
    padding: 14px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #EEEEEE;
}

.topics-item .topics-img {
    padding-right: 12px;
}

.topics-item .topics-left {
    width: 90%;

    box-sizing: border-box;
}

.topics-item .topics-right {
    width: 10%;
    box-sizing: border-box;
}

.topics-item .title {
    font-size: 18px;
    font-weight: bold;
    color: #23234C;
}

.topics-item .info {
    margin-top: 20px;
    font-size: 12px;
    color: #189c00;
}

.topics-item-btn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    color: #23234C
}

.topics-item-btn:hover {
    border-color: #189c00;
    color: #189c00;
}

.price-data-list .price-header{
    max-width: 495px;
    box-sizing: border-box;
}
.price-data-list li .price-data-title{
    float: left;
    width: 25%;
    height: 43px;
    line-height: 43px;
    text-align: left;
    box-sizing: border-box;
}
.price-data-list li .price-data-desc{
    float: right;
    text-align: right;
    width: 75%;
    height: 43px;
    box-sizing: border-box;

}
.price-data-list .price-item>div{
    float: left;
    width: 25%;
    text-align: center;
}
.price-data-list ul li{
    cursor: pointer;
}
.price-data-list ul li:hover{
    border-color: #189C00;
}

/*nt结束*/