.shadeToast[data-v-68fb83eb] {
    z-index: 9999
}
.shadeToast {
    z-index: 9999
}
.result {
    background: #f4f7f9
}

.result-body {
    padding: 100px 0px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin: 0 auto;
}

.result-body .histroy-business {
    width: 305px;
    margin-left: 10px
}
.shadeToast {
    z-index: 9999
}

.top {
    height: 65px;
    background-color: rgba(0, 0, 0, .7)
}

.top .menu {
    margin: 0 auto;
    overflow: hidden;
    padding-left: 105px;
    padding-right: 105px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.top .menu .logo {
    height: 65px;
    line-height: 65px
}

.top .menu .logo .logo-img {
    position: relative;
    top: 4px
}

.top .menu .logo .yhm-title {
    font-size: 24px;
    color: #fff;
    position: relative;
    font-weight: 400;
    left: 15px
}

.top .menu .logo span {
    color: gray;
    font-weight: 400;
    position: relative;
    left: 7px;
    top: -7px;
    opacity: .6;
    font-size: 16px
}

.top .menu .logo .logo-word {
    position: relative;
    left: 20px;
    top: 3px
}

.top .menu .nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block
}

.top .menu .login-sign {
    height: 65px;
    width: 200px;
    line-height: 65px;
    position: relative;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.top .menu .login-sign .line {
    position: absolute;
    color: #fff;
    right: 72px;
    color: gray;
    opacity: .6
}

.top .menu .login-sign a {
    text-align: center;
    position: absolute;
    color: #fff;
    line-height: 30px;
    height: 30px;
    top: 20px;
    min-width: 75px;
    font-size: 12px
}

.top .menu .login-sign .login {
    right: 95px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    background-color: #ff7d4e;
    padding-right: 5px
}

.top .menu .login-sign .login .icon-geren {
    margin-right: 4px
}

.top .menu .login-sign .not-login:hover {
    background: #ffa081
}

.top .menu .login-sign .is-login {
    right: 115px;
    background: transparent
}

.top .menu .login-sign .is-login-out {
    right: 0
}

.top .menu .login-sign .sign-up {
    border-radius: 4px;
    cursor: pointer;
    right: 0px;
    text-align: center
}

.top .menu .login-sign .sign-up:hover {
    color: #ffa081
}

.top .menu .login-sign .login-out {
    cursor: pointer;
    border-radius: 4px;
    right: 0;
    border: 1px solid #fff
}

.top .menu .login-sign .login-out:hover {
    color: #ffa081;
    border: 1px solid #ffa081
}

.shadeToast {
    z-index: 9999
}

.search-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#search-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 54px;
    position: relative;
    background: #fff;
    -webkit-box-shadow: .5px .8px 7px .7px rgba(204, 211, 223, .6);
    box-shadow: .5px .8px 7px .7px rgba(204, 211, 223, .6)
}

#search-wrap input {
    width: 100%;
    height: 100%;
    padding-left: 35px;
    border: none;
    position: absolute;
    right: 0;
    color: #333
}

#search-wrap i {
    position: absolute;
    color: #ff7d4e;
    font-size: 18px;
    top: 15px;
    left: 10px;
    z-index: 1
}

#search-wrap .icon-dizhi {
    top: 18px
}

#search-wrap .icon-pen {
    top: 15px
}

#search-wrap .icon-guide {
    top: 16px
}

#search-wrap .city {
    -webkit-box-flex: 156;
    -webkit-flex: 156;
    -ms-flex: 156;
    flex: 156;
    position: relative
}

#search-wrap .company-name, #search-wrap .industry, #search-wrap .select-type, #search-wrap .word {
    border-left: 1px solid #e0e1e4;
    position: relative
}

#search-wrap .company-name {
    -webkit-box-flex: 236;
    -webkit-flex: 236;
    -ms-flex: 236;
    flex: 236
}

#search-wrap .company-name .icon-pen {
    font-size: 21px;
    margin-top: 2px
}

#search-wrap .industry {
    -webkit-box-flex: 197;
    -webkit-flex: 197;
    -ms-flex: 197;
    flex: 197
}

#search-wrap .industry .icon-guide {
    margin-top: 2px
}

#search-wrap .select-type {
    -webkit-box-flex: 130;
    -webkit-flex: 130;
    -ms-flex: 130;
    flex: 130
}

