.nick-name {
    align-items: center;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 23px;
    font-weight: 700;
    height: 80px;
    justify-content: center;
    text-align: center;
    width: 80px
}

.nick-name .text-wrap {
    display: inline-block;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 2em;
    word-break: break-all
}

.txt-logo {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 40px
}

.company-nav {
    padding-bottom: 50px;
    position: relative
}

.company-nav .company-banner {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 760px;
    background-color: rgba(0,0,0);
}

.company-nav .banner-img {
    height: auto;
    width: 100%
}

.company-nav .banner-img img {
    animation: banner-zoom 4s ease 0s infinite alternate;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    top: 0;
    width: 1920px;
    z-index: 0
}

.company-nav .banner-content {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 167px;
    transform: translateX(-50%);
    width: 1200px
}

.company-nav .banner-title {
    color: #fff;
    font-size:64px;
    font-weight: 600;
}

.company-nav .banner-sub-title {
    color: hsla(0, 0%, 100%, .8);
    display: table;
    font-size: 24px;
    margin: 0 auto;
    font-weight: 600;
    line-height: 33px;

}

/*.company-nav .banner-sub-title:after, .company-nav .banner-sub-title:before {*/
/*    background: linear-gradient(hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)) repeat-x 50%;*/
/*    background-size: 1px 1px;*/
/*    content: "";*/
/*    display: table-cell;*/
/*    width: 60px*/
/*}*/

.company-nav .search {
    position: relative
}

.company-nav .banner-search {
    background: #fff;
    border-radius: 10px;
    display: flex;
    height: 56px;
    margin: 24px auto 0;
    width: 700px
}

.company-nav .el-input {
    flex: 1
}

.company-nav .el-input__inner {
    border: none;
    border-radius: 10px;
    color: #333;
    height: 56px
}

.company-nav .search-link {
    background: #2875e8;
    border-radius: 6px;
    color: #fff;
    height: 48px;
    line-height: 48px;
    margin: 4px 4px 0 0;
    width: 100px
}

.company-nav .search-more {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin-left: 10px;
    position: absolute;
    right: 14%;
    top: 20px
}

.company-nav .banner-hot {
    align-items: center;
    color: hsla(0, 0%, 100%, .5);
    display: flex;
    margin: 10px auto 0;
    width: 698px
}

.company-nav .hot-item {
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    margin-left: 10px
}

.company-nav .hot-item:hover {
    color: #fff
}

.company-nav .banner-count {
    color: #fff;
    display: flex;
    font-size: 24px;
    justify-content: space-between;
    margin: 37px auto 0;
    width: 700px
}

.company-nav .count-remark {
    font-size: 16px
}

.company-nav .company-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 20px
}

.company-nav .title-val {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
    margin-right: 12px;
}
.company-nav .title-val-right-text{
    margin-right: auto;
    color: #9CA0A8;
    font-size: 16px;
}
.company-nav .title-val:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    position: absolute;
    border-bottom: 1px solid #0063FE ;
    bottom: -7px;
}



.company-nav .more-btn {
    align-items: center;
    color: #999;
    cursor: pointer;
    display: flex;
    font-size: 12px
}

.company-nav .more-btn img {
    height: 12px;
    width: 12px
}

.company-nav .province-category {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
    width: 1200px
}

.company-nav .province {
    background: #fff;
    border-radius: 4px;
    height: 363px;
    padding: 20px 0;
    width: 700px
}

.company-nav .province-content {
    display: flex;
    justify-content: space-around;
    padding: 20px
}

.company-nav .province-chart {
    width: 350px
}

.company-nav .province-table {
    background: #fbfdff;
    border: 1px solid #eef2f8;
    border-radius: 4px;
    height: 260px;
    width: 260px
}

.company-nav .province-header {
    background: #eef2f8;
    color: #999;
    display: flex;
    font-size: 13px;
    padding: 8px 10px
}

.company-nav .chart-num {
    flex: 1
}

.company-nav .chart-num-val {
    flex: 1;
    padding-left: 10px
}

.company-nav .chart-province {
    flex: 2;
    text-align: left
}

.company-nav .chart-count {
    flex: 1.5;
    text-align: right
}

.company-nav .province-list {
    height: 227px;
    max-height: 220px;
    overflow-y: auto
}

.company-nav .province-list::-webkit-scrollbar {
    height: 4px;
    width: 2px
}

.company-nav .province-list::-webkit-scrollbar-thumb {
    border: none
}

.company-nav .province-item {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 13px;
    margin-top: 18px;
    padding: 0 10px
}

.company-nav .category {
    background: #fff;
    border-radius: 4px;
    height: 363px;
    padding: 20px 0;
    width: 480px
}

.company-nav .category-list {
    padding-left: 10px
}

.company-nav .category-info {
    border: 1px solid #eef2f8;
    border-radius: 18px;
    color: #333;
    float: left;
    font-size: 13px;
    margin: 16px 0 0 10px;
    padding: 7px 12px
}

.company-nav .category-info:hover {
    color: #2875e8;
    cursor: pointer;
    text-decoration: underline;
    -webkit-text-decoration: underline #2875e8;
    text-decoration: underline #2875e8
}

.company-nav .category-info:nth-child(4n) {
    background: #eff9fa
}

.company-nav .category-info:nth-child(4n+1) {
    background: #edeeff
}

.company-nav .category-info:nth-child(4n+2) {
    background: #edf4ff
}

.company-nav .category-info:nth-child(4n+3) {
    background: #f8fbff
}

.company-nav .company-module {
    background: #fff;
    border-radius: 4px;
    color: #666;
    font-size: 13px;
    margin: 0 auto;
    padding: 30px 0 20px;
    width: 1200px
}

.company-nav .series-category {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0 20px
}

.company-nav .series-item {
    height: 524px
}

.company-nav .category-item, .company-nav .series-item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .05);
    width: 373px
}

.company-nav .category-item {
    height: 420px
}

.company-nav .series-header {
    position: relative
}

.company-nav .series-bg, .company-nav .series-header {
    border-radius: 4px;
    height: 160px;
    width: 373px
}

.company-nav .series-info {
    background: #fff;
    border-radius: 10px;
    display: flex;
    left: 14px;
    padding: 20px 10px;
    position: absolute;
    right: 14px;
    top: 20px
}

.company-nav .series-img {
    height: 80px;
    width: 120px
}

.company-nav .series-title {
    cursor: pointer;
    margin-left: 10px
}

.company-nav .series-title:hover .series-name {
    color: #2875e8
}

.company-nav .series-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 190px
}

.company-nav .company-item {
    align-items: center;
    display: flex;
    margin-top: 20px;
    padding: 0 20px
}

.company-nav .company-content {
    align-items: center;
    cursor: pointer;
    display: flex
}

.company-nav .company-content:hover .company-name {
    color: #2875e8
}

.company-nav .company-name {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-nav .company-logo {
    background: #fff;
    border: 1px solid #ebebeb
}

.company-nav .company-logo, .company-nav .logo-name {
    border-radius: 4px;
    height: 44px;
    margin: 0 10px 0 17px;
    width: 44px
}

.company-nav .logo-name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 4px;
    text-align: center
}

.company-nav .name-product {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px
}

.company-nav .name-product img {
    height: 14px;
    margin-left: 4px;
    width: 14px
}

.company-nav .product {
    color: #999;
    font-size: 12px;
    margin-top: 6px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-nav .company-ad {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
    width: 1200px
}

.company-nav .company-ad .el-carousel {
    width: 590px
}

.company-nav .ad-img {
    height: 100px;
    width: 590px
}

.company-nav .category-header {
    align-items: center;
    background: #eff2f8;
    border-radius: 10px 10px 0 0;
    display: flex;
    padding: 10px 14px
}

.company-nav .category-img {
    height: 60px;
    width: 90px
}

.company-nav .category-val {
    color: #999;
    cursor: pointer;
    font-size: 12px;
    margin-left: 14px;
    width: 100%
}

.company-nav .category-val:hover .category-name {
    color: #2875e8
}

.company-nav .category-name {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 13px
}

.company-nav .company-vip {
    border-radius: 4px;
    margin: 20px auto;
    width: 1200px
}

.company-nav .company-vip .company-title {
    margin: 0 0 20px;
    height: 65px;
    border-bottom: 1px solid rgba(0,99,254,0.5);
}

.company-nav .home-icon {
    align-items: center;
    color: #999;
    cursor: pointer;
    display: flex;
    font-size: 12px
}

.company-nav .home-icon span {
    color: #999
}

.company-nav .home-icon-img {
    height: 12px;
    width: 12px
}

.company-nav .company-btn {
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    color: #e6a23c;
    display: flex;
    margin-right: 20px;
    padding: 7px 10px
}

.company-nav .company-img {
    height: 14px;
    margin-right: 4px;
    width: 14px
}

.company-nav .home-supplier {
    font-size: 20px;
    font-weight: 600
}

.company-nav .companies {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px
}

.company-nav .company-carousel {
    background: #fff;
    cursor: pointer;
    height: 200px;
    margin-right: 19px;
    padding:16px;
    margin-top: 20px;
    transition: box-shadow .35s ease-out, transform .3s ease-out;
    width: 387px;
    box-sizing: border-box;
}

.company-nav .company-carousel:nth-child(-n+3) {
    margin-top: 0px;
}
.company-nav .company-carousel:nth-child(3n) {
    margin-right: 0px;
}

.company-nav .company-carousel:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    transform: translateY(-4px)
}

.company-nav .company-carousel:hover .name {
    color: #2875e8
}

.company-nav .logo {
    border: 1px solid #ebebeb
}

.company-nav .logo, .company-nav .nick-name {
    border-radius: 4px;
    float: left;
    height: 68px;
    width: 68px
}

.company-nav .nick-name {
    font-size: 22px;
    line-height: 24px;
    padding: 6px
}

.company-nav .company-header {
    overflow: hidden;
}

.company-nav .name {
    color: #0A0B0E;
    float: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px
}

