@charset "utf-8";
/*css 重置*/
* {padding: 0px;margin: 0px;outline: none;list-style: none;box-sizing: border-box}
a {text-decoration: none;color: rgba(255, 255, 255, 0.56)}
html {line-height: 24px;}
body {font-size: 14px;font-weight: 400;line-height: 1.5;color: rgba(255, 255, 255, 0.56);background: linear-gradient(180deg, #10294f 120px, rgba(7, 39, 87, 0.91) 400px, rgba(3, 38, 90, 0.78) 600px, rgba(8, 58, 131, 0.49) 820px, rgba(0, 69, 172, 0.1) 1248px, #ffffff 100%);font-family: roboto, sans-serif, "classic grotesque w01", "hiragino sans gb", "microsoft yahei", "stheiti", "wenquanyi micro hei", arial, simsun, sans-serif;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
::-webkit-scrollbar {width: 4px;height: 4px}
::-webkit-scrollbar-thumb {background-color: rgba(172, 172, 172, 0.4);border-radius: 8px}
::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0.0)}
.hide {display: none !important;}

.content-warp {width: 1400px;clear: both;margin: 0px auto;}
.header {background: #081e3f;margin-bottom: 20px}
.header .content {display: flex;flex-direction: row;justify-content: space-between;align-items: center;height: 62px;}
.header .content .logo-text {font-size: 18px;margin-left: 16px}
.header .content .logo {height: 45px;}
.header .content .navigate {flex: 1;padding-left: 62px}
.header .content .navigate a {margin: 0px 24px}
.header .content .navigate a:hover {color: #ffffff}
.header .content .navigate label {flex: 1;text-align: right;margin-right: 24px}
.header .content .navigate .btn-ls {border-radius: 5px;background: rgba(216, 232, 255, 0.2);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.14);color: rgba(255, 255, 255, 0.7);padding: 4px 10px;margin: 0px;margin-left: 16px}
.header .content .navigate .btn-ls:hover {background: rgba(216, 232, 255, 0.5)}
.flex-row {display: flex;flex-direction: row;align-items: center;}
.row {display: flex;flex-wrap: wrap;margin: 0px -7px;flex-direction: row;}
.row-height-equally > * {display: flex}
.row > * {padding: 0px 7px;}
.col-1 {flex: 0 0 auto;width: 8.3333333333%}
.col-2 {flex: 0 0 auto;width: 16.6666666667%}
.col-3 {flex: 0 0 auto;width: 25%}
.col-4 {flex: 0 0 auto;width: 33.3333333333%}
.col-5 {flex: 0 0 auto;width: 41.6666666667%}
.col-6 {flex: 0 0 auto;width: 50%}
.col-7 {flex: 0 0 auto;width: 58.3333333333%}
.col-8 {flex: 0 0 auto;width: 66.6666666667%}
.col-9 {flex: 0 0 auto;width: 75%}
.col-10 {flex: 0 0 auto;width: 83.3333333333%}
.col-11 {flex: 0 0 auto;width: 91.6666666667%}
.col-12 {flex: 0 0 auto;width: 100%}
.color-up {color: rgb(255, 99, 65) !important; }
.color-down {color: rgb(52, 227, 111) !important; }
.grid-wrap {overflow-x: auto;white-space: nowrap;}
.grid-wrap table {border-collapse: collapse;width: 100%;color: #212529;vertical-align: center;}
.grid-wrap table td, .grid-wrap table th {text-align: left;border-bottom: 1px solid #dee2e6;padding: 8px}
.grid-wrap table th {background: #f8f9fa}
.grid-wrap .table-border td, .grid-wrap .table-border th {border: 1px solid #dee2e6;}
.grid-wrap tr:hover td {background: rgba(0, 0, 0, 0.05);color: #212529}

.item-block-split {margin-bottom: 20px}
.header-down-info {margin-bottom: 20px;display: flex;flex-direction: row}
.header-down-info .box {background: rgba(216, 232, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.1);padding: 12px;box-shadow: 0px 1.6px 3.6px rgba(0, 0, 0, 0.13), 0px 0px 2.9px rgba(0, 0, 0, 0.11);border-radius: 6px;width: 310px;}
.header-down-info .box:nth-child(2) {flex: 1;margin: 0px 12px}
.header-down-info .box .title {color: #fff}
.header-down-info .box .title label {margin-right: 16px;padding: 3px 12px;border-radius: 16px;cursor: pointer}
.header-down-info .box .title .active {font-size: 16px;background: rgb(255, 99, 65) !important}
.topic-list {height: 436px;overflow: hidden;overflow-y: auto;margin-right: -9px;padding-right: 6px}
.topic-list .item {display: flex;flex-direction: row;margin-top: 18px}
.topic-list .item a {flex: 1;color: #ffffff;margin-right: 10px}
.topic-list .item a label {font-size: 12px;color: rgba(255, 255, 255, 0.56);display: block;text-align: right}
.topic-list .item a:hover {color: rgba(255, 255, 255, 0.56);}
.topic-list .item .img {width: 80px;height: 80px;border-radius: 4px;object-fit: cover;overflow: hidden}
.topic-list .item .img img {height: 100%}

.topic-list-page {display: flex;flex-direction: row; flex-wrap: wrap; justify-content: space-between;padding-right: 6px}
.topic-list-page .item {width: 49%;background: #ffffff;padding: 12px;display: flex;flex-direction: row;border-radius: 4px;margin-bottom: 18px;box-shadow: 0 2px 5px 0 rgba(218, 218, 253, 0.45);transition: all .2s}
.topic-list-page .item:hover {margin-top: -4px;margin-bottom: 22px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3)}
.topic-list-page .item .img {width: 140px;overflow: hidden;margin-right: 16px;border-radius: 3px}
.topic-list-page .item .img img {width: 100%}
.topic-list-page .item .text {color: #8a8a8a;flex: 1;line-height: 22px;display: flex;flex-direction: column;justify-content: space-between}
.topic-list-page .item a {color: #000000;font-size: 16px;padding-bottom: 10px;transition: all .3s ease-out;}
.topic-list-page .item p {text-align: right}

.header-down-info .qihuo-zhishu {display: flex;flex-direction: row;justify-content: space-between;margin: 10px 0px}
.header-down-info .qihuo-zhishu .item {width: 19%;border-radius: 6px;padding: 5px 8px;display: flex;flex-direction: column;color: rgba(255, 255, 255, 0.62);cursor: pointer;background: rgba(155, 196, 255, 0.06);text-align: center}
.header-down-info .qihuo-zhishu .item b {font-size: 20px;line-height: 36px}
.header-down-info .qihuo-zhishu .item:hover, .header-down-info .qihuo-zhishu .active {color: #ffffff;background: rgba(155, 196, 255, 0.2);cursor: pointer}
.header-down-info .qihuo-zhishu .item div {font-size: 12px}
.header-down-info .qihuo-market {display: block;line-height: 36px}

.header-down-info .qihuo-market .row > * {padding: 0px;text-align: center;font-size: 12px}
.header-down-info .qihuo-market .row .col-3:first-child {padding-left: 12px;text-align: left}
.header-down-info .qihuo-market .row .col-3:nth-child(4) {padding-right: 12px;text-align: right}
.header-down-info .qihuo-market .row:hover, .header-down-info .qihuo-market .active {background: rgba(155, 196, 255, 0.08);color: #ffffff;cursor: pointer}
.header-down-info .qihuo-market .header {background: rgba(155, 196, 255, 0.12);color: #ffffff;cursor: pointer}

.row-tag {display: flex;flex-direction: row;align-items: center}
.row-tag label {color: #ffffff;margin: 0px 6px;border-radius: 36px;padding: 5px 12px;cursor: pointer}
.row-tag label:hover, .row-tag .active {background-color: #35537e}

.market-line {display: flex;flex-direction: column;width: 100%}
.market-line .title {color: #ffffff;margin-right: 36px}
.market-line .chart-box { margin-top: 16px;display: block;width: 100%;position: relative}
.market-line .chart-box .chart-box-content {display: block;width: 100%;overflow: hidden; border-radius: 6px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.13), 0 2px 10px rgba(0, 0, 0, 0.31)}
.market-line .chart-box li { list-style: none; }
.market-line .chart-box ul {display: flex;flex-direction: row;transition: all 1s ease-in-out;}
.market-line .chart-box .item {background-color: rgba(255,255,255,0.93);border-radius: 6px;padding: 8px 12px;color: rgba(0, 0, 0, 0.55);font-size: 14px;width: 300px;display: inline-block;margin-right: 8px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.13), 0 2px 10px rgba(0, 0, 0, 0.31)}
.market-line .chart-box .item p {color: #000000;font-size: 16px}
.market-line .chart-box .item .line-chart {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.market-line .chart-box .item .line-chart .chart {flex: 1}
.market-line .chart-box .item .line-chart label {white-space: nowrap;font-size: 20px;font-weight: bold;padding-left: 8px}
.market-line .chart-box .nave-handler {position: absolute;background: #ffffff;font-size: 20px;font-weight: bold;color: #000000;width: 36px;line-height: 36px;border-radius: 18px;text-align: center;top: 50px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.13), 0 2px 10px rgba(0, 0, 0, 0.31);top: 44px;cursor: pointer;display: none}
.market-line .chart-box .prev {left: -21px;}
.market-line .chart-box .next {right: -21px;}
.market-line .chart-box:hover .nave-handler {display: block}
.xianhuo-box, .card {width: 100%;display: flex;flex-direction: column; border-radius: 6px;background-color: #f7f7ff;box-shadow: 0 2px 5px 0 rgba(218, 218, 253, 0.45), 0 2px 5px 0 rgba(206, 206, 238, 0.36);overflow: hidden;color: rgba(0, 0, 0, 0.55)}
.xianhuo-box .title {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;height: 45px;color: #6a798e;line-height: 45px;font-size: 16px;background-color: #f1f4f8;border-bottom: 1px solid #cbd5e3}
.xianhuo-box .title label {white-space: nowrap;flex: 1;text-align: center;cursor: pointer}
.xianhuo-box .title label:hover, .xianhuo-box .title .active { color: #0078d4; background-color: rgba(0, 120, 212, 0.16);font-weight: bold}
.xianhuo-box .title a {color: #0078d4}
.xianhuo-box .grid-wrap {padding: 20px 31px;flex: 1;}
.xianhuo-box .grid-wrap th {background-color: #f1f4f8;color: #6a798e}

.xianhuo-box .grid-wrap table td, .xianhuo-box .grid-wrap table th {border-bottom: 1px dashed #cbd5e3;padding: 16px 12px}
.xianhuo-box .grid-wrap table td {font-size: 13px}
.xianhuo-box .grid-wrap table tr:last-child td {border-bottom: none}
.xianhuo-box .grid-wrap table .color-down {color: #3aa61c !important;}
.xianhuo-box .grid-wrap .time-header {display: block;width: 100%;text-align: right;font-size: 14px;font-weight: bold;margin-bottom: 8px;margin-top: -11px;font-weight: bold}
.fm-input {color: #212529;background-color: #ffffff;border: 1px solid #ced4da;border-radius: 4px;color: #212529;padding: 0px 10px;height: 36px;line-height: 36px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;font-size: 14px}
.fm-input::placeholder {color: #6c757d;opacity: 0.5}
.fm-input:focus {box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);background-color: #ffffff !important;border-color: #008cff;}
.fm-textarea {height: auto;line-height: 24px !important;padding: 6px 10px}
.fm-radio-check {margin-right: 20px;margin-bottom: 0px !important;word-break: break-all; white-space: nowrap;}
.fm-radio-check input {margin-right: 4px}

.btn {display: inline-block;font-size: 14px;border-radius: 4px;margin: 1px 5px;cursor: pointer;padding: 0px 12px;background: #0078d2;border: 1px solid #0078d2;color: #ffffff;overflow: hidden;height: 36px;line-height: 36px}
.btn:hover {opacity: 0.88;}

.card-title {color: #32393f;line-height: 33px;font-size: 15px !important;}

.card .card-header {border-bottom: 1px solid #cbd5e3;height: 45px;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0px 16px;align-items: center}
.card .card-header .title {font-size: 16px;color: #333;}
.card .card-body {padding: 0px 12px}
.time-line {width: 100%;padding-left: 63px;flex: 1;overflow: auto}
.time-line .content {padding-right: 12px;color: rgba(255, 255, 255, 0.56)}
.time-line .content .item {position: relative;line-height: 24px;border-bottom: 1px dashed #cbd5e3;display: flex;flex-direction: row}
.time-line .content .item:before {content: '';border-left: 1px dashed #cbd5e3;width: 1px;margin-right: 12px;margin-left: -12px}
.time-line .content .item .item-content {padding: 12px 0px}
.time-line .content .item:last-child {border-bottom: none}
.time-line .content .item .time {position: absolute;top: 10px;left: -65px;width: 58px;text-align: center;display: flex;flex-direction: row;align-items: center;font-size: 13px}
.time-line .content .item .time label {flex: 1;}
.time-line .content .item .time:after {content: '';display: inline-block;width: 8px;height: 8px;border-radius: 4px;background-color: red;margin-left: 3px}

.blue-blank-table {color: #000000 !important;height: 44px}
.blue-blank-table .title {font-size: 16px;margin-right: 24px;margin-left: 12px}
.blue-blank-table .row-tag {flex: 1;justify-content: space-between}
.blue-blank-table .row-tag label {color: #484848;line-height: 1;flex: 1;text-align: center;white-space: nowrap}
.blue-blank-table .row-tag label:hover, .blue-blank-table .row-tag .active {background: none;color: #025aad;font-weight: bold}
.gangchanglist-pages {padding: 0px 12px !important;margin: 12px 0px;height: 166px;overflow: hidden;overflow-y: auto}
.gangchanglist-pages .gangchanglist {padding: 0px}
.gangchanglist-pages .gangchanglist .item .info {line-height: 27px !important;}
.gangchanglist-pages .col-1 {width: 12.5%}
.gangchanglist-pages .col-1 .item {margin: 8px 0px}
.gangchanglist-pages .col-1 .item .image {width: 55px;height: 55px}
.gangchanglist {padding: 0px 12px}
.gangchanglist .item {background: rgba(201, 203, 207, 0.1);border: 1px solid rgba(0, 0, 0, .125);border-radius: 4px;padding: 6px;display: flex;flex-direction: row;margin-bottom: 16px;color: #aeaeae;font-size: 12px;line-height: 22px}
/*border: 1px solid #ededed;background-color: #ffffff;*/
.gangchanglist .item .image {width: 45px;height: 45px;border-radius: 3px;overflow: hidden;margin-right: 10px;display: flex;justify-content: center;align-items: center}
.gangchanglist .item .image img {height: 100%}
.gangchanglist .item .info {flex: 1;overflow: hidden}
.gangchanglist .item p {font-size: 14px;color: #484848;text-overflow: ellipsis; white-space: nowrap;overflow: hidden}
.gangchanglist .item:hover {background: rgba(201, 203, 207, 0.36);cursor: pointer}

.market-topic {display: flex;flex-direction: column;}
/*background-color: #ffffff;box-shadow: none*/
.market-topic .content {padding: 6px 12px;display: flex;flex-direction: column;}
.market-topic .content a {flex: 1;color: #484848; overflow: hidden; white-space: nowrap; margin: 3px 0px;text-overflow: ellipsis;}
.market-topic .content a:hover {color: #000000}

/*企业调价*/
.item-between {justify-content: space-between;flex-direction: row;display: flex;align-items: center;}
.border-top-dash {border-top: dashed 1px #cecece;margin-top: 16px;padding-top: 16px}
.color-blank {color: #111111 !important;}
.color-white {color: #ffffff !important;}
.color-gray {color: #aeaeae !important;}
.text-align-right {text-align: right !important;}
.text-align-left {text-align: left !important;}
.text-align-center {text-align: center !important;}
.company-price {}
.company-price .item {width: 100%;background: rgba(201, 203, 207, 0.1);border: 1px solid rgba(0, 0, 0, .125);padding: 5px 8px; border-radius: 3px;line-height: 28px;color: #4c5258}
.company-price .item:hover {background: rgba(201, 203, 207, 0.36)}
.company-price .item .title {color: #aeaeae;height: 36px;overflow: hidden}
.company-price .item .title-top{align-items: flex-start}
.company-price .item .title .title-full{flex: 1;overflow: hidden;line-height: 24px}
.company-price .col-2 {width: 25%;padding: 6px 6px}
.company-price .col-6 {padding: 6px 6px}

.company-price .item .border-top-dash {margin-top: 8px;padding-top: 8px}
.company-price .item .image{width: 66px;height:66px;overflow: hidden;margin-right: 10px;border-radius: 3px}
.company-price .item .image img{width: 100%}
.company-price .item .border-top-dash{line-height: 20px}
/*.company-price .item .border-top-dash b,.company-price .item .border-top-dash label{width: 50%;overflow: hidden;white-space: nowrap}*/

.company-list {display: flex;color: #4c5258}
.company-list .item {background-color: #fff;border: 1px solid transparent;border-radius: 5px;margin-bottom: 24px;box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);padding: 16px;width: 100%;transition: all .2s}
.company-list .col-2 {width: 20%}

.company-list .item:hover {margin-top: -4px;margin-bottom: 28px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3)}
.company-list .goods_content {display: flex;flex-direction: column;height: 100%;width: 100%;line-height: 25px;}
.company-list .goods_content .image {height: 250px;overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 4px;}
.company-list .goods_content .image img {border-radius: 4px;}
.company-list .goods_content .title {color: #32393f;font-size: 16px;margin-top: 20px;margin-bottom: 10px}
.company-list .goods_content .item-between:last-child label:last-child {flex: 1;overflow: hidden;white-space: nowrap;text-align: right;text-overflow: c;}
.radius-image {width: 110px;height: 110px;overflow: hidden;border-radius: 65px;font-size: 62px;text-align: center;line-height: 110px;margin: 0px auto;box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);background: linear-gradient(0deg, #17ead9, rgba(96, 10, 234, 0.3))}
.radius-image img {width: 100%;}
.company-list-page .item .text {line-height: 31px}
.company-list-page .item .text .company-area {text-align: left;margin-top: 6px}



.fs-12 {font-size: 12px !important;}
.fs-14 {font-size: 14px !important;}
.my-services {background-color: #5e6982;text-align: center;border-radius: 3px;display: flex;align-items: center;justify-content: center;padding: 6px 0px}
.bank-bi .item {border-bottom: 1px solid rgba(0, 0, 0, .125);display: flex;flex-direction: row;align-items: center;color: #aeaeae;padding: 8px 12px;background-color: rgba(255, 255, 255, 0.62);cursor: pointer;line-height: 28px;border-radius: 3px;}
.bank-bi .item:hover {background: rgba(201, 203, 207, 0.1)}
.bank-bi .item .img {width: 31px;height: 20px;overflow: hidden;border-radius: 2px;margin-right: 12px}
.bank-bi .item .img img {height: 100%}
.bank-bi .item b {color: #393939}
.bank-bi .item .num {color: #929292;font-size: 18px}
.bank-bi .item .info {flex: 1;}

#foot {background-color: #10294f;padding: 24px 0px;color: rgba(255, 255, 255, 0.56)}
#foot .links {display: flex;flex-direction: column;font-size: 14px;line-height: 36px;margin-bottom: 26px}
#foot .links a {flex: 1}
#foot .links a:hover {color: #ffffff}
#foot .other {display: flex;flex-direction: row;justify-content: space-between;align-items: center}
#foot .other .scan {text-align: center;padding: 12px;color: #000000;background-color: #ffffff;border-radius: 4px;font-size: 12px}
#foot .other .scan img {margin-bottom: 6px}
#foot .other .info p {font-size: 24px;margin: 24px 0px}
.ui-market-tag {color: #0078d4;border: 1px solid #0078d4;border-radius: 2px;padding: 1px 4px;font-size: 12px;line-height: 12px}
.ui-handler {cursor: pointer}
.card-bottom-padding {padding-bottom: 10px}

.inner-page {display: flex;flex-direction: row;}
.inner-page .inner-page-left {flex: 1;margin-right: 12px;display: flex;flex-direction: column}
.inner-page .inner-page-left .google-auto-placed{display: none}
.inner-page .inner-page-right {width: 310px;flex-direction: column}
.topic-detail {padding: 16px;background-color: #f7f7ff;box-shadow: 0 2px 5px 0 rgba(218, 218, 253, 0.45), 0 2px 5px 0 rgba(206, 206, 238, 0.36);transition: all .2s;width: 100%;border-radius: 4px;font-size: 15px;color: #4c5258}
.topic-detail .title {font-size: 18px;padding: 16px 0px;text-align: center}
.topic-detail .info {background: #f2f2f2; color: #8a8a8a; text-align: center; line-height: 40px;height: 40px; margin: 0px 10%; margin-top: 6px;border-radius: 4px}
.topic-detail .content {display: block;margin-top: 36px;line-height: 31px}
.topic-detail .content * {background: none !important;}
.topic-detail .copyright {color: #aeaeae; font-size: 12px; line-height: 20px; margin-top: 36px}

/*首页行情地图*/
.market-map {display: flex;flex-direction: row}
.market-map .link-area {width: 350px;margin-right: 24px;background:  center no-repeat}
.market-map .link-area .top-split {border-top: 4px solid #ffffff; }
.market-map .link-area .left-split {border-left: 4px solid #ffffff; }
.market-map .link-area .item {background: rgba(0, 0, 0, 0.4);display: flex;width: 100%;height: 100%;position: relative}
.market-map .link-area .item .title {font-size: 18px;padding: 10px;border-radius: 50%;border: 1px solid #898b8c;background: rgba(255, 255, 255, 0.5);line-height: 20px;position: absolute;left: 50%;top: 50%;margin-top: -30px;margin-left: -30px;color: #ffffff;width: 60px;height: 60px;text-align: center}
.market-map .link-area .item .links {width: 100%;height: 100%;background: #6477ee;padding: 10px 20px;flex-direction: row;flex-wrap: wrap; align-content: start;line-height: 36px;display: none}
.market-map .link-area .item .links a {width: 50%;color: #ffffff}
.market-map .link-area .item .links-1 a {width: 100%}
.market-map .link-area .item .links-5 a {width: 20%}
.market-map .link-area .item:hover .links {display: flex}
.market-map .link-area .item:hover .title {display: flex;display: none}

.market-map .link-area .row {margin: 0px;width: 100%}
.market-map .link-area .row > * {padding: 0px;}

.market-map .maps {flex: 1;display: flex;flex-direction: column}
.market-map .maps .type-nave {border-bottom: 1px solid #cbd5e3;display: flex;flex-direction: row;justify-content: center;margin-top: 16px}
.market-map .maps .type-nave label {margin: 0px 3px;padding: 0px 10px;line-height: 27px;background: #f1f4f8;cursor: pointer;border-top-left-radius: 3px;border-top-right-radius: 3px}
.market-map .maps .type-nave label:hover, .market-map .maps .type-nave .active {background: rgba(0, 120, 212, 0.16);color: #0078d4;}
.market-map .maps .map-containt {position: relative}
.market-map .maps .map-containt .tips-color {position: absolute;left: 0px;bottom: 20px;border: 2px solid #cfd6de;padding: 6px 8px;border-radius: 5px;background: #f1f2f4;overflow: hidden;line-height: 24px;}
.market-map .maps .map-containt .tips-color div {display: flex;flex-direction: row;justify-content: space-between; font-size: 12px;align-items: center;}
.market-map .maps .map-containt .tips-color div label {width: 20px;height: 8px;border-radius: 2px;margin-left: 5px}
.steel_company .types { display: flex;flex-wrap: wrap;flex-direction: row;padding: 0px 6px;margin-bottom: 12px}
.steel_company .types label {padding: 0px 8px;border-radius: 3px;line-height: 24px;margin: 1px 6px;cursor: pointer}
.steel_company .types label:hover, .steel_company .types .active {background: rgb(255, 99, 65);color: #ffffff}

/*推荐商家*/
.hot-company {box-shadow: 0 2px 5px 0 rgba(218, 218, 253, 0.45), 0 2px 5px 0 rgba(206, 206, 238, 0.36);padding: 16px;background: #ffffff;position: absolute;top: 44px;left: 0px;z-index: 9999;border-top-right-radius: 5px;border-bottom-right-radius: 5px;transition: all 0.2s ease-in-out;}
.hot-company .title {color: #323232;font-size: 18px}
.hot-company .hot-list-wrap {overflow: hidden;width: 280px;}
.hot-company .hot-list {display: flex;flex-direction: column;height: 610px;overflow-y: auto;margin-right: -10px}
.hot-company .hot-list .item {padding: 8px 0px;border-bottom: 1px solid #e1e1e1;display: flex;flex-direction: row;}
.hot-company .hot-list .item .num {font-size: 12px;background: rgb(0, 193, 110);color: #ffffff;margin-right: 10px;width: 18px;height: 18px;text-align: center;line-height: 18px;border-radius: 12px;margin-top: 3px}
.hot-company .hot-list .item .intro {font-size: 12px;line-height: 24px;color: #909090;flex: 1}
.hot-company .hot-list .item .intro p {color: #323232;font-size: 14px;}
.hot-company .hot-list .item:last-child {border: none}
.hot-company .handler {background: rgba(0, 0, 0, 0.7);text-align: center;width: 20px;height: 40px;line-height: 40px;font-size: 12px;color: #717171;position: absolute;right: -20px;top: 285px;cursor: pointer;border-top-right-radius: 5px;border-bottom-right-radius: 5px}
.hot-company .handler:hover {color: #ffffff;background: rgba(0, 0, 0, 0.9);}
.hot-company-hide {left: -312px}

.ui-pager {display: flex;justify-content: center;margin-top: 16px;width: 100%}
.ui-pager .pager-body {overflow: hidden;font-size: 14px;padding-left: 1px;}
.ui-pager .pager-info {margin-right: 31px}
.ui-pager .pager-info label {cursor: default}
.ui-pager .pager-info .active {color: #6c757d; background-color: #f1f4f8;border: 1px solid #dee2e6;}
.ui-pager a, .ui-pager label { color: #6c757d; background-color: #fff; height: 35px;line-height: 35px;min-width: 35px;padding: 0px 10px;float: left;border: 1px solid #dee2e6;margin-left: -1px;cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;text-align: center}
.ui-pager a:hover, .ui-pager label:hover {color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6}
.ui-pager .active {color: #ffffff;background-color: #007bff;border-color: #007bff}
.ui-pager a:first-child, .ui-pager label:first-child {border-bottom-left-radius: 5px;border-top-left-radius: 5px}
.ui-pager a:last-child, .ui-pager label:last-child {border-bottom-right-radius: 5px;border-top-right-radius: 5px}

.dashborad .card {margin-bottom: 20px;}
.dashborad .card .card-body {padding: 12px}
.dashborad .card-header {padding: 8px 16px;background-color: rgba(0, 0, 0, .0);border-bottom: 1px solid rgba(0, 0, 0, .125);}
.dashborad .card-title {color: #32393f;line-height: 33px;font-size: 15px !important;}

.ui-dropdown {position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ui-dropdown .handler {font-size: 24px;color: #32393f;cursor: pointer;line-height: 24px}
.ui-dropdown .menu {position: absolute;top: 31px;right: 0px;z-index: 1000;padding: 8px 0px;text-align: left;background-color: #fff;background-clip: padding-box;border-radius: 8px;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);display: none}
.ui-dropdown ul {list-style: none; }
.ui-dropdown ul li {padding: 5px 16px;word-break: keep-all;white-space: nowrap;color: #212529; text-overflow: ellipsis;overflow: hidden }
.ui-dropdown ul li .icon {margin-right: 3px}
.ui-dropdown ul li:hover {color: #1e2125;background-color: #f8f9fa;cursor: pointer}
.ui-dropdown .divider {border-top: 1px solid rgba(0, 0, 0, .15);overflow: hidden;padding: 0px;margin: 8px 0px;width: 100%;overflow: visible;display: flex;}
.ui-dropdown .divider:hover {background: transparent}
.ui-dropdown .divider-text {margin-top: 16px;margin-bottom: 4px}
.ui-dropdown .divider-text * {color: #212529;font-weight: bold;background: #ffffff;padding: 3px 12px;margin: 0px auto;margin-top: -12px;border-radius: 6px}

.ui-dropdown-row {display: flex;flex-direction: row;flex-wrap: wrap}
.ui-dropdown-row li:not(.divider) {width: 25%;border-radius: 5px;}
.dash-qihuodata {justify-content: space-between; margin-top: 30px}

.ui-search {position: relative;width: 100%}
.ui-search .fm-input {width: 100%;padding-left: 40px;}
.ui-search .icon {position: absolute;left: 15px;top: 5px;font-size: 18px}
.water-bg {background:  repeat #ffffff !important;background-size: 25%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.color-blue {color: #007bff !important;}
.color-primary {color: #00c16e !important;}
.color-secondary {color: #f3969a !important;}
.color-success {color: #00c16e !important;}
.color-info {color: #6cc3d5 !important;}
.color-warning {color: #ffce67 !important;}
.color-danger {color: #f56c6c !important;}
.color-purple {color: #9396d4 !important;}
.color-cyan {color: #34ebba !important;}
.color-red {color: #fe1010 !important;}
.color-white {color: #ffffff !important;}
.color-blank {color: #111111 !important;}
.color-green {color: #43d060 !important;}
.color-gray {color: #aeaeae !important;}

.ui-no-data {clear: both;margin: 31px auto;display: flex;flex-direction: column; align-items: center;}
.ui-no-data .icon {font-size: 100px;width: 100px;height: 100px;margin-bottom: 11px}
.handler-link {cursor: pointer}
.handler-link:hover {font-weight: bold }
.item-between {justify-content: space-between;flex-direction: row;display: flex;align-items: center;}
.item-no-border {border: none !important;}

.dash-qihuodata {justify-content: space-between; margin-top: 30px}
.dash-qihuodata .row {width: 46%;}
.dash-qihuodata .col-8 {text-align: right}
.dash-qihuodata .col-4 {font-weight: bold}

.fm-item {display: flex;flex-direction: column;margin-top: 20px}
.fm-item label {color: #4c5258;margin-bottom: 8px}
.fm-item-border {border-bottom: 1px solid rgba(0, 0, 0, .125) }
.fm-item-between {justify-content: space-between;flex-direction: row;color: #6c757d;margin: 0px;padding: 10px 0px;align-items: center}
.fm-item-between label {color: #32393f;font-weight: 500;margin-bottom: 0px}
/*加载进度条*/
@keyframes loadinganimate {
	0% {width: 0%}
	36% {width: 36%}
	60% {width: 60%}
	80% {width: 80%}
	90% {width: 90%}
	96% {width: 96%}
	100% {width: 98%}
	}
.ui-loading {background: #007bff;position: fixed;z-index: 2000;top: 0;left: 0px;height: 4px;box-shadow: 0 0 10px #007bff, 0 0 5px #007bff;animation: loadinganimate 4s;animation-iteration-count: 1;animation-fill-mode: forwards;}
.ui-loading-stop {width: 100%;animation: none}
.w-full {width: 100% !important}
.goods-detail {line-height: 24px;color: #828282}
.goods-detail .row {padding: 5px 0px}
.goods-detail .price-row {background: #f1eff0;padding: 16px;margin: 10px 0px;margin-top: 20px}

/*会员中心*/
.member-body {background: #f5f5f5;color: #5f5f5f}
.member-body .content-warp {width: 1200px}
.member-body header {height: 74px;display: flex;flex-direction: row;align-items: center}
.member-body header .links {flex: 1;text-align: right}
.member-body header .links a { margin-left: 60px; font-size: 16px; color: rgba(34, 34, 34, .8); cursor: pointer;}
.member-body header .links a:first-child {margin: 0px}
.member-body header .links a:hover {color: #222}
.member-body .header-bg {background: #fff;border-bottom: 1px solid rgba(228, 228, 228, 0);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}

.login-box {width: 530px;border-radius: 4px;clear: both;margin: 0px auto;background: #ffffff;margin-top: 150px;overflow: hidden; padding: 16px;border: 1px solid #eee;}
.login-box .login-form {padding: 24px;}
.login-box .login-form .header {text-align: center;line-height: 36px;background: none;margin-bottom: 62px}
.login-box .login-form .header p {font-size: 24px}
.login-box .login-form a {color: #2d7edd;}
.login-box .login-form .fm-input {height: 45px;line-height: 45px}
.fm-btn {display: inline-block;font-weight: 400;height: 45px;line-height: 45px;color: #212529;cursor: pointer;text-align: center;font-size: 16px;border: none;border-radius: 3px}
.btn-green {color: #ffffff;background: #00c16e}
.btn-red {color: #ffffff;background: #e7091d}
/*提示条*/
.tips {padding: 12px 20px;border-radius: 5px;border: 1px solid transparent;margin: 16px 0px;}
.tips-danger {color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;}
.tips-success {color: #ffffff;background-color: #36c968;border-color: #36c968;}
/*验证样式*/
.ui-form-verify .verify-ok {}
.ui-form-verify .verify-error {position: relative !important;}
.ui-form-verify .verify-error .error-tips {color: #fff;position: absolute;top: 0px;right: 0px;background-color: #4d75fc;border-radius: 3px;padding: 3px 6px;font-size: 12px;}
.ui-form-verify .verify-error .error-obj {border: 1px solid red !important;box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.15);}
.login-foot {text-align: center;color: #4c5258;font-size: 12px;padding: 20px 0px}

.member-center {display: flex;flex-direction: row;margin: 20px auto;align-items: flex-start;}
.member-center aside {width: 210px;border: 1px solid #eee;background: #fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);padding: 16px;border-radius: 3px}
.member-center main {flex: 1;margin-left: 16px}
.member-center aside .userinfo {display: flex;flex-direction: column;text-align: center;border-bottom: 1px solid #e4e4e4;margin: 0px -16px;padding-top: 6px;padding-bottom: 25px}
.member-center aside .userinfo .radius-image {width: 62px;height: 62px;font-size: 36px;line-height: 62px}
.member-center aside .userinfo .icon-huiyuan {font-size: 62px}
.member-center aside .userinfo .info {padding-top: 10px}
.member-center aside .userinfo .desc {font-size: 12px;color: #a9a8a8;}
.member-center aside .userinfo .name {font-size: 15px;font-weight: 500;color: #413c3c;}

.member-center aside .menu {display: flex;flex-direction: column;margin-top: 16px;margin-bottom: 10px}
.member-center aside .menu a {color: #5f5f5f;display: flex;align-items: center;justify-content: left;padding: 0px 15px;font-size: 14px;height: 40px;transition: all .3s ease-out;overflow: hidden;white-space: nowrap;border-radius: 3px;margin: 1px 0px}
.member-center aside .menu a b {font-weight: normal;margin-left: 12px;letter-spacing: 2px;}
.member-center aside .menu a .icon {font-size: 22px}
.member-center aside .menu a:hover, aside .menu .active {color: #008cff;background: rgba(13, 110, 253, 0.12);}
.member-center aside .menu .menu-split {margin-top: 16px}
.member-center aside .menu p {color: #b0afaf;line-height: 40px;margin-top: 16px}

.ui-nav-menu {display: flex;width: 100%;flex-direction: row;margin-bottom: 16px;color: #6c757d;list-style: none;font-size: 16px; align-items: center;background: #ffffff;padding: 10px 12px;border-radius: 6px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
.ui-nav-menu li {margin-right: 5px}
.ui-nav-menu a {color: #6c757d;}
.ui-nav-menu .btn {display: block;margin: 0px}
.ui-nav-menu li .color-blue {color: #6c757d !important;}

.member-center .card {background: #ffffff;margin-bottom: 16px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);padding-bottom: 16px}

/*文件上传*/
.ui-upload {}
.ui-upload .ui-upload-item {width: 80px;height: 80px;border: 1px solid #d6d6d6;text-align: center;line-height: 80px;overflow: hidden;position: relative;margin: 5px;background: #ffffff;box-sizing: border-box;padding: 2px;float: left}
.ui-upload .ui-upload-item .icon {font-size: 51px;color: #dbdbdb}
.ui-upload .ui-upload-item .icon-upload {color: #333333}
.ui-upload .ui-upload-item .icon-close {position: absolute;top: 0px;right: 0px;font-size: 14px;color: #ffffff;background-color: rgba(0, 0, 0, 0.5);line-height: 14px;z-index: 10;padding: 2px;opacity: 0.6}
.ui-upload .ui-upload-item .icon-close:hover {opacity: 1}
.ui-upload .ui-upload-item input {position: absolute;top: 0px;right: 0px;padding: 100px;opacity: 0}
.ui-upload .ui-upload-item img {width: 100%}
.ui-upload .ui-upload-item .upload-mask {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);z-index: 9}

.fm-radio-check {margin-right: 20px;margin-bottom: 0px !important;word-break: break-all; white-space: nowrap;}
.fm-radio-check input {margin-right: 4px}

/*对话框*/
.ui-dialog-mask {left: 0px;position: fixed;top: 0px;background-color: rgba(0, 0, 0, 0.2);z-index: 99998;right: 0px;bottom: 0px}
.ui-dialog {position: absolute;top: 20%;left: 50%;z-index: 99999;overflow: hidden;background-color: #fff;max-height: 78%;border-radius: 3px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3);min-width: 240px;color: #4c5258}
.ui-dialog .ui-dialog-title {color: #303133;padding: 20px 20px 10px;font-size: 18px;}
.ui-dialog .ui-dialog-content {overflow: auto;padding: 10px 20px;}
.ui-dialog .ui-dialog-button {text-align: right;user-select: none;padding: 20px 10px}
.ui-dialog .ui-dialog-button .next {margin-right: 40px;}
.ui-dialog .ui-dialog-button .btn {color: #606266}
.ui-dialog .ui-dialog-button .btncancel {background: #eeeeee;border-color: #eeeeee}
.ui-dialog .ui-dialog-button .btnsubmit {background: #487ff4;border: 1px solid #487ff4;color: #fff !important;}
.ui-dialog .ui-dialog-button .btnsubmit:hover {background: #5a8bfd;border: 1px solid #3673ff;color: #fff;}
.ui-dialog .ui-dialog-button .btnmore {background: #f2f2f2;border: 1px solid #c4cad7;color: #999;}
.ui-dialog .ui-dialog-button .btnmore:hover {background: #5a8bfd;border: 1px solid #3673ff;color: #fff;}
.ui-dialog .ui-dialog-button .add_more {background: #f26d4f;border: 1px solid #f26d4f;color: #fff;cursor: pointer;margin-top: 6px;}
.ui-dialog .ui-dialog-button .stateinfo {float: left;color: #487ff4;margin-right: 15px;max-width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ui-dialog .ui-dialog-close {position: absolute;top: 12px;right: 12px;width: 16px;height: 16px;line-height: 16px;overflow: hidden;}
.ui-dialog .ui-dialog-close .icon-close {font-size: 16px;color: #c9d1d8;font-weight: bold}
.ui-dialog .ui-dialog-close:hover .icon-close {color: #487ff4}
.dialog_continue {position: absolute;right: 270px;bottom: 18px;}
.dialog_content {padding: 12px;}

.member-type-list {width: 100%;}
.member-type-list .col-3{padding: 8px}
.member-type-list .item {border-radius: 4px;text-align: center;border: 1px solid #ad8f4a;color: #896623;display: flex;flex-direction: column;cursor: pointer;padding: 16px;height: 100%}
.member-type-list .item b {font-size: 20px;margin-bottom: 10px}
.member-type-list .item p {font-size: 18px;margin-bottom: 16px}
.member-type-list .item-active, .member-type-list .item:hover {color: #000000;background: #edd797}
.member-type-list .col-4 {padding-top: 20px;padding-bottom: 20px}
.border-top-dash {border-top: dashed 1px #cecece;margin-top: 16px;padding-top: 16px}
.member-type-list-info .row {margin-top: 16px;margin-bottom: 16px;align-items: center}
.member-type-pay {margin-top: 0px !important;margin-bottom: 0px !important;}
.member-type-pay .item {position: relative;border: 2px solid #dedede;color: #707070;border-radius: 4px;height: 42px;cursor: pointer;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.member-type-pay .item label {padding-left: 6px}
.member-type-pay .item .select {position: absolute;right: -2px;bottom: 3px;height: 24px;width: 24px;font-size: 24px;display: none}
.member-type-pay .item-active {border-color: #00c16e;}
.member-type-pay .item-active .select {color: #00c16e;display: block}

.row-info-padding .row {padding: 16px}

.steel-company-grid {margin-top: 36px;white-space: normal}
.steel-company-grid tr th {white-space: nowrap}
.steel-company-grid tr th:nth-child(1) { min-width: 70px }
.steel-company-grid tr th:nth-child(3) { max-width: 310px }
.steel-company-grid tr th:nth-child(8) { width: 100px }

.topic-type-header {display: flex;flex-direction: row;padding: 0px 10px;line-height: 45px;align-items: center; margin-bottom: -12px;}
.topic-type-header .icon {color: #0078d4;margin-right: 6px}
.topic-type-header a {color: #333333;font-size: 16px}
.topic-type-header a .icon {font-size: 12px;color: #333333;}


.no-view-state{cursor: pointer}
.no-view-state .icon{font-size: 20px;color: #fd3550}