#search-wrap .word {
    -webkit-box-flex: 100;
    -webkit-flex: 100;
    -ms-flex: 100;
    flex: 100
}

#search-wrap .select-type .selectAlink {
    position: absolute;
    width: 100%;
    height: 54px;
    border: none;
    cursor: pointer;
    line-height: 54px;
    text-indent: 10px;
    color: #666
}

#search-wrap .select-type i.icon-shangxiajiantou {
    z-index: 2;
    left: 80%;
    top: 18px
}

#search-wrap .select-type .company-type {
    position: absolute;
    width: 100%;
    background: #fff;
    top: 59px;
    z-index: 100;
    -webkit-box-shadow: 3px 5px 24px 0 hsla(220, 5%, 44%, .3);
    box-shadow: 3px 5px 24px 0 hsla(220, 5%, 44%, .3)
}

#search-wrap .select-type .company-type a {
    color: #333;
    height: 40px;
    line-height: 40px;
    display: block;
    text-indent: 10px;
    cursor: pointer
}

#search-wrap .select-type .company-type a:hover {
    background-color: #e4e8f1
}

#search-wrap .check-now {
    position: relative;
    -webkit-box-flex: 141;
    -webkit-flex: 141;
    -ms-flex: 141;
    flex: 141
}

#search-wrap .check-now button {
    cursor: pointer;
    height: 54px;
    border: none;
    background-color: #ff7d4e;
    color: #fff;
    width: 100%;
    font-weight: 700
}

#search-wrap .city-list {
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
    -webkit-box-shadow: 3px 5px 24px 0 hsla(220, 5%, 44%, .3);
    box-shadow: 3px 5px 24px 0 hsla(220, 5%, 44%, .3);
    top: 59px;
    right: 141px;
    z-index: 100;
    padding: 20px 0 20px 5px;
}
#search-wrap .city-title {
    padding: 0 0 10px 18px;
    font-weight: bold;
    font-size: 16px;
}

#search-wrap .city-list a {
    font-size: 13px;
    color: #666;
    width: 65px;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    text-align: center
}

#search-wrap .city-list a:hover {
    color: #ff7d4e;
    cursor: pointer
}

#search-wrap .type-list {
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
    top: 59px;
    right: 141px;
    z-index: 100;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    -webkit-box-shadow: 3px 5px 24px 0 hsla(220, 5%, 44%, .3);
    box-shadow: 3px 5px 24px 0 hsla(220, 5%, 44%, .3)
}

#search-wrap .type-list .type-item {
    margin-top: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#search-wrap .type-list .type-item a {
    font-size: 13px;
    color: #666;
    width: 65px;
    display: inline-block;
    line-height: 24px;
    text-align: center
}

#search-wrap .type-list .type-item a:hover {
    color: #ff7d4e;
    cursor: pointer
}

#search-wrap .type-list .type-item h3 {
    background-color: #f0f1f3;
    width: 50px;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    color: #666;
    font-weight: 400;
    text-align: center
}

#search-wrap .type-list .type-item p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

/*起名包含的字*/
#search-wrap .word-list{
    position: absolute;
    width: 514px;
    top: 59px;
    right: 0px;
    z-index: 100;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 3px 5px 24px 0 hsla(220, 5%, 44%, .3);
    box-shadow: 3px 5px 24px 0 hsla(220, 5%, 44%, .3);
    border-radius: 0px;
    padding: 10px 10px 10px 10px;
}

#search-wrap .word-list .hiht{
    height: 30px;
    color: red;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
}
#search-wrap .word-list ul.constKey {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
#search-wrap .word-list ul.constKey li {
    width: 40px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}
#search-wrap .word-list ul.constKey li:hover{
    color: #FE9601;
}
/*起名包含的字结束*/

.result-loading {
    margin-top: 10px;
    padding: 70px 100px 0;
    text-align: center;
    background: #fff
}