.company-nav .icon-ta{
    display: flex;
    align-items: center;
    font-size: 10px;
}
.company-nav .icon-ta span{
    background-color: rgba(0,99,254,0.08);
    margin-top: 12px;
    margin-right: 8px;
    color: #0063FE;
    /*display: flex;*/
    /*align-items: center;*/
}
.company-nav .icon-ta span i{
    content: "";
    display: inline-block;
    background: url("/static/diy/image/ic_my_rz@2x.png") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    flex-shrink: 0;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.company-nav .icon-ta span i.tuijian{
    content: "";
    display: inline-block;
    background: url("/static/diy/image/ic_my_tj@2x.png") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    margin-right: 2px;
}

.company-nav .icon-ta span i.qiyexingzhi{
    content: "";
    display: inline-block;
    background: url("/static/diy/image/ic_my_qy@2x.png") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    margin-right: 2px;
}



.company-nav .company-right{
    display: flex;
    flex-direction: column;
    padding-left: 16px;
}
.company-nav .icon-ta span{
    padding: 2px 6px;
}

.company-nav .company-value {
    color: #7F8388;
    font-size: 12px;
    line-height: 24px;
    width: 358px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    font-weight: 400;

}
.company-nav .company-value::before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('/static/diy/image/ic_14_js_grey@2x.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 5px;
    position: relative;
    top: 3px
}
.company-nav .company-value:nth-child(2)::before{
    background: url('/static/diy/image/ic_14_cp_grey@2x.png') no-repeat;
    background-size: 100% 100%;

}

.company-nav .company-value-diy{
    margin-top: 24px;
}

.company-nav .el-tabs__header {
    height: 30px;
    line-height: 30px;
    margin: 0 14px
}

.company-nav .el-tabs__nav-next, .company-nav .el-tabs__nav-prev {
    line-height: 30px
}

.company-nav .el-tabs__item {
    color: #999;
    font-size: 12px;
    height: 30px;
    line-height: 26px;
    padding-right: 0
}

.company-nav .el-tabs__item.is-active {
    color: #000;
    font-size: 12px;
    font-weight: 700
}

.company-nav .el-tabs__active-bar {
    background-color: #333
}

.company-nav .el-tabs__nav-wrap:after {
    background-color: #fff
}

.company-nav .el-carousel__indicator--horizontal {
    padding: 20px 4px 0
}

.company-nav .el-carousel__button {
    background: #d8d8d8;
    border-radius: 3px;
    height: 6px;
    opacity: 1;
    width: 10px
}

.company-nav .el-carousel__indicator.is-active button {
    background: #2875e8;
    border-radius: 3px;
    height: 6px;
    width: 14px
}

.company-nav .el-input-group__prepend {
    background-color: #fff;
    border: initial;
    color: #333;
    width: 90px
}

.company-list {
    padding-bottom: 20px
}

.company-list .company-types {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    color: #333;
    font-size: 13px
}

.company-list .type-info {
    display: flex;
    margin: 0 auto;
    width: 1200px
}

.company-list .type-title {
    align-items: center;
    display: flex
}

.company-list .type-title img {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.company-list .nav-item {
    cursor: pointer;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 30px
}

.company-list .nav-item .active-line {
    background-color: #fff;
    bottom: 2px;
    color: #fff;
    height: 2px;
    position: relative;
    transform: scaleX(0);
    transition: transform .2s
}

.company-list .nav-active {
    color: #2875e8
}

.company-list .nav-active .active-line {
    background-color: #2875e8;
    transform: scaleX(1)
}

.company-list .search-input {
    border-radius: 10px;
    display: flex;
    position: relative;
    width: 500px
}

.company-list .search-input .el-input {
    flex: 1
}

.company-list .search-input .el-input__inner {
    background-color: #fff;
    border: 2px solid #2875e8;
    border-radius: 4px 0 0 4px;
    color: #333;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 40px;
    outline: medium;
    text-indent: 10px;
    width: 100%
}

.company-list .search-input a {
    background-color: #2875e8;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100px
}

.company-list .search-close {
    color: #ccc;
    cursor: pointer;
    line-height: 40px;
    position: absolute;
    right: 110px;
    top: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}

.company-list .search-close:hover {
    color: #666
}

.company-list .search-close-icon {
    font-family: element-icons, serif;
    font-size: 14px;
    font-style: normal
}

.company-list .search-close-icon:before {
    content: "\e78d"
}

.company-list .company-search {
    background: #fff;
    border-radius: 4px;
    margin: 20px auto;
    padding: 10px 0;
    position: relative;
    width: 1200px
}

.company-list .search-title {
    align-items: center;
    color: #333;
    display: flex;
    margin-right: 30px
}

.company-list .search-title img {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.company-list .search-active {
    color: #2875e8
}

.company-list .search-result {
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    font-size: 13px;
    padding: 0 20px 10px
}

.company-list .result-info {
    align-items: center;
    display: flex;
    flex: 1;
    margin-left: 22px
}

.company-list .search-count {
    color: #999;
    font-size: 13px;
    margin-left: auto
}

.company-list .search-count b {
    color: #e6a23c;
    font-weight: 400
}

.company-list .close-label {
    color: #999;
    margin-right: 10px
}

.company-list .close-btn {
    background: #fbfbfb;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    color: #666;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    padding: 0 4px 0 10px
}

.company-list .close-btn i {
    cursor: pointer;
    margin-left: 2px
}

.company-list .close-btn i:hover {
    color: #2875e8
}

.company-list .search-category {
    align-items: flex-start;
    display: flex;
    font-size: 13px;
    padding: 12px 20px 0
}

.company-list .category-list {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin-bottom: -15px
}

.company-list .category-value {
    color: #666;
    cursor: pointer;
    margin-bottom: 15px;
    margin-right: 20px
}

.company-list .cate-active, .company-list .category-value:hover {
    color: #2875e8
}

.company-list .category-btn {
    align-items: center;
    color: #ccc;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    justify-content: flex-end
}

.company-list .category-btn img {
    height: 12px;
    width: 12px
}

.company-list .line-bg {
    max-height: 29px;
    overflow: hidden;
    position: relative
}

.company-list .line-one {
    max-height: 32px;
    overflow: hidden;
    position: relative
}

.company-list .search-more {
    align-items: center;
    border-top: 1px solid #f5f5f5;
    display: flex;
    font-size: 13px;
    margin-top: 12px;
    padding: 10px 20px 0
}

.company-list .search-more .el-input {
    width: 110px
}

.company-list .search-more .el-input input::-webkit-input-placeholder {
    color: #666
}

.company-list .search-more .el-cascader {
    line-height: 30px;
    width: 110px
}

.company-list .search-more .el-input__inner {
    border-radius: 2px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px
}

.company-list .search-more .el-input__icon {
    line-height: 30px
}

.company-list .search-list {
    align-items: center;
    display: flex;
    flex: 1;
    position: relative
}

.company-list .search-info {
    margin-right: 10px
}

.company-list .search-reset {
    align-items: center;
    background: #f5f9ff;
    border: 1px solid #2875e8;
    border-radius: 4px;
    color: #2875e8;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 70px
}

.company-list .search-reset img {
    height: 17px;
    margin-right: 6px;
    width: 17px
}

.company-list .company-main {
    align-items: flex-start;
    display: flex;
    margin: 20px auto;
    width: 1200px
}

.company-list .data-list {
    margin-right: 20px;
    width: 870px
}

.company-list .company-info {
    background-color: #fff;
    display: flex;
    margin-bottom: 10px;
    padding: 16px 20px;
    position: relative;
    width: 100%
}

.company-list .company-info em {
    color: #ff3913;
    font-style: normal;
    font-weight: 600
}

.company-list .company-info:hover {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.company-list .company-info:hover .company-name {
    color: #2875e8
}

.company-list .company-img {
    width: 80px
}

.company-list .logo {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: inline-block;
    height: 80px;
    line-height: 110px;
    overflow: hidden;
    text-align: center;
    width: 80px
}

.company-list .vip-img {
    height: 20px;
    margin-top: 6px;
    width: 80px
}

.company-list .vip-img img {
    height: 20px;
    width: 80px
}

.company-list .company-content {
    margin-left: 20px;
    margin-right: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 650px
}

.company-list .company-content .main-product {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-list .company-content .matching-txt {
    margin-left: 20px
}

.company-list .company-content p {
    color: #666;
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.company-list .company-content i {
    background: #eff3f9;
    border-radius: 2px;
    color: #4373b9;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    margin-right: 6px;
    margin-top: 0;
    padding: 2px 10px
}

.company-list .oem-content {
    flex: 1
}

.company-list .company-copy {
    align-items: center;
    display: flex
}

.company-list .company-copy:hover .copy-btn {
    display: inline-block
}

.company-list .company-copy:hover .company-name {
    background: #daefff
}

.company-list .company-flex {
    align-items: center;
    display: flex
}

.company-list .copy-btn {
    color: #2875e8;
    cursor: pointer;
    display: none;
    font-size: 14px;
    line-height: 24px;
    margin-right: 10px
}

.company-list .company-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-right: 10px
}

.company-list .company-nature {
    background: linear-gradient(270deg, #9dbeee, #6894d7);
    margin-right: 6px
}

.company-list .company-nature, .company-list .company-year {
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 #f5f7f9;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px
}

.company-list .company-year {
    background: linear-gradient(270deg, #8adae9, #5fb8c9)
}

.company-list .company-vr {
    background: linear-gradient(270deg, #67a3fd, #598cd9);
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 #f5f7f9;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    padding: 3px 8px
}

.company-list .company-tag {
    color: #999;
    font-size: 12px;
    margin: 10px 0
}

.company-list .company-tag, .company-list .company-tag .p-sty {
    max-width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-list .company-tag span {
    border-right: 1px solid #efefef;
    display: inline-block;
    padding: 0 10px
}

.company-list .company-tag span:first-child {
    padding-left: 0
}

.company-list .company-tag span:last-child {
    border: none
}

.company-list .company-link {
    color: #2875e8;
    cursor: pointer
}

.company-list .company-hidden {
    color: transparent;
    text-shadow: #111 0 0 5px
}

.company-list .btn-con {
    align-items: center;
    border: 1px solid #dee6f2;
    border-radius: 4px;
    bottom: 0;
    color: #2875e8;
    display: flex;
    font-size: 12px;
    height: 32px;
    justify-content: space-evenly;
    margin: auto;
    padding: 0 7px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 66px
}

.company-list .btn-con:hover {
    background: #f5f5f5;
    cursor: pointer
}

.company-list .btn-con img {
    height: 12px;
    width: 12px
}

.company-list .add-in {
    background: #f5f5f5;
    color: #b8b8b8
}

.company-list .add-in:hover {
    background: #dee6f2
}

.company-list .company-pagination {
    background-color: #fff;
    border-radius: 4px;
    padding: 10px 0
}

.company-list .company-chart {
    background: #fff;
    padding: 20px 14px;
    width: 310px
}

.company-list .chart-title {
    margin-bottom: 30px
}

.company-list .chart-title, .company-list .vehicle-title {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 700
}

.company-list .chart-line {
    background: #2875e8;
    border-radius: 2px;
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    width: 4px
}

.company-list .chart-con {
    border-bottom: 1px dashed #f0f0f0;
    margin-top: 20px
}

.company-list .chart-con:last-child {
    border-bottom: 0
}

.company-list .chart-name {
    color: #000;
    font-size: 14px;
    height: 16px;
    position: relative
}

.company-list .name-value {
    display: block;
    position: absolute;
    z-index: 10
}

.company-list .name-line {
    background: linear-gradient(270deg, #fff, #a8cbff);
    bottom: 0;
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    width: 70px
}

.company-list .sort-info {
    height: 300px;
    width: 290px
}

.company-list .chart-info {
    height: 200px;
    width: 290px
}

.company-list .vehicle-info {
    background: #fff;
    float: left;
    margin-right: 18px;
    margin-top: 20px;
    text-align: center
}

.company-list .vehicle-info span {
    color: #666;
    display: block;
    font-size: 12px;
    margin-top: 12px
}

.company-list .vehicle-info:nth-child(3n) {
    margin-right: 0
}

.company-list .vehicle-logo {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    cursor: pointer;
    height: 82px;
    position: relative;
    width: 82px
}

.company-list .vehicle-logo img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.search-li {
    word-wrap: normal;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAALdJREFUSEvtlrENwjAQRe9Xl5oOyXTpWYGWEViAERiCERgARqBlBfq4woKO2q5+dFLSIFBQLHd2ad/9//V00hkiIiEEl1I6isiG5NLu5h4ALxG5qerBORcwiN9JLuaKfusD8FbVNbz3Z5I7AFdV3ZtrjtEQ+ERyC+BiBk/D0jTNKld8DGYmMcaH4ULXdbSHtm2Rk/yzd9StBj+pVkSTA1cRVUSTBCYL6hT9j6j4wim+Mosv/dLflh4elO5NoAibtwAAAABJRU5ErkJggg==) no-repeat 0;
    background-size: auto 14px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    overflow: hidden;
    padding: 0 10px 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.li-active, .search-li:hover {
    color: #2875e8
}

.li-active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAX9JREFUSEvlVr1Kw2AUPSemKKiLYlXoUCfbQTs5uAkK6gM4+BI6GXQTEZSMgq+gg7siLt1cXJQO2UTwpx10sFbQtrmSQELTJmkazWTGj3vPuffcvxAAZrXXTB0NHcCCiExab3E/ki8Aiimo2p0++kgbXOq3AozEBfXzI/CWYqrAvFY5EZH1vwR3sEieWgTPv5UlKDhLLua2ypJE9G4W/5uAQE1AneSTQDYhMtMud/wakFX0Ydk4GL+2Z2m3mv7+rD1AMNBKEo+gDdwBzGnlewiyXQlInEOUY8CcBrknIkOuUwB4fruyJE256iqR1bvZTHrqYoNflnFupzKPJi4hMgzwHSpWHFncyD02XopOiYgbQ5+YazWzSRo4g4q1XsAtDB8CmqqiLJYOx4qtJKtH0u9kFSXy8EEL0LkjK1e64F0Q3EUhJN66hC+a8Db1IekF3L8GbQGR/AC4T5qGabJAiCbAYNQFGW/QoqL7dlEPzlFMkz84iZ/MxI++vWoT/G35AfLb4euqJtcfAAAAAElFTkSuQmCC) no-repeat 0;
    background-size: auto 14px
}

.company-detail {
    margin: 20px auto;
    width: 1200px
}

.company-detail .base-info {
    align-items: flex-start;
    background: #fff;
    border-radius: 4px;
    display: flex;
    padding: 20px;
    position: relative
}

.company-detail .nick-detail-name {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    padding: 10px 6px;
    text-align: center
}

.company-detail .logo, .company-detail .nick-detail-name {
    border-radius: 6px;
    height: 80px;
    margin-right: 20px;
    width: 80px
}

.company-detail .logo {
    background-color: #fff;
    border: 1px solid #ebebeb
}

.company-detail .name-info {
    margin-right: 20px
}

.company-detail .name-copy:hover .copy-btn {
    display: inline-block
}

.company-detail .name-copy:hover .name-value {
    background: #daefff
}

.company-detail .name-value {
    color: #333;
    cursor: pointer;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px
}

.company-detail .tags {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.company-detail .tag-vip {
    height: 20px;
    width: 80px
}

.company-detail .tag-nature {
    background: linear-gradient(270deg, #9dbeee, #6894d7)
}

.company-detail .tag-nature, .company-detail .tag-year {
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 #f5f7f9;
    color: #fff;
    font-size: 12px;
    margin-left: 6px;
    padding: 2px 8px
}

.company-detail .tag-year {
    background: linear-gradient(270deg, #8adae9, #5fb8c9)
}

.company-detail .tag-vr {
    background: linear-gradient(270deg, #67a3fd, #598cd9);
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 #f5f7f9;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin-left: 6px;
    margin-right: 6px;
    padding: 3px 8px
}

.company-detail .address {
    align-items: flex-start;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px
}

.company-detail .address-copy {
    max-width: 640px
}

.company-detail .address-copy:hover .copy-btn {
    display: inline-block
}

.company-detail .address-copy:hover .address-value {
    background: #daefff
}

.company-detail .address-label {
    color: #999
}

.company-detail .address-value {
    color: #666;
    cursor: pointer
}

.company-detail .copy-btn {
    color: #2875e8;
    cursor: pointer;
    display: none;
    margin-left: 5px
}

.company-detail .oem-desc {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px;
    max-height: 48px;
    overflow: hidden;
    position: relative;
    width: 900px
}

.company-detail .oem-open {
    max-height: none
}

.company-detail .base-operate {
    flex: 1;
    white-space: nowrap
}

.company-detail .btn-row {
    align-items: center;
    color: #333;
    cursor: pointer;
    display: flex;
    float: right;
    font-size: 12px
}

.company-detail .btn {
    align-items: center;
    background: #fff;
    border: 1px solid #dee6f2;
    border-radius: 4px;
    color: #2875e8;
    display: flex;
    margin-left: 10px;
    padding: 5px 11px
}

.company-detail .btn img {
    height: 16px;
    margin-right: 2px;
    width: 16px
}

.company-detail .btn:hover {
    background-color: #fafafa;
    color: #2875e8;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.company-detail .website-btn {
    align-items: center;
    background: #2875e8;
    border-radius: 4px;
    color: #fff;
    display: flex;
    margin-left: 10px;
    padding: 5px 11px
}

.company-detail .website-btn img {
    height: 13px;
    width: 12px
}

.company-detail .collect-btn {
    align-items: center;
    background: #fff;
    border: 1px solid #dee6f2;
    border-radius: 4px;
    color: #2875e8;
    display: flex;
    margin-left: 10px;
    padding: 5px 11px;
    width: 80px
}

.company-detail .collect-btn img {
    height: 16px;
    margin-right: 2px;
    width: 16px
}

.company-detail .collect-btn:hover {
    background-color: #fafafa;
    color: #2875e8;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.company-detail .collect-btn-in {
    align-items: center;
    background: #2875e8;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: flex;
    margin-left: 10px;
    padding: 5px 11px;
    width: 80px
}

.company-detail .collect-btn-in img {
    height: 16px;
    margin-right: 2px;
    width: 16px
}

.company-detail .collect-btn-in:hover {
    background: #2875e8;
    color: #fff
}

.company-detail .qr-area {
    display: none
}

.company-detail .qr-area:hover .qr-info {
    display: block
}

.company-detail .qr-icon {
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.company-detail .qr-info {
    background: #fff;
    border: 1px solid #f2f4f6;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
    display: none;
    padding: 20px 30px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    z-index: 999
}

.company-detail .qr-title {
    color: #333;
    font-size: 14px
}

.company-detail .code-info {
    align-items: center;
    display: flex;
    margin-top: 12px
}

.company-detail .code-img {
    height: 110px;
    width: 110px
}

.company-detail .phone-img {
    height: 110px;
    margin-left: 20px;
    width: 58px
}

.company-detail .qr-font {
    color: #333;
    font-size: 12px;
    line-height: 1;
    margin-top: 20px
}

.company-detail .qr-font span {
    color: #17bd9c
}

.company-detail .link-share {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    padding-top: 38px;
    width: 100%
}

.company-detail .link-count {
    color: #999;
    font-size: 14px
}

.company-detail .link-count span {
    color: #2875e8;
    cursor: pointer
}

.company-detail .link-head {
    background: #d4d4d4;
    border-radius: 50%;
    cursor: pointer;
    height: 30px;
    margin-left: 6px;
    width: 30px
}

.company-detail .link-arrow {
    cursor: pointer;
    height: 12px;
    margin-left: 4px;
    width: 12px
}

.company-detail .share-name {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 5px;
    padding-left: 10px
}

.company-detail .share-line {
    border-left: 1px solid #ebebeb
}

.company-detail .share-qr {
    display: none;
    height: 128px;
    left: -36px;
    position: absolute;
    top: 40px;
    width: 128px
}

.company-detail .share-wx {
    background-image: url(/static/img/nav_share_wx.4139e95.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    height: 30px;
    margin-right: 10px;
    position: relative;
    width: 30px
}

.company-detail .share-wx:hover {
    background-image: url(/static/img/nav_share_wx_in.928dc8d.png);
    z-index: 99
}

.company-detail .share-wx:hover .share-qr {
    display: block
}

.company-detail .share-wx:hover .share-qr img {
    border: 1px solid #ebebeb
}

.company-detail .share-wb {
    background-image: url(/static/img/nav_share_wb.7cb98d2.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    height: 30px;
    position: relative;
    width: 30px
}

.company-detail .share-wb:hover {
    background-image: url(/static/img/nav_share_wb_in.09b9fde.png)
}

.company-detail .company-navs {
    background: #fff;
    border-radius: 4px;
    margin: 20px auto;
    position: sticky;
    top: 52px;
    z-index: 10
}

.company-detail .company-line .nav {
    border-right: 1px solid #f2f4f6
}

.company-detail .company-line .nav:last-child {
    border-right: 1px solid transparent
}

.company-detail .nav-list {
    background: #fff;
    border-bottom: 1px solid #f2f4f6;
    color: #333;
    cursor: pointer;
    display: flex;
    margin-bottom: 0
}

.company-detail .nav {
    align-items: center;
    background: #fff;
    border: none;
    border-right: 1px solid transparent;
    display: flex;
    flex: 1;
    font-size: 16px;
    justify-content: center;
    margin-right: 0;
    padding: 13px 0
}

.company-detail .nav-in {
    color: #2875e8;
    font-weight: 700
}

.company-detail .nav-in .nav-num {
    color: #2875e8
}

.company-detail .nav-bg {
    background: #fbfbfb
}

.company-detail .nav-num {
    border-radius: 0;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-left: 2px;
    margin-top: 5px
}

.company-detail .nav-icon {
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.company-detail .basic-in {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAY1BMVEUAAAAseOspdugqdukodekpdukqdukodegpduopdekpdugoeOkoduk7if8pd+sxfu8pdukodegpdugpdegpduspeOsseeosfOsodukpdukpdukodekpduoodukqdukqd+4odejTQylvAAAAIHRSTlMAQMCAxHto12Pc+kbSBzEPkcy0cEo2JBjw6ritW1JzHiaUgWkAAAClSURBVDjL5ZS7EsIgEEUXTWLkGfKAmIfy/18paBVApMmkyCn2NqfYmd25AJyaFLgVAGCdNI2V7ES/6am5fCQECa57SAMhRH3jBYBs6ECqjEOVbmLduBiZL6EHxpiK3oVk9WhjytrpZBKX9w2SR6TOeHQRia31hpXturioyoCaedLTRFg8SbVFwKwPPktx85hE5CwBQ3iWpfIgBz/d/Kd68kosqw7fgsIsjtJFuCMAAAAASUVORK5CYII=)
}

.company-detail .basic-no {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAYFBMVEUAAABoaGhoaGhmZmZnZ2dmZmZnZ2dnZ2dmZmZmZmZmZmZ3d3dnZ2dnZ2dxcXFmZmZmZmZmZmZmZmZnZ2dpaWloaGhoaGhmZmZmZmZnZ2dmZmZnZ2dnZ2dnZ2dsbGxmZmZ7yV6kAAAAH3RSTlMAQH7AxNdoY9z6RgfRMQ+1kcy9cEo2JPDqrXZbUhwXgFoEggAAAKdJREFUOMvllDkSwyAMRYXjJYAB4wXHK/e/ZSCpDIRQJOPCr9BvXqEZaT4Aq3UMLDgAGCdOYyQz0Wf6QrcvCUGETN9+Lw2EEPWODQCZ2D2p1BY124n3xsZIXQk9MMY1721IWo0m2qSdLiYxeT8gWUDqtEMXkOhaHVjpXxfnZeZRUUeadYDFkZTIPabt5LPkhYPggbN4DP5ZltKBnPx005fqSSuxpDp8ApAiKt6xQljKAAAAAElFTkSuQmCC)
}

.company-detail .cert-in {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAn1BMVEUAAAAree0odukpdukoeOoqduhBh/8pdukpdukodukodekodegpduwteewodugodugodukvfPIodekodukodekpduopd+kqdusqeOo1fe4odukodekpd+ooduopdusodukodegodugodekoduopdugpdugqduoqd+otee4tffIwhP8pdekpdukpd+kodegpdukpdekodekpdukpdukodegVBRPGAAAANHRSTlMAKZmXOUMH+7yz6OAzGfbs0hXz2bhpUkwuDqCTjntK79bLinZwWVVGHRMF3MFzZVzIrKeCWWk5IgAAAY5JREFUOMud1GeTgjAQBmBs9CpFwYoKCLZT9///tttNJocTGXRuP0F4Qt6EBMXY7h2lu+yFWfArANCiRH0Tzt7HR0OBcrzxFvarUEtDw9ZpiwYFULXD2qMN3lvPwYhQs64ITcBLqKdmJCoOs6V3DCeoEdlLE6YcmYoSXOihd2YZC8pISAMqgbBm4HnY4l/EsIhAexwEsjjS1XI1F4Khs6OMZSQtAwWX0PoDOn2DQhmlVyN+Q8HOqKs/NM6mALmMXGzURfA4BAA3G8gIrPgMOUdzJD/XVM6U3mNVCSzgqFnuBh3BeYvt9s1O9LuB8Rkplbhi0VIZyXVcWaD3IrWMAGvXh2oLhYkz7ENHVzNmTXfwtpy6c3Zy/RfZ3yD3MekkdXwSKAMsa3WURHqLNABvzRCtbkguKtV2OZO7y88qOx/Ad+JwQwu4ZFNoKtqX4B8C4jcdr0XfIgK22ehYk5+zj7ygztrwZQ1pWF7hhFLFOYg3ihLD+uync3pmrvxHaiNjrODgAxUP3l08jOlf2mF+ATsSTdAHZ0mdAAAAAElFTkSuQmCC)
}

.company-detail .cert-no {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAilBMVEUAAABnZ2dnZ2dnZ2dnZ2dnZ2d7e3tnZ2dnZ2dnZ2dnZ2dpaWlmZmZmZmZnZ2dmZmZmZmZmZmZnZ2dnZ2dmZmZqampnZ2dnZ2dmZmZmZmZmZmZnZ2dnZ2dnZ2doaGhxcXFoaGhnZ2dmZmZmZmZnZ2dqampmZmZpaWlmZmZmZmZmZmZnZ2doaGhmZmbFLxr0AAAALXRSTlMAmZcqOfsGMbxDsxrS9u3ecmfp2HoU8sq4oJCLUkxHDiTiwFlVFko+rKeCW1075nlkAAABgElEQVQ4y53U2a6CMBAA0Iq2aIEiyCoKCLjf+f/fu50WgikGjfOk5MAs6ZRwN3LI+7CtsNW/AIBmBzYRztYFgMWAUgAQlv0qWMcpACQjWraA4W6HtCtLAID/qC1E7FIi2oA44JuUy7ROtMNv5FepJbL3ISQahYScVQ2iQZy1WCMiChganfDREYQY02oE9L410Jp1ETYwosYhqwH5PTLGgIUb6PINKj+gnYmqgAcTFBc8HtE19wBSE3ny4XooPMBpenltIjgFDaQa2ZKkQWXWVN0CRs4n0IgVxfJN4f3p8Wa7IzqewD8jUi5fgF2ZyAwn8mE9i1iX4Qkp5lDsSxEWNZlDtUf5kU0KNwuKZ7ob41dkf4O8++YtiQN/QDnFRZzcB9UfDktcNOq3kWYdG8d5uHl6V9V+gN7rRaIGqFso80StX4z82YBG+KfNqDpscq3R71U39l5gkgUZQqfVsbuqXUj1PXIezZDW5aqTB+4CCPziJFgtW1dXR1/4TMjKXtP8AwKwQvM9M8IoAAAAAElFTkSuQmCC)
}

.company-detail .develop-in {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAilBMVEUAAAArffIue/AodukodelAjP8pdukxgfUodekodukpdegqee4pduopd+kteuspd+kreOwqd+oodekodukodegodekodukodukpduord+wodukpd+opduspdegodekpdekpdek1jf8odegodukpd+kpduopdugodugodekpdukodukqdukoeOsodejvfG8RAAAALXRSTlMAEhDlmAicC+nccB5gXSJzJyT5wr+6tGRYKvJsPtXHr4oE66COguzLq5J5SzMJRnhjAAABOElEQVQ4y63S6Y6CMBSG4UJBKSCrIgLivsw43/3f3hyRom0UNPH9Q9o8NNAc9rp9sVyt55XN+hJoEuM+tNhnjfNYbxuLTKLt+ZWytleglqqhvZLdM1MSHCvlvQxU2K29JZAaCdaaqbfAr/xsDpxtA/AfzAxIxwsHODTrqgB+6JkJQzFTupCIozk/T7ozdUPF/HpCCSQTzYynraECAZyA4vLEzOzur0jB+dNNKk2nRDBgaOdi6qYGMmnyiinF5Y3nD6ZCop5Rt7fm1ZY0bAJECuLY3SdnOn+FRvdBBZcofoksHFVkG8/Qtnn6LdqIJHqCHIkCRgWA/x0UA7cZcGB9hkbgEnmMivrQ/EOUD6KFRNt30LFFgRuGJxThtTNwcKk1sHOvFUjdsvSYwGCCjYbRjubXVDP0TPZW/5/BOPi5KGhXAAAAAElFTkSuQmCC)
}

.company-detail .develop-no {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAe1BMVEUAAABsbGxnZ2dzc3NmZmZoaGhtbW1paWlmZmZmZmZmZmZnZ2dmZmZnZ2dnZ2doaGhpaWlmZmZmZmZmZmZnZ2dmZmZnZ2dmZmZnZ2dnZ2doaGhoaGhmZmZmZmZmZmZmZmZmZmZmZmZnZ2dnZ2dmZmZnZ2dpaWlqampmZmZg6dY1AAAAKHRSTlMAEXIH5yMLHuTbnl7rw5sqJvi0llq/rphtZGFAuvHVyo6CU4qJeTMYVClyxQAAAStJREFUOMut0teOgzAQBVCbbgIBQ+ihhGy5//+F6zhUL4HVKvdlNKPDyEYmr9PVTXovKp3shUGGWXso6CLpbLKfGABfj/SyWvcpRJpfs3zRU18IA+nKRBDRpt5uAJ9yfCim9YDP8dgOkOoUKNfGtwIDuMm+qoFY1Ih9z+YKJBYhQsn9PZ92qkYkdICO5AA/KcZKpJExhWqButowV326FQNgfKnGH8ysmLlr5KS3Nkw0ml45iZlTWS8LU4HTFfKHv2a3mTTDB+EKOXDnl5MUsp72UAfnGMXwRvS8u06Pkc74c6OB84QyBZnAaQMZspZ76PwfFM4o20L2gC4vUaEib4FcBQUzihfIeQMyNU1rUWuPpMDtUe+AKwccfp7nNmE4DCPuMXIJsehRyJ/yAy7CMnquxZPMAAAAAElFTkSuQmCC)
}

.company-detail .operate-in {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAkFBMVEUAAAApdukpduksgu8seOkoduk9if8odeksffIpdesreuopduksd+wodukodukodekqd+sodukodukpdukrd+oodegodegodekodukpdukodukodukpd+opduopd+opd+sud+sodekpd+opdukzfe4pdugodukpdekpduopee8pdugpdukqdeoudu0tfe8odeitFXp/AAAAL3RSTlMA6EULIvIG7RJLLk8n2rikMsy+Wzn59uDEqJ2ShHZfPhmtbWgPtIx7Ux7Ux1UcFhNC63oAAAFFSURBVDjL1ZPZboMwEEXHEGwoOyQhCSH71vX+/9/VhiEJbQl9bI+EfI3OjGwx0K8oxRBnIgwijLS3HlE10hM9wvoH0mZDLc9ujySVkhwP0+KLlLTVwIjjE2Bz9IwksLpu4XPMb6UVUqI5It7GwJzjEThxTFESjYFdWw3uujPRquMSzqhesPUDz/TRT+wF/hZYZEBpBRe97OubgNnacs5xId2MoyKDDcymcKILafzIgXP0TFyZtylEK43IppZutO6lHv6kZEfVgMQMSdLyfe8wIC2gyXoklwfzLXQA8bOUqGnepED1SYEAUErTMcSkliQQdJxNgSIGMpfkDMpDSpoQeec8LxAB7SYokhiTNSUfzRXC+y//CsfM91rwpHJ7hXC/HmtcIhmZasN7CizpiiXQoCRVt19GLs+dY5xmytFERF6Y0zc+AW43M8L+AwDTAAAAAElFTkSuQmCC)
}

.company-detail .operate-no {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAh1BMVEUAAABmZmZnZ2dra2tpaWloaGhnZ2dmZmZmZmZpaWl4eHhmZmZtbW1mZmZmZmZoaGhpaWl3d3dnZ2dnZ2dnZ2dmZmZnZ2dnZ2dpaWlra2tpaWlnZ2dmZmZmZmZmZmZmZmZoaGhnZ2doaGhnZ2dmZmZmZmZmZmZnZ2dmZmZmZmZoaGhnZ2dmZmYwOl1aAAAALHRSTlMA6UULIUz48lEuCN8R7uYzJgS7taWPals5GRPXy8XAqYVfPvStoJp3fXEozk9VUM8AAAFLSURBVDjL1ZPZboMwEEXHEAO12QmQACH72vv/31cMpiFtgT5V6pGQr60zI1s29CtSn03j34gwi6+kzJjiCqakN5rC+AfSek09i2JEEh6LdHQt+UUK+mpgoeMbIHTk8Il87D+ncHTMn6VXvBNtkejpEtjqmABpl6JKpRVw76uhu2YqGm3c4Ri2A05OyFWf5lvy0DkB5xq4GA8nBrL2JNCchNjqeI7cWEdGChPYWDjG7aad+Ag74Srum1W7ekoLMqnnNRpDaYS/l/x5yYyv05JmVhIG59yckS5oqEck1+1Gp7QB9rMUeFbepdAbk0IGII2aVEhYrSSAx4uzlpBLoC4oquFxVGqxRP6ynxIspMyCDM6wDhQU3RHK4c1vYKv3fWD6per2HmR2WDW4RFGiqtvlCtgNLoihgwm6P38ZsbvRgCLdeHZDQsRlTt/4AFngMjh13MX/AAAAAElFTkSuQmCC)
}

.company-detail .analysis-in {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAdVBMVEUAAAApdekodegpdekpduoodegpduopeOkqeOooduoxhvcpdegodukpdukodukodukpdugpdukpdespduord+wpdesse/Aodekodekpdekodekqd+grduote/Ipdukodekqdukqeuote+tAlf8pdugod+godelKNBnSAAAAJnRSTlMAyOC8hfh3RGBfC/V+286v1W5XU0EyH+/ipZhPOxK2j2gwGQacZXa7FmoAAAD/SURBVDjLvdTJboMwFAXQhzEpMYOZx5BmaO//f2KfI9RIlYdNk7N49uLqIhsE/dUL0VPIDMxksebyqQAK+ZSvZKgIXpHikOQ1duIGyaGSp4dEyVMg9YWOEC8PmQOLwR9SGdiRjNTZdDNVqaOpL+OW2AITsje15jFTfvsClhKrtSkHCo2HT+rru6VJzUC80SBHzjiuYCuBhYx705Aj9I2kDl7mJk9kk/7zuytw8YUuKHhqVO2HU1tBc+iEgMeBuihLnLKoo7ero6CaJgRNdD2wEdXBosJolisZDWA9aAc0tFMCmqw0hPr9bJPBHhoS5Ps2g3T/LrJ9d46VK6TiM88fxdQnuZX7QHwAAAAASUVORK5CYII=)
}

.company-detail .analysis-no {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAclBMVEUAAABmZmZnZ2dnZ2dmZmZnZ2dpaWlmZmZmZmZnZ2dmZmZmZmZmZmZmZmZnZ2dwcHB4eHhmZmZnZ2dnZ2dmZmZqampqampqampmZmZnZ2dmZmZnZ2dqampmZmZmZmZnZ2dnZ2dmZmZnZ2dqampmZmZmZmZo81LwAAAAJXRSTlMAyGD7u3dE4YTf9NeIflYJBM5QQTIfFg2xrJlnO8C+o5VwbTDr9FPjfAAAAP9JREFUOMu90ttuhCAQBuBhcYuC4vm0uuf+7/+KHVPTbirgVfe7GDD5M0QG+qtJkob2XIErbRVVFv8ygHn5zKqCWC4QJHIOpbxGXgJIOVRyDUhRck1wCIUOUP8dKgQA1b6E1DbUa7DDznGdWEKeTk15sQWvt0AnqwGorDsBpxKVs1MGJIPE4kbNo3B0ykfg0lGbfmKdwbZTX/IZ3xO31ndPE+Rj9zK7eH7T7KZQaELCdYCpPrwqg4FDs0SQnInVQksvLWp6u7vYdSeFXYqeR6Zhjg4GelmetLCA80drwNIqVxjJaYTKf56tbN2hViJbtxoxecTQ6y46975Qf464fgHN6ib3lSyYTQAAAABJRU5ErkJggg==)
}

.company-detail .news-in {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAeFBMVEUAAAAseOssf/Epduksd+kpd+gtee0qdukpdekodegpd+sodukpdegodekpduk8kf8pdekodekpdukodukod+ood+kodukodukpdekpdukrduooduoodusree0whv8pdekpdukpd+oodekpdukreOoqeewseukodehYJJxnAAAAJ3RSTlMAQBGiLZ0gW/rMWPXgi3MG5+TaunZF7pWJb1RPMioKrq2Dfl1INxfRBCTfAAAA9klEQVQ4y83U23KCMBSF4Z1oYyhgWk5y0p673v8Nu1PS2pgI0wtH/4tMgG9gcxOqM5yrqciVYSblELAS8baAcMjtYl0OqQNxxg76KTg1PeoEt3doRMNbKjGSTGEbLXK1E7oHCkn0iA2ZBFym/qD0F6GcUDBTD/wgDbRxJI7oIQc2i4hKpOkikgVg0S7hnmUc0T61SOI7EaJ3FHw5AAPf3HI9hYi6D+L6is7PdOyGkNrd+b2aELU4TcTetPJ7MVf/OzpIPxNBbxp+jQpRh5P0OkSk1n7yH4PXvNbQc6hAzmuOZOboEU/Q+ZBrVJRhqZI/Oa90UhF9AVm7RS/YbLwLAAAAAElFTkSuQmCC)
}

.company-detail .news-no {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAb1BMVEUAAABoaGhubm5mZmZmZmZmZmZmZmZoaGhqamqEhIRmZmZoaGhnZ2dmZmZmZmZnZ2dnZ2dnZ2dmZmZnZ2dmZmZtbW1mZmZmZmZoaGhmZmZnZ2dnZ2dvb29mZmZmZmZnZ2dnZ2dnZ2dnZ2dmZmZmZma1az2MAAAAJHRSTlMAQBGiLZ32WyAEzFiL4HNS5+TaukUI7pV2bzIqF4l7Sq6tgzdBG211AAAA80lEQVQ4y83U23KDIBSF4Y1JESzG1lPUmKSH9f7P2E1lagkUpxed5r9gGP2G2dxAbYmf6gdylUikHAJ2It4BEA65Xay/Q6ojrrODzoJTy69RcCeHJvS8pQYTZRK2ySLXeUGPQJ0RPSMnXYAr1TckvxAabVE4UwWsCCaOxIqeDJBvIt1Ayi1EWQ1YdCy41yyO6CQtmvGZCNEV9XKPij8euIpCpMd3suqiEzOt3Q9Sxwe/iw7RGbeJ2Ek7v7fu329HXeanIyiX8OtViEbcJPchIrX3m38xeMtrC5lCNQyvBkXi6REvgLkaYKASWzWa2rSSxaDpA8uuQNp0VzMDAAAAAElFTkSuQmCC)
}

.company-detail .stock-in {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAudJREFUWEftmE1oE1EQx2d2k1opoqZNdg+CCn7kwwZF0HpSe1EvQrG1ePLrqKA9ZE2hhxy0bbYXLV5EUSgqYrFg8SAIWkXBInjQJJsKpYoIyVq/tYem+0a2kBg2pX3ZbtuD2ePum/n/3rx5b+YtgoNPQMk0EOA9AbE1Ffc9t+Ma80ah2A8PTuSkhFqn2XFk2gTO6aeIscsIcFbrkS/Z8VMACijZESLahO6qeq3Tk7DjjBfoQC8t+/BJb1mx3DU4HKv9WaxVAPJHMjT9AfFQWpUGFhIopOjNBrF+RGjTVPnikgMFo/oxZrAbiNChqfKFCpB1+RclQv5I5ggCthBQEwLeR4T+lCrdssKY+cOANRNBKwA+BMQ7Wtzbh4jTOexIUte3j/tzU1Mlx4UguLek4rXJPFRY+bJmknIfrZCCy9WQ6qobdgwoGNW3MYO9tgqJomtHsrvuVf59IKJvJGDvSsah2JhUvU8qQJUI/b85FIrq+5lBbR4Uml+o3l8zHHTz2mUuUdyb6PYOce+ygJK5RgQnURB2a3HfM7tAwRhV0YT+AAjqCUgGgHEAHBFrqg8mYyu/lg0EIO5J93if2gXK2827dOQjtORAoai+gRnUBwh+IloNAGOAMJRW5RPFUeI9qecdoaCiH2fErluXSK6R3EMxnCoS4Erq4hICyG4CwBlNlV9y90MLBTRbNzprtecFCiufN0+SkS6p4pZqz9MWOwJkCln7IUGgu8m4fJsHwvElK+SGk9egmW4d/vbsLjDoMRBUF2aB+DatSuGZZs57DbKdQ6bh9ivknhjVrxLRURBxn9ble5RvN62OFwXIFJ3rYCwsWTTbRAYNCCAcTvX4+svNH8dKR7FwuOP7+jfnV43ZgeEGMmsPGSwmunFnolPK2hXjsXPk1sEjxDumAjRXpEoihIi/ASA3l6HT3wngj4B0+t//oUjmPQGsdVqoLH8IvQWgrdFv6yaNXCMBE8py4tBgM0JVPmnwL6xBrvWpSXJHAAAAAElFTkSuQmCC)
}

.company-detail .stock-no {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAstJREFUWEftlz1oFFEQx/+zyZ0mEIg2ShBU8COFEWw0VmoarYRgYrDyC97bO+/Q6y2usUkTz1zu9j1FIaiIQcFgIQgaxUIRbFQ0NhEsgiAWaoqL7o6sZsOyOZO9zSYpvC13d+b/e/PmzcwjxPikUqlO27bvAOjTWj+L4po8o1wut7ZSqawrlUrvojhybYQQZwAUieicUqoQxc8skBBiHMA2wzA6LMt6E8VZWKBsNrtqenq6N5lMjg4ODn7za/mB2P1AREeUUneXEkhK2cPMIwByWuuLKw5kmuYJx3GuGYZx3rKsC3Wg4PYvS4SklMcA9DJzNxHdI6IRy7JuBGHc/AHg5lAfET1g5ltKqWEi+pvDnoEQInJSCyHaAcwpF4lEYsfQ0NBbTyObzW6oVCqfqhyYTq31i9iATNPc5TjOq6BQY2Pj7lKp9NJ7L6XcyswfqgB1aa0f14HqEfp/c0hKeYiZc62trT39/f3fqxS6RZ0ywzAOWJY1FvqUSSmvMPNpItqnlHoaFSifzycnJyfvA+hg5vUAvhDReHNz8+GBgYGvNQM1NDTsL5fLT6ICeXaLbh1ehFYcKJ1Ob7FtexhAOzOvATBBRGNKqVP+KIWt1IuOkJTyJDNfDW5RW1tbIp/P//IJhEpqfwsBcN0wjLPlcvl56HloqYDmm0bn7fZhgVKp1Hbbtt8HhYLdPsxYHAuQKxSch5j5ttb6ZhiI2LfMN1PFeg2aM6BJKfcy8yMAq32reK213llt5WGvQZFzyDUUQiQAXAZwHMBBpdRDb9wMOl4WoJn8+NM6/lUYfce/23Ec9053VGvt3rtqfkLN1AtVar9qJpPZXCwWJ2ommTEIBTTTe/JNTU17CoXC56hiYexCAYVxFNc/daCFIlktQj8A/FzIMO7vzDxFRBk/0EcAG+MWqtHfpVkg0zQ3AehyHMeo0UksvxPRVEtLy+hvvceX8UizC1cAAAAASUVORK5CYII=)
}

.company-detail .menu-tree {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
    display: flex;
    position: absolute;
    width: 100%;
    z-index: 999
}

.company-detail .menu-list {
    border-right: 1px solid #f2f4f6;
    flex: 1;
    float: left;
    height: 400px;
    overflow-y: auto;
    padding-bottom: 14px;
    padding-left: 12px
}

.company-detail .menu-list:last-child {
    border-right: 1px solid transparent
}

.company-detail .menu-info {
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-left: 10px;
    padding-top: 14px
}

.company-detail .menu-info span {
    color: #2875e8;
    margin-left: 2px
}

.company-detail .menu-info:hover {
    color: #2875e8
}

.company-detail .menu-ban {
    color: #999;
    cursor: not-allowed;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-left: 10px;
    padding-top: 14px
}

.company-detail .menu-sub {
    background: #fff;
    color: #666;
    margin: -20px auto 20px;
    padding: 8px 20px
}

.company-detail .sub-info {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    margin: 6px 12px 6px 0;
    padding: 0 12px
}

.company-detail .sub-info span {
    display: inline-block;
    font-size: 12px;
    margin-left: 4px
}

.company-detail .sub-info:hover {
    border: 1px solid #2875e8;
    color: #2875e8
}

.company-detail .sub-ban {
    background: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #ccc;
    cursor: default;
    display: inline-block;
    line-height: 28px;
    margin: 6px 12px 6px 0;
    padding: 0 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.company-detail .company-info {
    align-items: flex-start;
    display: flex
}

.company-detail .company-left {
    margin-right: 20px;
    width: 870px
}

.company-detail .left-content {
    background: #fff;
    border-radius: 4px;
    padding: 20px
}

.company-detail .company-state {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px
}

.company-detail .company-state span {
    color: #e6a23c
}

.company-detail .header-flex {
    display: flex;
    justify-content: space-between
}

.company-detail .header-search {
    display: flex
}

.company-detail .header-select {
    margin-left: 10px;
    width: 110px
}

.company-detail .header-select .el-input__inner {
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 25px
}

.company-detail .header-select .el-input__icon {
    line-height: 28px
}

.company-detail .header-switch {
    color: #999;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    margin-top: 20px
}

.company-detail .header-switch div {
    margin-right: 30px
}

.company-detail .switch-in {
    color: #333
}

.company-detail .switch-line {
    background: #333;
    display: block;
    height: 2px;
    margin-top: 4px
}

.company-detail .detail-title {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.company-detail .detail-title span {
    color: #2875e8;
    margin-left: 4px
}

.company-detail .detail-title p {
    color: #999;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px
}

.company-detail .company-table {
    margin-top: 15px
}

.company-detail .company-table table {
    word-wrap: break-word;
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.company-detail .company-table td {
    border: 1px solid #f2f4f6;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 10px;
    word-break: break-all
}

.company-detail .company-table .td-grey, .company-detail .company-table td:first-child, .company-detail .company-table td:nth-child(3) {
    background: #f7f9fa;
    color: #666;
    width: 140px
}

.company-detail .line-two {
    max-height: 48px;
    overflow: hidden;
    position: relative
}

.company-detail .line-three {
    max-height: 72px;
    overflow: hidden;
    position: relative
}

.company-detail .line-five {
    max-height: 120px;
    overflow: hidden;
    position: relative
}

.company-detail .fold-open {
    background-color: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 50px
}

.company-detail .fold, .company-detail .fold-open {
    color: #2875e8;
    cursor: pointer
}

.company-detail .desc-pic {
    display: flex;
    margin-top: 10px
}

.company-detail .company-pic {
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 320px
}

.company-detail .company-pic img {
    background-size: cover;
    bottom: 0;
    display: inline-block;
    height: 100%;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.company-detail .desc-bg {
    color: #333;
    font-size: 14px;
    margin-left: 20px;
    width: 490px
}

.company-detail .company-desc {
    line-height: 24px;
    max-height: 180px;
    overflow-y: auto;
    padding-right: 10px;
    position: relative
}

.company-detail .company-business, .company-detail .company-main, .company-detail .company-register {
    margin-top: 30px
}

.company-detail .main-value {
    color: #333;
    font-size: 14px;
    margin-top: 10px
}

.company-detail .company-brand, .company-detail .company-matching, .company-detail .company-report {
    margin-top: 30px
}

.company-detail .company-report .gs-center {
    align-items: center;
    display: flex;
    height: 55px;
    text-align: left
}

.company-detail .company-report .table-icon {
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.company-detail .company-report .table-name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: pointer;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all
}

.company-detail .company-report .table-name:hover {
    color: #2875e8
}

.company-detail .company-report .center-80 {
    text-align: center;
    width: 80px
}

.company-detail .company-report .center-90 {
    text-align: center;
    width: 90px
}

.company-detail .company-report table {
    border: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 15px;
    table-layout: fixed;
    width: 100%
}

.company-detail .company-report thead {
    background: #f2f4f6;
    color: #999;
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.company-detail .company-report thead td {
    border: 1px solid #f2f4f6;
    line-height: 24px;
    padding: 8px 10px;
    text-align: left
}

.company-detail .company-report tbody td {
    line-height: 24px;
    padding: 8px 10px
}

.company-detail .company-product {
    margin-top: 30px
}

.company-detail .product-list {
    display: flex;
    margin-top: 16px
}

.company-detail .product-info {
    margin-right: 30px;
    position: relative;
    width: 185px
}

.company-detail .product-img {
    background: #fff;
    border: 1px solid #ebebeb;
    cursor: pointer;
    height: 138px;
    line-height: 190px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 185px
}

.company-detail .product-img img {
    bottom: 0;
    display: inline-block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s;
    vertical-align: middle
}

.company-detail .product-img img:hover {
    transform: scale(1.1)
}

.company-detail .product-num {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    bottom: 7px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    left: 4px;
    line-height: 24px;
    position: absolute;
    width: 48px;
    z-index: 1
}

.company-detail .product-name {
    color: #333;
    display: block;
    font-size: 14px;
    margin-top: 10px
}

.company-detail .product-tag {
    color: #999;
    display: block;
    font-size: 12px;
    margin-top: 8px
}

.company-detail .company-relevance {
    margin-top: 30px
}

.company-detail .relevance-list table {
    border: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 15px;
    table-layout: fixed;
    text-align: center;
    width: 100%
}

.company-detail .relevance-list thead {
    background: #f2f4f6;
    color: #999;
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.company-detail .relevance-list thead td {
    border: 1px solid #f2f4f6;
    line-height: 24px;
    padding: 8px 10px;
    text-align: left;
    width: 120px
}

.company-detail .relevance-list thead td:first-child {
    width: 80px
}

.company-detail .relevance-list thead td:nth-child(4) {
    width: 230px
}

.company-detail .relevance-list thead td:nth-child(5), .company-detail .relevance-list thead td:nth-child(7) {
    width: 80px
}

.company-detail .relevance-list tbody .drag-td:first-child {
    background: #fff;
    height: 80px
}

.company-detail .relevance-list tbody td {
    border: 1px solid #f2f4f6;
    line-height: 24px;
    padding: 8px 10px;
    text-align: left
}

.company-detail .relevance-list tbody td:first-child, .company-detail .relevance-list tbody td:nth-child(2), .company-detail .relevance-list tbody td:nth-child(3) {
    background: #f7f9fa
}

.company-detail .oem-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.company-detail .oem-title {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.company-detail .oem-title-two {
    color: #000;
    font-size: 12px;
    font-weight: 600
}

.company-detail .oem-sub-title {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px
}

.company-detail .oem-header-btn {
    display: flex
}

.company-detail .company-car-table {
    margin-top: 10px
}

.company-detail .company-car-table .el-table__cell {
    padding: 8px 0
}

.company-detail .export-btn {
    align-items: center;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    color: #17bd9c;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 28px;
    padding: 0 10px
}

.company-detail .export-btn img {
    height: 12px;
    margin-left: 2px;
    width: 12px
}

.company-detail .btn-110 {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    margin-right: 10px;
    width: 110px
}

.company-detail .btn-110 span {
    flex: 1;
    padding: 5px 0;
    text-align: center
}

.company-detail .btn-active {
    background-color: #333;
    border: none;
    color: #fff
}

.company-detail .chart-info {
    height: 400px;
    margin: 10px 0 20px;
    width: 830px
}

.company-detail .common-table .table-img {
    line-height: 0;
    padding: 5px 10px
}

.company-detail .common-table .table-img img {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    height: 40px;
    width: 40px
}

.company-detail .common-table table {
    word-wrap: break-word;
    border-collapse: collapse;
    margin-top: 15px;
    table-layout: fixed;
    width: 100%
}

.company-detail .common-table td {
    word-wrap: break-word;
    border: 1px solid #f2f4f6;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 10px;
    vertical-align: middle
}

.company-detail .pagination {
    justify-content: flex-end;
    margin-top: 16px
}

.company-detail .pagination span:last-child {
    margin-right: 0
}

.company-detail .table-header {
    background: #f7f9fa;
    color: #666;
    line-height: 40px;
    text-align: center
}

.company-detail .check-btn {
    display: inline-block
}

.company-detail .table-link {
    color: #2875e8;
    cursor: pointer
}

.company-detail .table-center {
    text-align: center
}

.company-detail .table-50 {
    width: 50px
}

.company-detail .table-60 {
    width: 60px
}

.company-detail .table-70 {
    width: 70px
}

.company-detail .table-80 {
    width: 80px
}

.company-detail .table-90 {
    width: 90px
}

.company-detail .table-100 {
    width: 100px
}

.company-detail .table-120 {
    width: 120px
}

.company-detail .table-130 {
    width: 130px
}

.company-detail .table-140 {
    width: 140px
}

.company-detail .table-150 {
    width: 150px
}

.company-detail .table-160 {
    width: 160px
}

.company-detail .table-170 {
    width: 170px
}

.company-detail .table-180 {
    width: 180px
}

.company-detail .table-190 {
    width: 190px
}

.company-detail .table-200 {
    width: 200px
}

.company-detail .table-220 {
    width: 220px
}

.company-detail .table-230 {
    width: 230px
}

.company-detail .table-240 {
    width: 240px
}

.company-detail .table-250 {
    width: 250px
}

.company-detail .table-270 {
    width: 270px
}

.company-detail .table-280 {
    width: 280px
}

.company-detail .table-300 {
    width: 300px
}

.company-detail .table-450 {
    width: 450px
}

.company-detail .table-460 {
    width: 460px
}

.company-detail .table-470 {
    width: 470px
}

.company-detail .table-open {
    color: #17bd9c;
    text-align: center
}

.company-detail .table-close {
    color: #f56c6c;
    text-align: center
}

.company-detail .company-component {
    margin-bottom: -30px
}

.company-detail .company-module {
    margin-bottom: 30px
}

.company-detail .company-news {
    border-bottom: 1px dashed #f0f0f0;
    display: flex;
    overflow: hidden;
    padding: 15px 0;
    transition: box-shadow .35s ease-out, transform .3s ease-out
}

.company-detail .company-news:first-child {
    padding-top: 0
}

.company-detail .company-news:hover {
    transform: translateY(-4px)
}

.company-detail .company-news:hover .news-title {
    color: #2875e8
}

.company-detail .news-info {
    height: 106px;
    position: relative;
    width: 100%
}

.company-detail .news-title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px
}

.company-detail .news-desc {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #7f7f7f;
    display: -webkit-box;
    line-height: 24px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-detail .news-bottom {
    align-items: center;
    bottom: -2px;
    color: #999;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    left: 0;
    padding-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.company-detail .news-bottom .news-scan {
    margin-right: 20px
}

.company-detail .news-tags {
    display: flex;
    max-width: 52%
}

.company-detail .news-tag {
    border: 1px solid #f2f4f6;
    border-radius: 2px;
    color: #8ea6ca;
    font-size: 12px;
    margin-right: 10px;
    max-width: 120px;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.company-detail .news-tag:last-child {
    margin-right: 0
}

.company-detail .news-source-time {
    color: #999;
    font-size: 12px
}

.company-detail .news-source {
    margin-right: 20px
}

.company-detail .company-right {
    position: sticky;
    top: 110px;
    width: 310px
}

.company-detail .right-info {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px 14px
}

.company-detail .right-title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px
}

.company-detail .right-attach {
    align-items: flex-start;
    border-bottom: 1px dashed #f0f0f0;
    color: #333;
    display: flex;
    font-size: 14px;
    padding: 12px 0
}

.company-detail .right-attach:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.company-detail .att-title {
    margin-bottom: 0
}

.company-detail .attach-icon {
    height: 16px;
    margin-top: 2px;
    width: 16px
}

.company-detail .attach-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 240px
}

.company-detail .attach-down {
    cursor: pointer;
    height: 14px;
    margin-top: 2px;
    width: 14px
}

.company-detail .right-oem {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px 14px
}

.company-detail .right-oem img {
    cursor: pointer;
    height: 166px;
    width: 282px
}

.company-detail .right-contact {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px;
    margin-top: 10px
}

.company-detail .right-contact:first-child {
    margin-top: 0
}

.company-detail .right-label {
    color: #999;
    display: inline-block;
    width: 60px
}

.company-detail .right-val {
    color: #2875e8;
    margin-right: 10px
}

.company-detail .right-email {
    word-wrap: break-word;
    width: 224px
}

.company-detail .right-header {
    align-items: center;
    color: #999;
    display: flex;
    justify-content: space-between;
    padding: 0 14px
}

.company-detail .header-name {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.company-detail .header-line {
    background: #2875e8;
    border-radius: 2px;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    width: 4px
}

.company-detail .header-num {
    color: #2875e8;
    font-size: 12px;
    margin-left: 2px
}

.company-detail .header-more {
    align-items: center;
    color: #999;
    cursor: pointer;
    display: flex;
    font-size: 12px
}

.company-detail .header-more img {
    height: 12px;
    width: 12px
}

.company-detail .right-finance {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px 0 0
}

.company-detail .finance-list {
    margin-top: 17px
}

.company-detail .finance-info {
    background: #f3f5f9;
    font-size: 13px;
    padding: 2px 14px 10px
}

.company-detail .finance-info:nth-child(2n) {
    background: #fff
}

.company-detail .finance-value {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.company-detail .finance-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 152px
}

.company-detail .finance-num {
    color: #f56c6c
}

.company-detail .company-top {
    background: #fff;
    border-radius: 50%;
    bottom: 60px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
    height: 48px;
    margin-top: 300px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 48px
}

.company-detail .company-top img {
    height: 24px;
    margin-top: 12px;
    width: 24px
}

.company-detail .no-login {
    align-items: center;
    background: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-top: 30px;
    padding: 14px 20px
}

.company-detail .login-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.company-detail .login-span {
    color: #2875e8;
    cursor: pointer
}

.company-stock .stock-nav {
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    margin-bottom: 20px;
    margin-top: -10px
}

.company-stock .nav-item {
    cursor: pointer;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 24px
}

.company-stock .active-line {
    bottom: 2px;
    color: #fff;
    height: 2px;
    position: relative;
    transform: scaleX(0);
    transition: transform .2s
}

.company-stock .type-active {
    color: #2875e8
}

.company-stock .type-active .active-line {
    background-color: #2875e8;
    transform: scaleX(1)
}

.company-stock .stock-company-name {
    font-size: 16px;
    font-weight: 600
}

.company-stock .stock-content {
    margin-top: 30px
}

.company-stock .stock-more {
    align-items: center;
    color: #999;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px
}

.company-stock .stock-icon {
    height: 12px;
    width: 12px
}

.company-stock .stock-cent {
    display: flex;
    margin: 10px 0
}

.company-stock .cent-table .table-bold {
    font-weight: 600
}

.company-stock .cent-table .table-indent {
    padding-left: 20px
}

.company-stock .cent-table .table-indent2 {
    padding-left: 30px
}

.company-stock .cent-table table {
    border: none;
    border-collapse: collapse;
    table-layout: fixed;
    width: 360px
}

.company-stock .cent-table td {
    word-wrap: break-word;
    border: 1px solid #f2f4f6;
    line-height: 24px;
    padding: 8px 10px;
    text-align: center;
    width: 80px
}

.company-stock .cent-charts {
    width: 460px
}

.company-stock .cent-chart {
    background: #fff;
    border: 1px solid #f2f4f6;
    height: 298px;
    margin-bottom: 20px;
    margin-left: 20px
}

.company-stock .cent-chart:last-child {
    margin-bottom: 0
}

.company-stock .cent-chart-info {
    height: 256px;
    width: 438px
}

.company-stock .cent-title {
    background: #f7f9fa;
    color: #666;
    line-height: 24px;
    padding: 8px 10px
}

.company-stock .belong-profit {
    background: #fff;
    border: 1px solid #f2f4f6;
    height: 320px;
    margin: 12px 0;
    position: relative;
    width: 100%
}

.company-stock .belong-title {
    background: #f2f4f6;
    color: #666;
    font-size: 14px;
    padding: 12px 0 12px 10px
}

.company-stock .belong-charts {
    height: 260px;
    position: relative
}

.company-stock .stock-theme {
    border: 1px solid #f2f4f6;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    max-height: 460px;
    overflow-y: auto;
    padding: 14px 6px 14px 16px
}

.company-stock .stock-theme p {
    margin-top: 10px
}

.company-stock .stock-theme p:first-child {
    margin-top: 0
}

.company-stock .theme-bold {
    font-weight: 600
}

.stock-detail {
    margin: 14px auto 20px;
    width: 1200px
}

.stock-detail .header-flex {
    display: flex;
    justify-content: space-between
}

.stock-detail .header-search {
    display: flex
}

.stock-detail .header-select {
    margin-left: 10px;
    width: 110px
}

.stock-detail .header-select .el-input__inner {
    height: 28px;
    line-height: 28px
}

.stock-detail .header-select .el-input__icon {
    line-height: 28px
}

.stock-detail .detail-title {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.stock-detail .stock-bg {
    background: #fff;
    border-radius: 4px;
    margin-top: 14px;
    padding: 20px;
    width: 1200px
}

.stock-detail .stock-type {
    display: flex;
    margin: 0 20px 20px 0
}

.stock-detail .type-btn {
    background: #fafafa;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    margin-right: 10px;
    padding: 8px 10px
}

.stock-detail .type-active {
    background: #2875e8;
    color: #fff
}

.stock-detail .belong-profit {
    background: #fff;
    border: 1px solid #f2f4f6;
    height: 320px;
    margin: 12px 0;
    width: 100%
}

.stock-detail .belong-title {
    background: #f2f4f6;
    color: #666;
    font-size: 14px;
    padding: 12px 0 12px 10px
}

.stock-detail .belong-charts {
    height: 260px
}

.stock-detail .stock-detail-module {
    position: relative
}

.stock-table {
    margin-top: 12px
}

.stock-table .scroller-table {
    display: inline-block;
    max-height: 400px;
    overflow: auto;
    width: 836px
}

.stock-table .scroller-table:hover::-webkit-scrollbar-thumb {
    background-color: rgba(50, 50, 50, .25)
}

.stock-table .scroller-table:hover::-webkit-scrollbar-corner, .stock-table .scroller-table:hover::-webkit-scrollbar-track {
    background-color: #ebebeb
}

.stock-table .scroller-table::-webkit-scrollbar-thumb {
    background-color: rgba(50, 50, 50, 0)
}

.stock-table .scroller-table::-webkit-scrollbar-corner, .stock-table .scroller-table::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 92%, 0)
}

.stock-table .scroller-table::-webkit-scrollbar {
    height: 8px
}

.stock-table .table-active, .stock-table .table-active .fixed-seat {
    background: #f1f4f6
}

.stock-table .fixed-seat, .stock-table .table-title {
    background: #f7f9fa;
    border-left: 1px solid #f2f4f6;
    left: 0;
    position: sticky;
    width: 210px
}

.stock-table .fixed-seat {
    padding-left: 20px
}

.stock-table .table-bold {
    font-weight: 600;
    padding-left: 10px
}

.stock-table .table-grey {
    background: #f7f9fa;
    border-top: 1px solid #f2f4f6;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 1
}

.stock-table .table-124 {
    width: 124px
}

.stock-table table {
    border: none;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.stock-table td {
    border-bottom: 1px solid #f2f4f6;
    border-right: 1px solid #f2f4f6;
    line-height: 22px;
    padding: 8px 10px;
    word-break: break-all
}

.stock-detail-table {
    margin-top: 20px;
    position: relative
}

.stock-detail-table .fixed-table {
    background: #f7f9fa;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    width: 263px
}

.stock-detail-table .fixed-table .table-bold {
    cursor: default;
    font-weight: 600;
    padding-left: 10px
}

.stock-detail-table .fixed-table td {
    min-width: 263px;
    padding-left: 20px;
    text-align: left;
    width: 263px
}

.stock-detail-table .scroller-table {
    display: inline-block;
    overflow-x: auto;
    width: 100%
}

.stock-detail-table .fixed-seat {
    min-width: 263px;
    padding-left: 20px;
    width: 263px
}

.stock-detail-table .table-bold {
    padding-left: 10px
}

.stock-detail-table .table-indent {
    padding-left: 20px
}

.stock-detail-table .table-grey {
    background: #f7f9fa;
    cursor: default;
    font-weight: 600
}

.stock-detail-table .table-active {
    background: #f1f4f6
}

.stock-detail-table table {
    border: none;
    border-collapse: collapse;
    width: 100%
}

.stock-detail-table tr {
    cursor: pointer
}

.stock-detail-table td {
    border: 1px solid #f2f4f6;
    line-height: 22px;
    min-width: 128px;
    padding: 8px 10px;
    text-align: left;
    width: 128px
}

.company-analysis {
    margin-bottom: 30px
}

.company-analysis .analysis-title {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.company-analysis .analysis-info {
    border: 1px solid #f2f4f6;
    height: 360px;
    margin-top: 12px
}

.company-analysis .analysis-header {
    align-items: center;
    background: #f2f4f6;
    border-bottom: 1px solid #f2f4f6;
    display: flex;
    justify-content: space-between;
    padding: 12px 10px
}

.company-analysis .header-name {
    color: #999;
    display: inline-block;
    font-size: 14px;
    margin-left: 0
}

.company-analysis .header-icon {
    align-items: center;
    color: #2875e8;
    cursor: pointer;
    display: flex;
    font-size: 14px
}

.company-analysis .header-icon img {
    height: 14px;
    margin-right: 8px;
    width: 14px
}

.company-analysis .analysis-notice {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px
}

#chart-relation {
    font-size: 12px;
    height: 314px;
    overflow: hidden;
    width: 830px
}

#chart-relation svg {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    width: 100%
}

#chart-relation rect {
    fill: #fff;
    stroke: #2875e8;
    stroke-width: 1px
}

#chart-relation .root rect, #chart-relation marker {
    fill: #2875e8
}

#chart-relation .root text {
    fill: #fff
}

#chart-relation .investor {
    cursor: pointer
}

#chart-relation .investor rect {
    fill: #ecf8ee;
    stroke: #ecf8ee
}

#chart-relation .investor-node rect {
    stroke: #ecf8ee
}

#chart-relation .legal-person {
    cursor: pointer
}

#chart-relation .legal-person rect {
    fill: #fff3e2;
    stroke: #fff3e2
}

#chart-relation .legal-person-node rect {
    stroke: #fff3e2
}

#chart-relation .director {
    cursor: pointer
}

#chart-relation .director rect {
    fill: #e7f3ff;
    stroke: #e7f3ff
}

#chart-relation .director-node rect {
    stroke: #e7f3ff
}

#chart-relation .line {
    fill: none;
    stroke: #d0e4ff;
    stroke-width: 1px
}

.company-contrast {
    position: fixed;
    right: 20px;
    top: 300px;
    width: 50px;
    z-index: 999
}

.company-contrast .contrast {
    position: relative
}

.company-contrast .contrast-img {
    cursor: pointer;
    height: 136px;
    width: 48px
}

.company-contrast .contrast-num {
    background: #f56c6c;
    border-radius: 50%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
    color: #fff;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 0;
    width: 20px
}

.contrast-pop {
    background: #fff;
    border: none;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
    left: auto !important;
    margin-right: 0 !important;
    padding: 0 0 20px;
    right: 88px
}

.contrast-pop .contrast-header {
    background: #49586e;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    justify-content: space-between;
    padding: 14px
}

.contrast-pop .contrast-header, .contrast-pop .contrast-title {
    align-items: center;
    display: flex
}

.contrast-pop .contrast-title span {
    color: #fff;
    font-size: 14px;
    margin-left: 10px
}

.contrast-pop .contrast-title img {
    height: 18px;
    width: 18px
}

.contrast-pop .contrast-close {
    color: #fff;
    cursor: pointer;
    font-size: 12px
}

.contrast-pop .contrast-num {
    background: #f8fafd;
    color: #999;
    font-size: 12px;
    padding: 10px 14px
}

.contrast-pop .contrast-num span {
    color: #333;
    margin: 0 4px
}

.contrast-pop .el-input {
    padding: 20px 14px
}

.contrast-pop .contrast-info {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    padding: 0 14px
}

.contrast-pop .logo {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    height: 36px;
    width: 36px
}

.contrast-pop .company-name {
    color: #333;
    cursor: pointer;
    flex: 1;
    font-size: 14px;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.contrast-pop .contrast-del {
    cursor: pointer;
    height: 14px;
    margin-top: 3px;
    width: 14px
}

.contrast-pop .contrast-btn {
    background: #2875e8;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    margin: 20px 14px 0;
    padding: 10px 0;
    text-align: center
}

.contrast-pop .el-autocomplete {
    width: 100%
}

.contrast-pop .nick-name {
    font-size: 12px;
    height: 36px;
    line-height: 15px;
    padding: 4px;
    width: 36px
}

.contrast-pop input {
    background: none;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 10px 12px;
    width: 100%
}

.contrast-pop input::-webkit-input-placeholder {
    color: #ccc
}

.contrast-detail .crumb-list {
    margin: 8px auto
}

.contrast-detail .contrast-bg {
    background: #fff;
    padding-bottom: 78px;
    width: 100%
}

.contrast-detail .contrast-header {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px 0;
    width: 1200px
}

.contrast-detail .contrast-title {
    color: #999;
    font-size: 12px
}

.contrast-detail .title-value {
    color: #000;
    font-size: 24px
}

.contrast-detail .title-count span {
    color: #2875e8
}

.contrast-detail .contrast-btn {
    background: #2875e8;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 8px 14px
}

.contrast-detail .contrast-list {
    border-collapse: collapse;
    margin: 0 auto;
    width: 1200px
}

.contrast-detail .contrast-table .contrast-basic td:first-child {
    color: #333;
    font-weight: 600
}

.contrast-detail .contrast-table .contrast-module td:first-child {
    background: #fff;
    color: #333;
    font-weight: 600
}

.contrast-detail .contrast-table .table-more {
    padding: 0 0 0 10px
}

.contrast-detail .contrast-table td {
    word-wrap: break-word;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 10px;
    vertical-align: middle;
    word-break: break-all
}

.contrast-detail .contrast-table td:first-child {
    background: #f7f9fa;
    color: #999
}

.contrast-detail .contrast-table div {
    max-height: 100px;
    overflow-y: auto;
    padding: 8px 10px 8px 0
}

.contrast-detail .width-140 {
    width: 139px
}

.contrast-detail .width-265 {
    width: 265px
}

.contrast-detail .btn-bg, .contrast-detail .head-company {
    height: 163px;
    padding: 20px 0;
    position: relative;
    text-align: center;
    width: 265px
}

.contrast-detail .add-btn {
    background: #f8f9fb;
    border: 1px solid #f2f4f6;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 40px 95px 0 72px;
    width: 110px
}

.contrast-detail .add-btn:hover {
    color: #2875e8
}

.contrast-detail .head-del {
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 14px
}

.contrast-detail .head-logo {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    height: 60px;
    margin: 0 auto;
    width: 60px
}

.contrast-detail .nick-name {
    font-size: 20px;
    height: 60px;
    line-height: 25px;
    margin: 0 auto;
    padding: 5px 3px;
    width: 60px
}

.contrast-detail .head-name {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    margin: 14px 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.contrast-detail .tag-list {
    margin: 0 auto;
    padding-left: 10px;
    text-align: center;
    width: 232px
}

.contrast-detail .tag-list div {
    display: inline-block;
    margin-right: 2px;
    margin-top: 10px;
    vertical-align: top
}

.contrast-detail .tag-vip {
    height: 20px;
    margin-right: 2px;
    margin-top: 10px;
    width: 80px
}

.contrast-detail .tag-vr {
    background: linear-gradient(270deg, #67a3fd, #598cd9);
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 #f5f7f9;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 3px 8px
}

.contrast-detail .tag-year {
    background: linear-gradient(270deg, #8adae9, #5fb8c9)
}

.contrast-detail .tag-type, .contrast-detail .tag-year {
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 #f5f7f9;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px
}

.contrast-detail .tag-type {
    background: linear-gradient(270deg, #9dbeee, #6894d7)
}

.company-series {
    margin: 10px auto 20px;
    width: 1200px
}

.company-series .series {
    background: #fff;
    border-radius: 4px;
    color: #666;
    font-size: 13px;
    margin: 10px 0 60px;
    padding: 30px 20px
}

.company-series .series-top {
    display: flex;
    justify-content: space-between
}

.company-series .search-input {
    display: flex;
    height: 30px;
    position: relative;
    width: 300px
}

.company-series .input-class {
    width: 220px
}

.company-series .input-class .el-input__inner {
    border: 1px solid #2875e8;
    border-radius: 2px 0 0 2px;
    height: 30px
}

.company-series .search-text {
    background: #2875e8;
    border-radius: 0 2px 2px 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 80px
}

.company-series .search-close {
    color: #ccc;
    cursor: pointer;
    line-height: 30px;
    position: absolute;
    right: 90px;
    top: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}

.company-series .search-close:hover {
    color: #666
}

.company-series .search-close-icon {
    font-family: element-icons, serif;
    font-size: 14px;
    font-style: normal
}

.company-series .search-close-icon:before {
    content: "\e78d"
}

.company-series .series-title {
    color: #333;
    font-size: 20px;
    font-weight: 600
}

.company-series .series-list:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.company-series .no-data {
    background-color: #fff;
    margin-top: 20px;
    padding: 20px 0;
    text-align: center
}

.company-series .no-data p {
    color: #ccc;
    font-size: 14px;
    line-height: 30px
}

.company-series .series-item {
    align-items: center;
    background: linear-gradient(180deg, #f0f0f0, #fff);
    border: 1px solid #ebebeb;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    float: left;
    height: 174px;
    margin-right: 20px;
    margin-top: 20px;
    width: 373px
}

.company-series .series-item:hover {
    background: linear-gradient(180deg, #eff4fc, #fff)
}

.company-series .series-item:nth-child(3n) {
    margin-right: 0
}

.company-series .series-info {
    margin: 0 46px;
    text-align: center
}

.company-series .series-img {
    height: 100px;
    width: 150px
}

.company-series .series-name {
    color: #333;
    font-size: 16px;
    font-weight: 600
}

.company-series .series-desc {
    color: #666;
    margin-top: 6px
}

.company-series .series-sale {
    border-left: 1px solid #ebebeb;
    padding: 4px 0 0 23px;
    text-align: center
}

.company-series .series-logo {
    height: 60px;
    width: 60px
}

.company-series .series-date {
    color: #999;
    margin-top: 24px
}

.company-series .series-num {
    color: #2875e8;
    margin-top: 10px
}

.company-series .series-detail {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin: 10px auto 60px;
    width: 1200px
}

.company-series .login-font {
    font-size: 14px
}

.company-series .series-content {
    background: #fff;
    padding: 20px;
    width: 870px
}

.company-series .series-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.company-series .brand-info {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 18px
}

.company-series .brand-logo {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    height: 48px;
    margin-right: 20px;
    width: 48px
}

.company-series .series-export {
    align-items: center;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #17bd9c;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    padding: 8px 11px
}

.company-series .series-export img {
    height: 14px;
    margin-left: 4px;
    width: 14px
}

.company-series .series-flex {
    align-items: center;
    background: linear-gradient(180deg, #f0f0f0, #fcfcfc);
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: flex;
    margin-top: 20px;
    padding: 10px 20px
}

.company-series .series-tabs {
    background: #fff;
    height: 44px;
    margin-top: 10px;
    width: 830px
}

.company-series .series-tabs .category-active {
    border-bottom: 2px solid #2875e8;
    color: #2875e8
}

.company-series .series-tabs ul {
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    height: 44px;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: hidden
}

.company-series .series-tabs ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.company-series .series-tabs li {
    color: #666;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    margin-right: 30px
}

.company-series .series-seat {
    height: 44px
}

.company-series .series-fixed {
    box-shadow: 0 3px 13px #ebebeb;
    left: 0;
    position: fixed;
    top: 42px;
    width: 100%;
    z-index: 98
}

.company-series .series-fixed ul {
    margin: 0 auto;
    padding-left: 20px;
    width: 1200px
}

.company-series .series-name-two {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    height: 48px;
    width: 430px
}

.company-series .series-value {
    margin-left: 20px
}

.company-series .series-tag {
    color: #999;
    font-size: 14px
}

.company-series .series-tag b {
    color: #333
}

.company-series .series-number {
    color: #333;
    font-weight: 700
}

.company-series .series-number:hover {
    cursor: pointer
}

.company-series .series-line {
    background: #ebebeb;
    display: inline-block;
    height: 10px;
    margin: 0 10px;
    width: 1px
}

.company-series .series-recommend {
    background: #fff;
    height: 524px;
    padding: 24px 14px;
    width: 310px
}

.company-series .recommend-title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.company-series .title-name {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.company-series .title-line {
    background: #2875e8;
    border-radius: 2px;
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    width: 4px
}

.company-series .title-arrow {
    justify-content: flex-end
}

.company-series .title-arrow a {
    align-items: center;
    cursor: pointer;
    display: flex
}

.company-series .arrow-name {
    word-wrap: break-word;
    color: #999;
    display: block;
    line-height: 12px;
    white-space: nowrap
}

.company-series .arrow-img {
    height: 12px;
    width: 12px
}

.company-series .recommend-info {
    background: linear-gradient(180deg, #f0f0f0, #fff);
    border: 1px solid #ebebeb;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    margin-top: 14px;
    padding: 10px 10px 10px 12px
}

.company-series .recommend-info:hover {
    background: linear-gradient(180deg, #eff4fc, #fff)
}

.company-series .recommend-img, .company-series .recommend-img img {
    height: 80px;
    width: 120px
}

.company-series .recommend-content {
    margin-left: 10px
}

.company-series .recommend-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-series .recommend-link {
    align-items: center;
    color: #999;
    display: flex;
    font-size: 12px;
    margin-top: 24px
}

.company-series .recommend-link img {
    height: 12px;
    width: 12px
}

.company-series .category-name {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px
}

.company-series .category-icon {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.company-series .series-table table {
    border-collapse: collapse;
    margin-top: 15px;
    table-layout: fixed;
    text-align: center;
    width: 100%
}

.company-series .series-table td {
    line-height: 20px;
    padding: 10px 0 10px 10px;
    text-align: left;
    width: 140px
}

.company-series .series-table td:nth-child(2) {
    width: 160px
}

.company-series .series-table td:nth-child(3) {
    width: 530px
}

.company-series .table-header {
    background: #e3ebf9;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px
}

.company-series .table-grey {
    background: #f7f9fa;
    font-size: 14px
}

.company-series .table-company {
    align-items: center;
    display: flex
}

.company-series .table-img {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    height: 38px;
    margin-right: 10px;
    width: 38px
}

.company-series .table-logo {
    border-radius: 4px;
    height: 36px;
    width: 36px
}

.company-series .logo-name {
    color: #fff;
    font-size: 14px;
    height: 36px;
    line-height: 16px;
    padding: 2px;
    text-align: center;
    width: 36px
}

.company-series .table-name {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px;
    margin-right: 4px;
    overflow: hidden
}

.company-series .table-name a:hover {
    color: #2875e8
}

.company-series .table-nature {
    background: linear-gradient(270deg, #9dbeee, #6894d7);
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-left: 4px;
    padding: 0 6px
}

.company-series .table-tag {
    color: #999;
    font-size: 12px;
    margin-top: 4px
}

.company-series .table-tag span {
    border-right: 1px solid #efefef;
    display: inline-block;
    padding: 0 8px
}

.company-series .table-tag span:first-child {
    padding-left: 0
}

.company-series .table-tag span:last-child {
    border: none
}

.company-series .table-icon {
    height: 14px;
    margin-left: 4px;
    width: 14px
}

.company-series .no-login {
    align-items: center;
    background: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-top: 30px;
    padding: 14px 20px
}

.company-series .login-btn {
    height: 32px;
    line-height: 32px;
    padding: 0;
    width: 60px
}

.company-series .login-span {
    color: #2875e8;
    cursor: pointer
}

.hot-product {
    margin: 10px auto 80px;
    width: 1200px
}

.hot-product .product {
    background: #fff;
    border-radius: 4px;
    color: #999;
    font-size: 13px;
    margin-top: 10px;
    padding: 30px 0
}

.hot-product .series-top {
    display: flex;
    justify-content: space-between;
    padding: 0 20px
}

.hot-product .search-input {
    display: flex;
    height: 30px;
    width: 300px
}

.hot-product .input-class {
    width: 220px
}

.hot-product .input-class .el-input__inner {
    border: 1px solid #2875e8;
    border-radius: 2px 0 0 2px;
    height: 30px
}

.hot-product .search-text {
    background: #2875e8;
    border-radius: 0 2px 2px 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 80px
}

.hot-product .header-title {
    color: #333;
    font-size: 20px;
    font-weight: 600
}

.hot-product .product-list {
    padding: 0 20px
}

.hot-product .product-list:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.hot-product .product-item {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    cursor: pointer;
    float: left;
    height: 420px;
    margin-right: 20px;
    margin-top: 20px;
    transition: box-shadow .35s ease-out, transform .3s ease-out;
    width: 373px
}

.hot-product .product-item:nth-child(3n) {
    margin-right: 0
}

.hot-product .product-item:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .05);
    transform: translateY(-4px)
}

.hot-product .product-header {
    align-items: center;
    background: #eff2f8;
    border-radius: 10px 10px 0 0;
    display: flex;
    padding: 10px 14px
}

.hot-product .product-img, .hot-product .product-img img {
    height: 60px;
    width: 90px
}

.hot-product .category-val {
    color: #999;
    font-size: 12px;
    margin-left: 14px;
    width: 100%
}

.hot-product .category-val:hover .category-name {
    color: #2875e8
}

.hot-product .category-name {
    font-size: 16px;
    margin-bottom: 13px
}

.hot-product .more-btn {
    align-items: center;
    color: #999;
    cursor: pointer;
    display: flex;
    font-size: 12px
}

.hot-product .more-btn img {
    height: 12px;
    width: 12px
}

.hot-product .company-item {
    align-items: center;
    display: flex;
    margin-top: 20px;
    padding: 0 20px
}

.hot-product .company-content {
    align-items: center;
    cursor: pointer;
    display: flex
}

.hot-product .company-content:hover .company-name {
    color: #2875e8
}

.hot-product .company-name {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-product .company-logo {
    background: #fff;
    border: 1px solid #ebebeb
}

.hot-product .company-logo, .hot-product .logo-name {
    border-radius: 4px;
    height: 44px;
    margin: 0 10px 0 17px;
    width: 44px
}

.hot-product .logo-name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 4px;
    text-align: center
}

.hot-product .name-product {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px
}

.hot-product .name-product img {
    height: 14px;
    margin-left: 4px;
    width: 14px
}

.hot-product .main-product {
    color: #999;
    font-size: 12px;
    margin-top: 6px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-product .product-detail {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin: 10px auto 20px;
    width: 1200px
}

.hot-product .product-content {
    width: 870px
}

.hot-product .category-header {
    align-items: flex-start;
    background: #fff;
    display: flex;
    padding: 20px
}

.hot-product .category-img {
    height: 120px;
    margin-right: 14px;
    width: 180px
}

.hot-product .category-value {
    margin-right: 20px;
    width: 616px
}

.hot-product .category-name {
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: 600
}

.hot-product .category-desc {
    line-height: 20px;
    margin: 10px 0;
    min-height: 60px
}

.hot-product .category-time {
    color: #999
}

.hot-product .category-company {
    background: #fff;
    margin-top: 20px;
    padding: 20px
}

.hot-product .category-company-item {
    background: #fafafa;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    margin-bottom: 20px;
    padding: 20px;
    transition: box-shadow .35s ease-out, transform .3s ease-out;
    width: 100%
}

.hot-product .category-company-item:last-child {
    margin-bottom: 0
}

.hot-product .category-company-item:hover {
    transform: translateY(-4px)
}

.hot-product .category-company-item:hover .category-company-name {
    color: #2875e8
}

.hot-product .category-company-logo {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    height: 80px;
    width: 80px
}

.hot-product .category-logo-name {
    border-radius: 4px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    height: 80px;
    line-height: 32px;
    padding: 8px 6px;
    text-align: center;
    width: 80px
}

.hot-product .category-company-content {
    flex: 1;
    margin-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-product .category-flex {
    align-items: center;
    display: flex
}

.hot-product .category-company-name {
    color: #333;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-product .company-tag {
    color: #999;
    font-size: 12px;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-product .company-tag span {
    border-right: 1px solid #efefef;
    display: inline-block;
    padding: 0 10px
}

.hot-product .company-tag span:first-child {
    padding-left: 0
}

.hot-product .company-tag span:last-child {
    border: none
}

.hot-product .tag-nature {
    background: linear-gradient(270deg, #9dbeee, #6894d7)
}

.hot-product .tag-nature, .hot-product .tag-year {
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 #f5f7f9;
    color: #fff;
    font-size: 12px;
    margin-right: 6px;
    padding: 2px 8px
}

.hot-product .tag-year {
    background: linear-gradient(270deg, #8adae9, #5fb8c9)
}

.hot-product .tag-vr {
    background: linear-gradient(270deg, #67a3fd, #598cd9);
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 #f5f7f9;
    font-size: 12px;
    margin-right: 6px;
    padding: 3px 8px
}

.hot-product .tag-vr a {
    color: #fff;
    cursor: pointer
}

.hot-product .tag-vip {
    height: 20px;
    width: 80px
}

.hot-product .product-matching {
    line-height: inherit;
    margin: 11px 0 0;
    max-width: 300px
}

.hot-product .product-matching, .hot-product p {
    color: #666;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-product p {
    line-height: 18px;
    margin-top: 10px;
    width: 100%
}

.hot-product .recommend-list {
    background: #fff;
    height: 438px;
    padding: 24px 14px;
    width: 310px
}

.hot-product .recommend-title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.hot-product .title-name {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.hot-product .title-line {
    background: #2875e8;
    border-radius: 2px;
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    width: 4px
}

.hot-product .recommend-item {
    align-items: center;
    background: #eff2f8;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    margin-top: 14px;
    padding: 10px 14px
}

.hot-product .recommend-item:hover .recommend-name {
    color: #2875e8
}

.hot-product .recommend-img {
    height: 60px;
    margin-right: 14px;
    width: 90px
}

.hot-product .recommend-name {
    color: #333;
    font-size: 14px
}

.hot-product .recommend-time {
    color: #999;
    font-size: 12px;
    margin-top: 24px
}

.hot-product .pagination {
    margin-top: 20px
}

.hot-product .company-link {
    color: #2875e8;
    cursor: pointer
}

.product-page {
    margin: 10px auto 20px;
    width: 1200px
}

.product-page .product-content {
    align-items: flex-start;
    display: flex
}

.product-page .product-title {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.product-page .product-list {
    background: #fff;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 10px;
    padding: 20px;
    width: 870px
}

.product-page .product-info {
    border-bottom: 1px solid #f2f4f6;
    display: flex;
    margin-top: 20px;
    padding-bottom: 20px;
    width: 100%
}

.product-page .product-info:last-child {
    border: none
}

.product-page .product-img {
    background: #fff;
    border: 1px solid #ebebeb;
    cursor: pointer;
    height: 114px;
    line-height: 190px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 152px
}

.product-page .product-img img {
    bottom: 0;
    display: inline-block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s;
    vertical-align: middle
}

.product-page .product-img img:hover {
    transform: scale(1.1)
}

.product-page .product-num {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    bottom: 7px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    left: 4px;
    line-height: 24px;
    position: absolute;
    width: 48px;
    z-index: 1
}

.product-page .product-value {
    flex: 1;
    margin-left: 20px
}

.product-page .product-name {
    color: #333;
    font-size: 14px;
    font-weight: 600
}

.product-page .product-tag {
    color: #333;
    font-size: 12px;
    margin-top: 8px
}

.product-page .product-tag span {
    color: #999
}

.tech-page {
    margin: 10px auto 20px;
    width: 1200px
}

.tech-page .tech-tab {
    align-items: center;
    display: flex
}

.tech-page .tab-info {
    background: #fafafa;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
    padding: 8px 10px
}

.tech-page .tab-in {
    background: #2875e8;
    color: #fff
}

.tech-page .tech-content {
    align-items: flex-start;
    display: flex
}

.tech-page .tech-list {
    background: #fff;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 10px;
    padding: 20px;
    width: 870px
}

.tech-page .techs {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.tech-page .tech-info {
    margin-right: 30px;
    margin-top: 20px;
    position: relative
}

.tech-page .tech-info:nth-child(4n) {
    margin-right: 0
}

.tech-page .tech-img {
    background: #fff;
    border: 1px solid #f2f4f6;
    border-radius: 4px;
    cursor: pointer;
    height: 138px;
    line-height: 190px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 185px
}

.tech-page .tech-img img {
    bottom: 0;
    display: inline-block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s;
    vertical-align: middle
}

.tech-page .tech-img img:hover {
    transform: scale(1.1)
}

.tech-page .tech-num {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    bottom: 7px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    left: 4px;
    line-height: 24px;
    position: absolute;
    width: 48px;
    z-index: 1
}

.tech-page .tech-name {
    color: #333;
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
    width: 185px
}

.tech-page .tech-tag {
    color: #999;
    display: block;
    font-size: 12px;
    margin-top: 4px
}

.cert-page {
    margin: 14px auto 20px;
    width: 1200px
}

.cert-page .cert-content {
    align-items: flex-start;
    display: flex
}

.cert-page .cert-title {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.cert-page .cert-list {
    background: #fff;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 14px;
    padding: 20px;
    width: 870px
}

.cert-page .certs {
    align-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.cert-page .cert-info {
    margin-right: 30px;
    margin-top: 20px;
    position: relative
}

.cert-page .cert-info:nth-child(4n) {
    margin-right: 0
}

.cert-page .cert-img {
    background: #fff;
    border: 1px solid #f2f4f6;
    border-radius: 4px;
    cursor: pointer;
    height: 138px;
    line-height: 190px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 185px
}

.cert-page .cert-img img {
    bottom: 0;
    display: inline-block;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s;
    vertical-align: middle
}

.cert-page .cert-img img:hover {
    transform: scale(1.1)
}

.cert-page .cert-name {
    color: #333;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    width: 185px
}

.mark-patent {
    margin: 14px auto 20px;
    width: 1200px
}

.mark-patent .content {
    align-items: flex-start;
    display: flex
}

.mark-patent .content-bg {
    background: #fff;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 14px;
    padding: 20px;
    width: 870px
}

.mark-patent .mark-patent-header {
    color: #000;
    font-size: 18px;
    position: relative;
    text-align: center
}

.mark-patent .mark-patent-title {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.mark-patent .mark-schedule {
    border-radius: 6px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
    height: 140px;
    margin: 12px 0 20px
}

.mark-patent .icon-list {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 50px 120px 0
}

.mark-patent .icon-value {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACiElEQVRYR81XS0hUYRT+vuuLmUkpqusULgRLGos2URm1sFUPyhDaVNAmCHIRFKn0UAYtwoqCIIOgTVBtAsmK2umiyIpWgpIltBB1pqJwmhmcxnviH7uD2tw7k0z8Xrh3c79zznfO+c/jJ3J8aoJSzHh4pyWoF5EakqsBqFc9YyIyRnLQIHrEY/YOBpnIRTWzgWqCYb9EpU2AI4CUZcPP/Ockgfv0sX0waE64yTgS2HNTSj6Phs9D5LQAvtwMz0URiIK8XllhXnp+klOZdGQkkPI6Jt0iUrsQw/NlSPbTy4ZM0fiLwIZzoY3JJJ5BpCIfxtM6yNEiyt6BTv/AbL1zCCjPrZi8y7tx2yI5ani5eXYk0gT+5LwvX2F3ip5KR2WFWWefiTSBQHOoXURa8xp2B2UkO4aulLel6kV9ZkrN+pTLaV/rL8TBLR5sry7BqqVGysT4Dwuvhqfw6G0cHyeSWX1Q1UGfsUalIkUg0BTqEsgJN8niQqJlfykO1XpAh+IVAR72x9H5JIJEUlyJELw9dLW8karDWdHwF7cmo4zfObYMW6uKsnqnAG9GfuH43e9ZSHDS8Jkrub4ltGvakhdumlsbynB4mycn4zbowes4OronXWUKDO5moDl0S0QanZAq549PLXcMu5OcSseBG99czwTJLq5rmugFUOek6Gx9KY7u8P6T9zb43ssYLvdE3GT7VAQ+iEi1E+rpmRWoMgsWRGAkPI191746ypIcVgQiIrLECfX+oglvcdahmVE8lhBsuhB2I/BTKwGQEf0pWAyHUG8Zam9E2lux9mG0KMZxKgo6FxJFQPtKZqdC21JqN2yta7lNQuvFxCah9Wo2e35qu5zOH+L/63r+Gx6Tr6pBIShwAAAAAElFTkSuQmCC)
}

.mark-patent .icon-value, .mark-patent .icon-value-not {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    width: 16px
}

.mark-patent .icon-value-not {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABW0lEQVRIS71Wy0rDUBA9J8YQfCyKuEmLaAXxV0RQ3LsRdKUIfoH4BYK4U3DjXhTUX1HBtEiTjbRdVCXUmpHUpFRram7xNts5j3tn5s6E6PNVqm+FVhCsimBZKPMAnBjuU/hI4tq07cvC1FglTYa/BZ6eX51Ws3lAyIaIjPQ7BMkPAc9My9qfmR73f2J7DFyvvgKE5xBM9hPuiRENwFgv5nNX3bFvBiW/vguRQxExlMRjMMkQ5N6ckztK+B2D6OSEXAwq3hEkQwHXkpu0Db5yHtwppyW9sg3TshejmrQNXK9+Agk3B0lLKofGaTGf22LUiu9BUP6rW1TNo+4ate1Zlr3adihyrCqQBW+QOyxVajcCWcpCUMUQvKXrVe8hWFAlZ8ITD5FBA4KJTARVEPEyFAO9KdJeZO1tqv2haR8VQxl28S30jevk/WhdOImJ1pWZmGhd+t3j5j9+Wz4BLJDjQVLM/1IAAAAASUVORK5CYII=)
}

.mark-patent .icon-line {
    background: #2875e8;
    display: inline-block;
    height: 4px;
    width: 175px
}

.mark-patent .icon-line-not {
    background: #dee4ed;
    display: inline-block;
    height: 4px;
    width: 175px
}

.mark-patent .time-list {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 100px;
    text-align: center
}

.mark-patent .time-info {
    margin-top: 10px;
    width: 70px
}

.mark-patent .time-label {
    color: #333;
    display: block;
    font-size: 14px
}

.mark-patent .time-val {
    color: #999;
    font-size: 12px;
    margin-top: 4px
}

.mark-patent .mark-patent-table {
    margin-top: 15px
}

.mark-patent .mark-patent-table .mark-logo {
    line-height: 1
}

.mark-patent .mark-patent-table table {
    word-wrap: break-word;
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.mark-patent .mark-patent-table td {
    border: 1px solid #f2f4f6;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 10px
}

.mark-patent .mark-patent-table td:first-child, .mark-patent .mark-patent-table td:nth-child(3) {
    background: #f7f9fa;
    color: #999;
    width: 140px
}

.mark-patent .mark-patent-table img {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    height: 40px
}

.mark-patent .qualification-table {
    margin-top: 15px
}

.mark-patent .qualification-table table {
    word-wrap: break-word;
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.mark-patent .qualification-table td {
    border: 1px solid #f2f4f6;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 10px;
    width: 590px
}

.mark-patent .qualification-table td:first-child {
    background: #f7f9fa;
    color: #666;
    width: 240px
}

.brand-investor-info {
    margin: 14px auto 20px;
    width: 1200px
}

.brand-investor-info .brand-header {
    background: #fff;
    border-radius: 4px;
    display: flex;
    margin: 14px 0 20px;
    padding: 20px
}

.brand-investor-info .brand-logo {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    height: 100px;
    margin-right: 20px;
    width: 100px
}

.brand-investor-info .brand-name {
    color: #000;
    font-size: 22px
}

.brand-investor-info .brand-item {
    align-items: center;
    display: flex
}

.brand-investor-info .brand-value {
    color: #333;
    font-size: 14px;
    margin-right: 20px;
    margin-top: 10px
}

.brand-investor-info .brand-value span {
    color: #999
}

.brand-investor-info .brand-tag {
    float: left
}

.brand-investor-info .brand-tag:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.brand-investor-info .tag-value {
    border: 1px solid #f2f4f6;
    color: #8ea6ca;
    float: left;
    font-size: 12px;
    margin-right: 8px;
    margin-top: 12px;
    padding: 3px 7px
}

.brand-investor-info .invest-desc {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px
}

.brand-investor-info .invest-desc span {
    color: #999
}

.brand-investor-info .content {
    align-items: flex-start;
    display: flex
}

.brand-investor-info .content-bg {
    background: #fff;
    border-radius: 4px;
    margin-right: 20px;
    padding: 20px;
    width: 870px
}

.brand-investor-info .brand-title {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.brand-investor-info .brand-table {
    padding-top: 20px
}

.brand-investor-info .brand-table table {
    word-wrap: break-word;
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.brand-investor-info .brand-table td {
    border: 1px solid #f2f4f6;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 10px
}

.brand-investor-info .brand-table td:first-child, .brand-investor-info .brand-table td:nth-child(3) {
    background: #f7f9fa;
    color: #999;
    width: 140px
}

.brand-investor-info .brand-finance {
    margin-top: 30px
}

.company-recommend {
    background: #fff;
    border-radius: 4px;
    margin-top: 10px;
    width: 310px
}

.company-recommend .hot-title {
    background-image: url(/static/img/hot_bg.09cf447.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 310px
}

.company-recommend .hot-name {
    align-items: baseline;
    display: flex;
    margin-bottom: 8px
}

.company-recommend .hot-title-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis
}

.company-recommend img {
    height: 12px;
    margin-left: 5px;
    width: 21px
}

.company-recommend ul {
    background: #fff;
    padding: 20px 14px
}

.company-recommend li {
    margin-bottom: 15px
}

.company-recommend p {
    color: #999;
    font-size: 12px
}

.company-no-data {
    background-color: #fff;
    margin: 0 0 30px;
    padding: 30px 0;
    text-align: center
}

.company-no-data p {
    color: #ccc;
    font-size: 14px;
    line-height: 30px
}

.company-top {
    background: #fff;
    border-radius: 50%;
    bottom: 60px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
    height: 48px;
    margin-top: 300px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 48px
}

.company-top img {
    height: 24px;
    margin-top: 12px;
    width: 24px
}

.oversea {
    padding-bottom: 40px
}

.oversea .sea-banner {
    height: 360px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.oversea .banner-img {
    left: 50%;
    margin-left: -960px;
    position: absolute;
    top: 0;
    width: 1920px;
    z-index: 0
}

.oversea .sea-info {
    color: #333;
    margin: 0 auto;
    width: 1200px
}

.oversea .sea-note {
    color: #333;
    font-size: 14px;
    margin: 20px auto 0;
    width: 1200px
}

.oversea .sea-stat {
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px
}

.oversea .sea-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px
}

.oversea .sea-title span {
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px
}

.oversea .stat-list {
    display: flex;
    flex-wrap: wrap
}

.oversea .country-name {
    font-size: 13px;
    margin-top: 10px
}

.oversea .stat-num {
    color: #2875e8
}

.oversea .logo-name {
    align-items: center;
    display: flex
}

.oversea .company-name {
    cursor: pointer
}

.oversea .company-name:hover {
    color: #2875e8
}

.oversea .company-logo {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.oversea .nick-name {
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    margin-right: 10px;
    padding: 4px;
    width: 40px
}

.oversea .btn {
    color: #2875e8;
    cursor: pointer
}

.oversea .sea-desc {
    background: linear-gradient(180deg, #e8f2ff, #fff);
    border: 2px solid #fff;
    border-radius: 10px;
    line-height: 30px;
    margin-top: 38px;
    padding: 30px 20px
}

.oversea .stat-info {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin: 10px 10px 0 0;
    padding: 12px 0;
    text-align: center;
    width: 107px
}

.oversea .stat-info:nth-child(10n) {
    margin-right: 0
}

.oversea .stat-img {
    height: 20px;
    width: 35px
}

.oversea .sea-table {
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%
}

.oversea tr:nth-child(2n) {
    background: #f6f8fa
}

.oversea thead td {
    background: #e3ebf9;
    color: #666
}

.oversea td {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0
}

.oversea td:first-child {
    text-align: center;
    width: 70px
}

.oversea td:nth-child(2) {
    width: 600px
}

.oversea td:nth-child(3) {
    width: 400px
}

.oversea td:nth-child(4) {
    text-align: center;
    width: 90px
}

.contact-dialog {
    display: flex;
    flex-direction: column;
    left: 50%;
    margin: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}

.contact-dialog .el-dialog__header {
    border-bottom: none;
    padding: 0
}

.contact-dialog .el-dialog__body {
    border-radius: 4px;
    height: 538px;
    padding: 0 0 0 20px
}

.contact-dialog .contact-title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding-top: 18px;
    width: 200px
}

.contact-dialog .contact-title span {
    color: #2875e8
}

.contact-dialog .table-link {
    color: #2875e8;
    cursor: pointer
}

.contact-dialog .contact-list {
    height: 458px;
    margin-top: 20px;
    overflow-y: auto;
    padding-right: 20px
}

.contact-dialog .contact-info {
    align-items: center;
    background: #fafafa;
    border-radius: 10px;
    display: flex;
    margin-top: 10px;
    padding: 14px
}

.contact-dialog .contact-info:first-child {
    margin-top: 0
}

.contact-dialog .contact-img {
    background: #ccc;
    border: 3px solid #fff;
    border-radius: 30px;
    height: 60px;
    width: 60px
}

.contact-dialog .contact-detail {
    color: #999;
    font-size: 12px;
    margin-left: 10px
}

.contact-dialog .contact-name {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.contact-dialog .contact-name span {
    color: #999;
    margin-left: 10px
}

.contact-dialog .contact-position {
    color: #333;
    font-size: 13px;
    margin-top: 10px
}

.contact-dialog .online-ban {
    color: #e6a23c
}

.contact-dialog .right-val {
    margin-right: 10px
}

.detail-dialog {
    display: flex;
    flex-direction: column;
    left: 50%;
    margin: 0 !important;
    top: 30%;
    transform: translate(-50%, -30%)
}

.detail-dialog .el-dialog__header {
    border-bottom: none;
    padding: 0
}

.detail-dialog .el-dialog__body {
    border-radius: 4px;
    padding: 20px
}

.detail-dialog .dialog-title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    width: 300px
}

.detail-dialog .dialog-title span {
    color: #2875e8
}

.detail-dialog table {
    word-wrap: break-word;
    border: 1px solid #ebebeb;
    border-collapse: collapse;
    margin-top: 15px;
    table-layout: fixed
}

.detail-dialog td {
    border: 1px solid #f2f4f6;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 10px
}

.detail-dialog td:nth-child(odd) {
    background: #f7f9fa;
    color: #999;
    width: 140px
}

.detail-dialog td:nth-child(2n) {
    width: 289px
}

.oem-dialog {
    display: flex;
    flex-direction: column;
    left: 50%;
    margin: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}

.oem-dialog .el-dialog__header {
    background-color: #fff;
    border-bottom: 0
}

.oem-dialog .el-dialog__body {
    padding: 0 20px 30px
}

.oem-dialog .apply-header {
    text-align: center
}

.oem-dialog .apply-title {
    font-size: 20px;
    font-weight: 600
}

.oem-dialog .apply-sub-title {
    color: #999;
    font-size: 12px;
    margin-top: 10px
}

.oem-dialog .cooperate-form {
    margin-top: 30px;
    padding: 0 56px 0 26px
}

.oem-dialog .el-form-item {
    margin-bottom: 16px
}

.oem-dialog .el-input__inner, .oem-dialog .el-textarea__inner {
    width: 400px
}

.oem-dialog .add-attach {
    color: #2875e8;
    cursor: pointer
}

.oem-dialog .upload-limit {
    cursor: not-allowed
}

.oem-dialog .attach-tag {
    color: #999;
    font-size: 12px
}

.oem-dialog .apply-btn {
    margin-top: 30px;
    text-align: center
}

.oem-dialog .el-button {
    background: #2875e8;
    cursor: pointer;
    padding: 8px 22px
}

.oem-dialog .btn-tag {
    color: #999;
    font-size: 12px;
    margin-top: 10px
}

.search-select {
    z-index: 90 !important
}

.search-select .el-select-dropdown__item {
    padding: 0
}

.search-select a {
    display: block;
    padding: 0 20px;
    width: 100%
}

.search-cascader {
    z-index: 90 !important
}

.search-cascader .el-cascader-menu__wrap {
    height: 272px
}

.el-scrollbar__wrap {
    overflow-x: hidden;
    margin-bottom:0 !important;
}

.fade-in-linear-enter-active {
    animation: linear-fade-in .3s
}

.fade-in-linear-leave-active {
    animation: linear-fade-out .3s
}

@keyframes linear-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(70px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes linear-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }
    to {
        opacity: 0;
        transform: translate3d(70px, 0, 0)
    }
}

.assort-sum {
    align-items: center;
    background: #dcb37a;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: space-evenly;
    margin-left: 5px;
    padding: 0 5px
}

.assort-tooltip, .layout-tooltip {
    position: relative
}

.tooltip-sty-box {
    left: -120px;
    padding-top: 5px;
    position: absolute;
    top: 20px;
    width: 320px;
    z-index: 11
}

.tooltip-sty {
    background: #fff;
    border: 1px solid #ebebeb;
    margin-top: 3px;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 10px 14px;
    scrollbar-width: none;
    z-index: 999
}

.tooltip-layout-box {
    left: -100px;
    position: absolute;
    top: 20px;
    width: 320px;
    z-index: 20
}

.tooltip-box {
    background: #fff;
    border: 1px solid #ebebeb;
    margin-top: 3px;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 9px 10px;
    z-index: 999
}

.select-arrow {
    height: 25px;
    margin-left: 140px;
    margin-top: -35px;
    width: 100%
}

.tooltip-con {
    align-items: center;
    background: #f2f7ff;
    border: 1px solid #d7e5f6;
    border-radius: 2px;
    color: #666;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 6px 10px;
    width: 300px
}

.tooltip-con .tooltip-three {
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #999;
    display: inline-block;
    height: 0;
    transform: rotate(-90deg);
    width: 0
}

.tooltip-con:hover {
    color: #2875e8;
    cursor: pointer
}

.layout-sum {
    align-items: center;
    background: #789fe3;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: space-evenly;
    margin-left: 6px;
    padding: 0 5px
}

.triangle {
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    transform: rotate(-90deg);
    width: 0
}

.company-tags-big {
    display: flex;
    max-width: 650px
}

.company-tags-box {
    display: flex;
    flex-wrap: wrap;
    z-index: 5
}

.company-tags {
    background: #f2f7ff;
    border: 1px solid #e2eefe;
    border-radius: 2px;
    color: #2875e8;
    font-size: 12px;
    margin-right: 6px;
    margin-top: 10px;
    padding: 1px 6px;
    position: relative
}

.company-tags .tooltip {
    word-wrap: break-word;
    background: #333;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 12px;
    left: 50%;
    margin-top: 8px;
    padding: 6px 10px;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 140px;
    z-index: 2
}

.unfold {
    align-items: center;
    background: #f2f7ff;
    border: 1px solid #e2eefe;
    border-radius: 2px;
    color: #666;
    display: flex;
    font-size: 12px;
    height: 20px;
    margin-top: 10px;
    padding: 2px 6px;
    width: 48px;
    z-index: 5
}

.unfold .tooltip-roat, .unfold .tooltip-three {
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #999;
    display: inline-block;
    height: 0;
    margin-left: 5px;
    width: 0
}

.unfold .tooltip-roat {
    transform: rotate(180deg)
}