.result-loading img {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.result-loading .no-word {
    margin-top: 80px
}

.result-loading p {
    text-align: center;
    font-size: 13px;
    color: #666;
    position: relative;
    top: -80px
}

.check-name-dialog {
    width: 500px;
    height: 350px;
    text-align: center;
    border-radius: 4px;
    padding-top: 60px
}

.check-name-dialog .icon-round-right {
    color: #ff7d4e;
    font-size: 137px
}

.check-name-dialog h4 {
    font-size: 16px;
    margin-top: 18px
}

.check-name-dialog p {
    font-size: 13px;
    color: #666
}

.check-name-dialog .create-company-wrap {
    margin-top: 28px
}

.check-name-dialog .create-company-wrap a {
    cursor: pointer;
    width: 136px;
    height: 34px;
    border-radius: 34px;
    display: inline-block;
    border: 1px solid #ff7d4e;
    line-height: 34px
}

.check-name-dialog .create-company-wrap a:first-child {
    color: #ff7d4e;
    margin-right: 40px
}

.check-name-dialog .create-company-wrap a:last-child {
    color: #fff;
    background: #ff7d4e
}

.check-name-dialog .icon-guanbi {
    cursor: pointer;
    position: absolute;
    font-size: 18px;
    top: 8px;
    right: 8px;
    color: #c6cde0;
    font-weight: 700
}

.nobind-mobile-dialog {
    width: 500px;
    height: 240px;
    border-radius: 4px;
    overflow: hidden
}

.nobind-mobile-dialog .nobind-mobile-header {
    height: 60px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff6b4e), to(#ff8c4e));
    background-image: -webkit-linear-gradient(bottom, #ff6b4e, #ff8c4e);
    background-image: linear-gradient(0deg, #ff6b4e, #ff8c4e);
    color: #fff;
    position: relative
}

.nobind-mobile-dialog .nobind-mobile-header h2 {
    font-size: 22px;
    line-height: 60px;
    text-indent: 22px
}

.nobind-mobile-dialog .nobind-mobile-header .icon-guanbi {
    position: absolute;
    font-size: 18px;
    top: 8px;
    right: 8px;
    font-weight: 700;
    cursor: pointer
}

.nobind-mobile-dialog .nobind-mobile-input {
    margin-top: 30px;
    padding-right: 45px;
    padding-left: 50px
}

.nobind-mobile-dialog .nobind-mobile-input span {
    width: 65px;
    display: inline-block;
    color: #666
}

.nobind-mobile-dialog .nobind-mobile-input input {
    text-indent: 10px;
    width: 338px;
    height: 34px;
    background-color: #f6f7f9;
    border-radius: 4px;
    border: 1px solid #c8cad4
}

.nobind-mobile-dialog .nobind-mobile-input input:focus {
    border: 1px solid #ff754e
}

.nobind-mobile-dialog .phone {
    margin-top: 14px
}

.nobind-mobile-dialog .sure-check {
    width: 338px;
    height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin-top: 14px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6b4e), to(#ff7d4e));
    background-image: -webkit-linear-gradient(left, #ff6b4e, #ff7d4e);
    background-image: linear-gradient(90deg, #ff6b4e, #ff7d4e);
    border: none;
    margin-left: 116px;
    cursor: pointer
}

.nobind-mobile-dialog .sure-check:hover {
    background: #ffa081
}

.result-loading, .search-main__recommend, .search-main__result {
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 10px
}

.search-main__recommend {
    padding-left: 40px;
    padding-right: 40px
}

.shadeToast {
    z-index: 9999
}

.free-welfare {
    padding: 0 5px 40px;
    border-bottom: 1px dashed #d8d8d8
}

.free-welfare__title {
    font-size: 18px;
    font-weight: 700;
    padding: 20px 0
}

.free-welfare__title .icon-gift {
    vertical-align: text-bottom;
    color: #ff7954;
    font-size: 22px
}

.free-welfare__list-item {
    line-height: 1.8;
    padding: 8px 0
}

.free-welfare__btn-wrap {
    text-align: right
}

.free-welfare__btn {
    display: inline-block;
    color: #fff;
    background-color: #ff7954;
    padding: 0 35px;
    line-height: 2.9;
    border-radius: 5px;
    cursor: pointer
}

.free-welfare__btn:hover {
    background-color: #ef8f75
}

.shadeToast {
    z-index: 9999
}

.recommend-service {
    margin-top: 20px
}

.recommend-service__title {
    font-size: 18px;
    font-weight: 700;
    padding: 20px 5px
}

.recommend-service__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.recommend-service__list-item {
    margin: 5px
}

.recommend-service__list-item a {
    display: inline-block;
    width: 100%
}

.recommend-service__list-item a img {
    width: 100%
}

.shadeToast {
    z-index: 9999
}

.aside-recommend-hot {
    margin-top: 15px
}

.aside-recommend-hot__item {
    padding: 0 15px 10px
}

.aside-recommend-hot__item a {
    display: block;
    width: 100%
}

.aside-recommend-hot__item a img {
    width: 100%
}

.shadeToast {
    z-index: 9999
}

.aside-item {
    background: #fff;
    margin-bottom: 12px
}

.aside-item__title {
    height: 50px;
    line-height: 50px;
    border-left: 5px solid #8c8c8c;
    text-indent: 12px;
    font-weight: 700;
    border-bottom: 1px solid #dbdbdb
}

.shadeToast {
    z-index: 9999
}

.cs-footer {
    background-color: #2b2e42;
    min-width: 1200px
}

.cs-footer .cs-footer-control {
    border-bottom: 1px solid #383b50
}

.cs-footer .cs-footer-wrap {
    width: 1200px;
    margin: 0 auto
}

.cs-footer .cs-footer-wrap-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cs-footer .cs-footer-wrap-content .footer-wrap-list {
    color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cs-footer .cs-footer-wrap-content .footer-wrap-list .wrap-list-content {
    width: 180px;
    border-right: 1px solid #383b50;
    padding-left: 15px;
    padding-bottom: 38px;
    float: left;
    height: 242px;
    overflow: hidden
}

.cs-footer .cs-footer-wrap-content .footer-wrap-list .wrap-list-content:first-child {
    padding-left: 0
}

.cs-footer .cs-footer-wrap-content .footer-wrap-list .wrap-list-content:last-child {
    border: none
}

.cs-footer .cs-footer-wrap-content .footer-wrap-list .wrap-list-title {
    font-size: 16px;
    color: #fff;
    height: 28px;
    line-height: 28px
}

.cs-footer .cs-footer-wrap-content .footer-wrap-list .wrap-list-item {
    margin-top: 20px
}

.cs-footer .cs-footer-wrap-content .footer-wrap-list .wrap-list-item .wrap-list-item-task {
    height: 24px;
    line-height: 24px;
    display: block;
    font-size: 13px;
    cursor: pointer;
    color: #9ea0a9
}

.cs-footer .cs-footer-wrap-content .footer-wrap-list .wrap-list-item .wrap-list-item-task:hover {
    color: #ff7955
}

.cs-footer .cs-footer-wrap-content .footer-qr {
    width: 177px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cs-footer .cs-footer-wrap-content .footer-qr .footer-qr-info {
    width: 170px;
    height: 170px;
    position: relative;
    overflow: hidden
}

.cs-footer .cs-footer-wrap-content .footer-qr .footer-qr-info .footer-qr-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cs-footer .cs-footer-wrap-content .footer-qr .footer-qr-desc {
    color: #9ea0a9;
    font-size: 13px;
    text-align: center;
    margin-top: 10px
}

.cs-footer .business-management-tools {
    padding: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cs-footer .business-management-tools .management-tools-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cs-footer .business-management-tools .management-tools-content .tools-content-title {
    color: #fff;
    font-size: 13px;
    float: left
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list {
    float: left
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item {
    margin-left: 28px;
    float: left
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail {
    display: block
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail .item-info {
    width: 60px;
    height: 60px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail .item-info img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail .item-info .item-info-img {
    display: block
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail .item-info .item-info-hover-img {
    display: none
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail .item-title {
    color: #9ea0a9;
    font-size: 12px;
    width: 60px;
    text-align: center
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail:hover .item-title {
    color: #ff7955
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail:hover .item-info .item-info-img {
    display: none
}

.cs-footer .business-management-tools .management-tools-content .tools-content-list .tools-content-list-item .list-item-detail:hover .item-info .item-info-hover-img {
    display: block
}

.cs-footer .business-management-tools .cs-service {
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cs-footer .business-management-tools .cs-service .service-phone {
    font-size: 12px;
    color: #9ea0a9
}

.cs-footer .business-management-tools .cs-service .service-phone .service-phone-desc {
    color: #ff7955;
    font-size: 18px
}

.cs-footer .business-management-tools .cs-service .service-content {
    margin: 6px 0
}

.cs-footer .business-management-tools .cs-service .service-content .service-content-info {
    color: #9ea0a9;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    display: inline-block;
    border-right: 1px solid #9ea0a9;
    padding: 0 5px
}

.cs-footer .business-management-tools .cs-service .service-content .service-content-info:last-child {
    border-right: 0
}

.cs-footer .business-management-tools .cs-service .service-content .service-content-info:hover {
    color: #ff7955
}

.cs-footer .business-management-tools .cs-service .service-position {
    color: #9ea0a9;
    font-size: 12px
}

.result-loading, .search-main__recommend, .search-main__result {
    background:
            #fff;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.search-result-detail {
    background:
            #fff;
    margin-top: 10px;
    padding: 30px 0;
    border: 1px solid
    #d8d8d8;
}

.search-result-detail__left, .search-result-detail__right {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.search-result-detail__left {
    padding: 10px 50px;
    min-height: 230px;
    border-right: 1px solid
    #d8d8d8;
}

.search-result-detail__top {
    border: 1px solid
    #d8d8d8;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 100px;
    color:
            #484848;
    text-align: center;
}

.search-result-detail__tip .icon-search {
    vertical-align: text-bottom;
    font-size: 16px;
}
.search-result-detail__full-name {
    font-weight: 700;
    font-size: 18px;
    margin-top: 15px;
}

.search-result-detail__like-count {
    color:
            #ff7d4e;
    font-size: 16px;
    margin-top: 25px;
    padding-bottom: 20px;
    line-height: 1.2;
}

.search-result-detail__count-num {
    display: block;
    font-size: 32px;
    margin-left: 60px;
}

.search-result-detail__result-notice {
    font-size: 12px;
    color:
            #999;
    padding-top: 10px;
    line-height: 1.5;
}
.search-result-detail__right {
    padding: 10px;
    text-align: center;
}
.search-result-detail__pass-rate {
    vertical-align: bottom;
    margin-top: 20px;
}
.search-result-detail__pass-rate-text {
    display: inline-block;
    vertical-align: top;
}
.search-result-detail__pass-rate-img {
    display: inline-block;
}
.search-result-detail__result-notice {
    font-size: 12px;
    color:
            #999;
    padding-top: 10px;
    line-height: 1.5;
}
.search-result-detail__result-notice a {
    color:
            #ff7d4e;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.similar-cname-list__first-list, .similar-cname-list__second-list {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    float: left;
}
.cname-list {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #d1d6de;
    margin-top: 20px;
    width: 100%;
}
.cname-list thead {
    background-color:
            #eef1f6;
}
.cname-list tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid
    #d1d6de;
}
.cname-list thead tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: none;
}
.cname-list td, .cname-list th {
    padding: 0;
}
.cname-list thead tr th {
    height: 40px;
    text-align: left;
    line-height: 40px;
}
.cname-list thead tr th:first-child {
    -webkit-box-flex: 500;
    -webkit-flex: 500;
    -ms-flex: 500;
    flex: 500;
    border-right: 1px solid
    #d1d6de;
    text-indent: 20px;
}
.cname-list thead tr th:last-child {
    -webkit-box-flex: 275;
    -webkit-flex: 275;
    -ms-flex: 275;
    flex: 275;
    text-align: center;
}
.cname-list tr td {
    line-height: 40px;
    height: 40px;
    text-align: left;
}
.cname-list tr td {
    line-height: 40px;
    text-align: left;
}
.cname-list tr td:first-child {
    text-indent: 20px;
}
.cname-list tr td:first-child {
    -webkit-box-flex: 500;
    -webkit-flex: 500;
    -ms-flex: 500;
    flex: 500;
    border-right: 1px solid
    #d1d6de;
    text-indent: 20px;
}
.cname-list tr td:last-child {
    -webkit-box-flex: 275;
    -webkit-flex: 275;
    -ms-flex: 275;
    flex: 275;
    text-align: center;
}
.cname-list tr td:last-child span {
    display: inline-block;
    border-radius: 6px;
    width: 6px;
    height: 6px;
    margin-right: 10px;
}
.cname-list tr td:last-child span.same-level-low {
    background-color: #5ddaac;
}