@charset "utf-8";
/* CSS Document */
/*全局样式*/
html, body {
    width: 100%; /* height:100%; */
    margin: 0;
}

body {
    font-size: 12px;
    position: relative;
    background: #f5faff;
    font-family: PingFang SC, HelveticaNeue, Helvetica, PingFangSC, Tahoma, Arial, sans-serif; /*min-width:1200px;*/
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ol, ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: 0 none;
}

em {
    font-style: normal;
}

ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, font, strong, span, input {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, textarea {
    border: 0;
    font-family: Arial, tahoma, Helvetica, sans-serif;
}

.clear {
    clear: both;
    height: 0;
}

.clearfix_jx {
    zoom: 1;
}

.clearfix_jx:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.ft {
    float: left;
}

.fr {
    float: right;
}

.bg-white {
    background: #fff;
}

.public-width {
    width: 1200px;
    margin: 0 auto;
}

.mart15 {
    margin-top: 15px;
}

.mart10 {
    margin-top: 10px;
}

.marbt10 {
    margin-bottom: 10px;
}

.mart20 {
    margin-top: 20px;
}

.marr20 {
    margin-right: 20px;
}

.marr10 {
    margin-right: 10px;
}

.marl60 {
    margin-left: 60px;
}

.marl30 {
    margin-left: 30px;
}

.padbt44 {
    padding-bottom: 44px;
}

.blue-word {
    color: #005196;
}

.hide {
    display: none;
}

.permissionHide {
    display: none !important;
}

.mar0 {
    margin: 0;
}

.textc {
    text-align: center;
}

.c_blue {
    color: #005196;
}

.c_blue:hover {
    color: #005196;
}

/* layui修改样式 */
.layui-table tbody tr:hover, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
    background: #F6F7FB;
}
.layui-table thead tr{
    background: #f6f7fb;
}
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 6px 0;
}

.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #0473FF;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #0473FF;
}

.layui-form-select dl dd.layui-this {
    background-color: #0473FF;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #005196 !important;
    background-color: #005196;
}

.layui-form-checkbox[lay-skin=primary] {
    padding-left: 22px;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #005196;
}

.layui-input:hover{
    border:1px solid #1d81ff !important;
    box-sizing: border-box !important;
}
.layui-input:focus{
    border:1px solid #005ad9 !important;
    box-sizing: border-box !important; 
}

.layui-table-cell {
    padding: 0 10px;
}

.layui-btn {
    background: #0473FF;
}

.layui-btn-danger {
    background: #FF9200;
}

.layui-btn-primary {
    background: #fff;
}

.layui-table-tips-c {
    box-sizing: unset;
}

.layui-form-label {
    color: #333;
}

.layui-table td, .layui-table th {
    font-size: 12px;
}

.layui-layer-dialog .layui-layer-content {
    color: #555;
}

.layui-layer-dialog .layui-layer-content h3 {
    font-size: 18px;
}

.layui-layer-hui .layui-layer-content {
    color: #fff;
}

.layui-form-checkbox span {
    font-size: 12px;
}

.layui-form-radio * {
    font-size: 12px;
}

.layui-form-onswitch {
    box-sizing: content-box;
}

/* 搜索全局限制 */
.search .carrier-label {
    height: 32px;
    line-height: 32px;
}

.search {
    background: #F3F7FD;
    padding: 15px;
}

.search .layui-input {
    border: 1px solid #EAEAEA;
    height: 32px;
    color: #333
}

.search .search-btn {
    height: 32px;
    width: 60px;
    margin-left: 10px;
    background: #0473ff;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.search .date-ico i {
    top: 4px;
    right: 5px;
    z-index: -1;
}

.search .layui-input-block {
    margin-left: 0;
}

/* 页面公共顶部 */
.site-nav {
    height: 32px;
    line-height: 28px;
    background: #f2f2f2;
}

.site-nav a:hover {
    color: #005196;
}

.site-nav .hp-jx {
    height: 32px;
    line-height: 32px;
    color: #999;
}

.user-name-jx {
    color: #0473FF;
}

.logi-btn-jx {
    color: #666;
    margin-right: 10px;
}

.bar-menu-jx {
    color: #999;
}

.bar-menu-jx li {
    float: left;
    position: relative;
}

.bar-menu-jx li:not(:last-child) > a {
    border-right: 1px solid #ccc;
}

.bar-menu-jx li a.nav-parent {
    color: #999;
    padding: 0 10px;
}

.bar-menu-jx li a:hover {
    color: #999;
}

.bar-menu-jx li i {
    font-size: 12px;
    margin-left: 4px;
}

.bar-menu-jx li:hover .nav-child {
    display: block;
}

.bar-menu-jx .tell-jx {
    color: #005196;
    padding: 0 10px;
}

.bar-menu-jx .tell-jx i {
    margin-right: 4px;
}

.user-jx {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}

.layui-layer-btn0{
    background: #0473FF !important;
    color: white !important;
}
.layui-layer-btn1{
    background: #f2f3f5 !important;
    color: #0473FF !important;
}

.user-jx:hover .nav-child {
    display: block;
}

.user-jx i {
    font-size: 12px;
    margin-left: 4px;
}

.nav-child {
    display: none;
    z-index: 1;
    background: #fff;
    position: absolute;
    left: 0;
    top: 27px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #e2e2e2;
    -moz-box-shadow: 0px 0px 5px #e2e2e2;
    -webkit-box-shadow: 0px 0px 5px #e2e2e2;
    box-shadow: 0px 0px 5px #e2e2e2;
    line-height: 27px;
}

.nav-child dd {
    text-indent: 1em;
    min-width: 88px;
    color: #323233;
}

.nav-child dd:hover {
    background: #E5F1FF;
    color: #323233;
}

.nav-child dd a {
    display: block;
    white-space: nowrap;
}

.nav-child dd a:hover {
    /*display: block;*/
    /*white-space: nowrap;*/
    color: #323233;
}

.menu-jx {
    display: flex;
    align-items: center;
    height: 88px;
}

.blogo-jx {
    line-height: 0;
    height: 84px;
    padding-top: 15px;
}

.blogo-jx img {
    height: 54px;
}

/*.menu-jx a{ padding-top:15px;}*/
.menu-list-jx {
    margin-left: 64px;
    font-size: 18px;
}

.menu-list-jx li a {
    color: #333;
    font-size: 16px;
}

.menu-list-jx li {
    float: left;
    padding: 0 24px;
}

/*
.menu-list-jx li:hover a {
    color: #005196;
}
*/

.menu-list-jx li.current a {
    color: #005196;
}

.content {
    margin-top: 15px;
}

/*左侧菜单*/
.left-menu {
    width: 226px;
    padding: 10px 0;
    background: #fff;
}

.left-menu li {
    line-height: 48px;
    color: #333;
    text-indent: 25px;
    font-size: 14px;
}

.left-menu li a {
    color: #555;
    display: block;
    height: 48px;
}

.left-menu li a i {
    margin-right: 10px;
    font-size: 16px;
}

.left-menu li.current a {
    color: #fff;
    background: #005196;
}

.left-menu li.current:hover a {
    color: #fff;
}

.left-menu li:hover a {
    color: #005196;
}

/*右侧内容*/
.content-right {
    margin-left: 15px;
    width: 954px;
}

/**/
.plart-info {
    padding: 32px 16px;
}

.user-img {
    width: 85px;
    height: 85px;
    margin-right: 16px;
}

.user-img img {
    width: 85px;
    height: 85px;
}

.user-info p {
    color: #555;
    line-height: 27px;
}

.user-info p.ui-f {
    font-size: 15px;
    font-weight: bold;
    line-height: 31px;
    color: #333;
}

.user-info p.ui-s {
    height: 27px;
}

.user-info p.ui-s span {
    margin-right: 14px;
    display: inline-block;
}

.user-info p.ui-s span.cmpytt {
    vertical-align: bottom;
    width: 184px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user-info p.ui-t {
    color: #999;
}

.user-info p.ui-t span {
    display: inline-block;
    margin-left: 12px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    background: #7d7e80;
}

.user-info p.ui-t span.m1 {
    background: #0473FF;
}

.user-info p.ui-t span.m2 {
    background: #28ada7;
}

.user-info p.ui-t span.m3 {
    background: #f2f3f5;
}

.user-promis ul li {
    float: left;
    padding-left: 10px;
    width: 130px;
    line-height: 27px;
    color: #222;
}

.user-promis ul li.last {
    padding-left: 30px;
}

.user-promis ul li p.number {
    line-height: 31px;
    font-size: 20px;
    font-weight: bold;
}

.user-promis ul li p a {
    color: #0473FF;
    margin-right: 4px;
}

.acinfo-til {
    height: 54px;
    padding: 0 16px;
    border-bottom: 1px solid #eaeaea;
    line-height: 53px;
    color: #333;
    font-size: 16px;
}

.update-btn {
    font-size: 12px;
    color: #0473FF;
    cursor: pointer;
}

.ac-info-list li {
    float: left;
    width: 190px;
    padding-left: 15px;
    color: #666;
    line-height: 99px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 99px;
}

.ac-info-list li i {
    margin-right: 5px;
}

.safe-info {
    padding-bottom: 40px;
}

.safe-info li {
    height: 56px;
    padding: 0 16px;
    color: #666;
    line-height: 55px;
    border-bottom: 1px solid #eaeaea;
}

.safe-status {
    width: 28px;
    height: 28px;
    margin-top: 13px;
    border-radius: 28px;
    color: #fff;
    line-height: 28px;
    text-align: center;
}

.safe-info li .yes {
    background: #28ada7;
}

.safe-info li .no {
    background: #FF9200;
}

.safe-info li i {
    font-size: 12px;
}

.safe-type {
    width: 108px;
}

/*绑定手机号.edit-info-title{ text-align: center; font-size: 18px; color: #222; padding-top: 40px;}*/

.warn-word {
    line-height: 40px;
    height: 40px;
    color: #FF9200;
}

.login-ele-content {
    margin: 0 auto;
    width: 420px;
}

.login-ele {
    position: relative;
    margin-bottom: 14px;
}

.left-til {
    display: block;
    float: left;
    height: 40px;
    width: 100px;
    padding-right: 5px;
    font-weight: normal;
    line-height: 40px;
    text-align: right;
    color: #333;
}

.login-ele i {
    position: absolute;
    left: 110px;
    top: 12px;
    color: #999;
    font-size: 16px;
}

.login-ele input {
    width: 320px;
    height: 40px;
    border: 1px solid #e2e2e2;
    padding: 13px 0 13px 40px;
    color: #444;
}

.validate-code {
    position: relative;
    margin-bottom: 14px;
}

.validate-code i {
    position: absolute;
    left: 110px;
    top: 12px;
    color: #999;
    font-size: 16px;
}

.validate-code input {
    width: 177px;
    height: 40px;
    border: 1px solid #e2e2e2;
    padding: 13px 0 13px 40px;
}

.validate-code span {
    float: right;
    line-height: 40px;
    color: #0473FF;
    cursor: pointer;
}

.message-word input {
    width: 214px;
}

.msg-btn {
    display: block;
    width: 96px;
    height: 40px;
    margin-left: 10px;
    text-align: center;
    line-height: 40px;
}

.msg-btn-ok {
    background: #0473FF;
    color: #fff;
    cursor: pointer;
}

.msg-btn-no {
    background: #ddd;
    color: #999;
    cursor: no-drop;
}

.code-msg {
    width: 82px;
    height: 40px;
    margin-left: 10px;
    cursor: pointer;
}

.login-submit input, .login-submit button {
    width: 320px;
    height: 40px;
    margin-top: 8px;
    /*border: 1px solid #005196;*/
    border: none;
    background: #0473FF;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.to-login {
    font-size: 14px;
    color: #666;
}

.to-login a {
    color: #0473FF;
}

.to-login a:hover {
    text-decoration: underline;
}

.regist-bt {
    border-bottom: 1px solid #e2e2e2;
}

.regist-foot {
    width: 100%;
    height: 100px;
    padding-top: 22px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #999;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    line-height: 28px;
}

.regist-foot .foot-list {
    color: #e2e2e2;
}

.regist-foot .foot-list a {
    color: #666;
    margin: 0 5px;
}

.read-protocol {
    padding-left: 100px;
    font-size: 14px;
    color: #333;
}

.read-protocol a {
    color: #0473FF;
    padding-top: 3px;
}

/*注册成功*/
.regist-ok {
    text-align: center;
    padding-top: 40px;
}

.circle {
    padding: 7px 0;
}

.circle span {
    display: inline-block;
    width: 68px;
    height: 68px;
    line-height: 68px;
    border-radius: 68px;
    background: #28ada7;
    color: #fff;
}

.circle span i {
    font-size: 16px;
}

.regist-ok-text {
    color: #6EB92C;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.regist-name {
    font-size: 16px;
    color: #666;
    line-height: 38px;
}

.regist-continue {
    color: #999;
}

.regist-ok-btn a {
    display: inline-block;
    width: 104px;
    height: 40px;
    margin-top: 38px;
    margin-right: 15px;
    line-height: 40px;
    color: #9E9E9E;
    border-radius: 4px;
    background: #EEEFF1;
}

.regist-ok-btn a.to-validate {
    background: #005196;
    color: #fff;
}

/*找回密码*/
.find-step {
    width: 648px;
    margin: 50px auto 0;
}

.find-step ul li {
    float: left;
    width: 160px;
    margin-right: 2px;
    color: #999;
    text-align: center;
}

.find-step ul li p.find-step-icon {
    position: relative;
    font-size: 20px;
}

.find-step ul li p.find-step-icon span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #EEE;
    border-radius: 40px;
    color: #bbb;
    line-height: 40px;
}

.find-step ul li p.find-step-icon b {
    position: absolute;
    left: 0;
    top: 17px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 6px;
    border-radius: 6px;
    background: #EEE;
}

.fstep-text {
    line-height: 60px;
    font-size: 16px;
}

.find-step ul li.end p.find-step-icon span {
    color: #fff;
    background: #A0E366;
}

.find-step ul li.end p.find-step-icon b {
    background: #A0E366;
}

.find-step ul li.on p.find-step-icon span {
    color: #fff;
    background: #6EB92C;
}

.find-step ul li.on p.find-step-icon b {
    background: #6EB92C;
}

.login-submit-step a {
    float: left;
    display: block;
    width: 104px;
    height: 40px;
    margin-left: 100px;
    margin-top: 8px;
    line-height: 40px;
    text-align: center;
    background: #EEEFF1;
    font-size: 14px;
    color: #9E9E9E;
}

.login-submit-step button {
    width: 104px;
    height: 40px;
    margin-top: 8px;
    border: 1px solid #005196;
    background: #005196;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.will-return {
    font-size: 16px;
    color: #666;
    line-height: 42px;
}

.will-return a {
    margin-left: 10px;
    color: #005196;
}

.will-return a:hover {
    text-decoration: underline;
}

/* .msg-btn{ width: 70px; height: 40px; background: #005196; color: #fff; cursor: pointer;} */
/* 子账号设置 */
.son-user-til span {
    margin-left: 15px;
    color: #999;
    font-size: 12px;
}

.add-user, .add-policy {
    min-width: 104px;
    padding: 0 10px;
    height: 40px;
    margin: 15px 0 5px 20px;
    background: #0473FF;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.add-policy {
    min-width: 80px;
    display: none;
}

.son-list-edit {
    color: #0473FF;
    margin-left: 5px;
}

.son-list-edit:hover {
    color: #0473FF;
}

.son-user-circle {
    padding: 5px;
    margin-right: 5px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
}

.open {
    background: #6EB92C;
}

.close {
    background: #F6A011;
}

/* 新增子账号 */
.addaccount-step {
    width: 486px;
    margin: 0 auto;
    padding-top: 30px;
}

.addaccount-step ul li {
    float: left;
    width: 160px;
    margin-right: 2px;
    color: #999;
    text-align: center;
}

.addaccount-step ul li p.find-step-icon {
    position: relative;
    font-size: 20px;
}

.addaccount-step ul li p.find-step-icon span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #EEE;
    border-radius: 40px;
    color: #bbb;
    line-height: 40px;
}

.addaccount-step ul li p.find-step-icon b {
    position: absolute;
    left: 0;
    top: 17px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 6px;
    border-radius: 6px;
    background: #EEE;
}

.fstep-text {
    line-height: 60px;
    font-size: 16px;
}

.addaccount-step ul li.end p.find-step-icon span {
    color: #fff;
    background: #A0E366;
}

.addaccount-step ul li.end p.find-step-icon b {
    background: #A0E366;
}

.addaccount-step ul li.on p.find-step-icon span {
    color: #fff;
    background: #6EB92C;
}

.addaccount-step ul li.on p.find-step-icon b {
    background: #6EB92C;
}

.son-account-edit {
    width: 359px;
    padding-left: 44px;
}

.carrier-label {
    display: block;
    float: left;
    width: 96px;
    height: 40px;
    color: #333;
    line-height: 40px;
    text-align: right;
    padding-right: 12px;
}

.saccount-til {
    line-height: 22px;
    color: #333;
}

.sacc-step {
    padding-top: 20px;
    text-align: center;
}

.sacc-step button {
    width: 104px;
}

/*我的积分*/
.integral-head {
    padding: 16px 0;
}

.integral-head li {
    float: left;
    height: 68px;
    width: 172px;
    text-align: center;
    color: #9E9E9E;
}

.integral-head li i {
    font-size: 12px;
    margin-right: 4px;
}

.integral-head li p {
    padding-bottom: 5px;
    color: #555;
    font-size: 22px;
    line-height: 40px;
    font-weight: bold;
}

.integral-head li p.yellow {
    color: #F6A011;
}

.integral-head li.integral-first {
    width: 257px;
    border-right: 1px dashed #e2e2e2;
}

.integral-head li.integral-first .integral-title i {
    font-size: 26px;
}

.integral-title {
    width: 160px;
}

.integral-title a {
    display: block;
    margin: 6px auto 0;
    width: 77px;
    height: 30px;
    border-radius: 15px;
    background: #6EB92C;
    color: #fff;
    line-height: 30px;
}

.srch-wihte {
    background: #fff;
}

.date-ico {
    position: relative;
    z-index: 9;
    background: #fff;
}

.date-ico i {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #9E9E9E;
    font-size: 20px;
    z-index: -1;
}

.long-btn {
    width: 104px;
    height: 40px;
}

.download {
    border: 1px solid #EEEFF1;
    color: #343532;
    text-align: center;
    line-height: 38px;
}

.download i {
    margin-right: 6px;
    font-size: 15px;
}

.download:hover {
    color: #005196;
    border-color: #005196;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.coupon .layui-table-body .layui-table-cell {
    height: 56px;
}

.integral-goods .layui-table-body .layui-table-cell {
    height: 75px;
    line-height: 75px;
}

.integral-goods .layui-table-body .layui-table-cell p {
    line-height: 37px;
}

.layui-table img.integral-goods-img {
    margin-right: 12px;
    width: 142px;
    height: 75px;
    max-width: 142px;
}

/*企业认证*/
.validate-tips {
    font-size: 16px;
    text-indent: 16px;
    color: #333;
    line-height: 52px;
}

.validate-tips span {
    color: #9e9e9e;
    font-size: 12px;
    margin-left: 16px;
}

.role-type li {
    width: 297px;
    height: 102px;
    margin-left: 16px;
    padding: 16px 30px 16px 10px;
    cursor: pointer;
    line-height: 18px;
    color: #9e9e9e;
    border: 1px solid #e2e2e2;
}

.role-type li h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #555;
}

.role-type li img {
    margin-right: 16px;
}

.role-type li.on {
    border: 2px solid #005196;
}

.step-btn {
    text-align: center;
    padding: 40px 0 16px 0;
}

.step-btn input {
    width: 104px;
    height: 40px;
    color: #fff;
    background: #005196;
    border-radius: 4px;
    cursor: pointer;
}

.company-info-til {
    margin-bottom: 10px;
    background: #fff;
    color: #555;
    font-size: 16px;
    line-height: 52px;
    text-indent: 16px;
}

.company-info-til span {
    font-size: 12px;
    margin-left: 16px;
    color: #9E9E9E;
}

.company-info .layui-input-inline {
    width: 320px;
}

.company-info .layui-form-label {
    width: 100px;
    height: 40px;
    line-height: 22px;
    color: #333;
}

.company-info .layui-input, .company-info .layui-select {
    height: 40px;
}

.approve-data {
    background: #F6F7FB;
    padding-bottom: 16px;
}

.have-tips span {
    line-height: 40px;
    color: #999;
    margin-left: 16px;
}

.company-info .layui-form-radio {
    margin: 6px 10px 6px 0;
}

#combination {
    display: none;
}

.certificate-list ul li {
    float: left;
    width: 200px;
    height: 60px;
    margin-right: 33px;
    padding-left: 24px;
    margin-bottom: 16px;
}

.cert-intro {
    width: 100px;
    margin-right: 14px;
    text-align: right;
    color: #333;
    line-height: 20px;
}

.cert-intro p span {
    color: #005196;
    cursor: pointer;
}

.up-img {
    position: relative;
    width: 60px;
    height: 60px;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.upload-btn {
    width: 60px;
    height: 60px;
    padding-top: 9px;
    color: #ccc;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}

.upload-btn i {
    font-size: 20px;
}

.now-img {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    z-index: 1;
}

.img-sq {
    position: relative;
    width: 60px;
    height: 60px;
    z-index: 2;
}

.img-sq:hover .img-close {
    display: block;
}

.img-sq img {
    width: 60px;
    height: 60px;
}

.img-close {
    position: absolute;
    display: none;
    width: 16px;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3)
}

.company-info .layui-colla-title {
    height: 53px;
    padding: 0 16px 0 16px;
    line-height: 53px;
    background: #fff;
    color: #555;
    font-size: 16px;
}

.company-info .layui-colla-title span {
    font-size: 12px;
    color: #9E9E9E;
    margin-left: 20px;
}

.company-info .layui-collapse {
    border: none;
}

.company-info .layui-colla-icon {
    left: 85px;
    font-size: 12px;
    color: #9E9E9E;
}

.company-info .layui-colla-content {
    padding: 16px 15px;
}

.sample-detail {
    height: 100%;
    text-align: center;
}

.sample-detail span {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.sample-detail img {
    max-width: 1000px;
    max-height: 450px;
    vertical-align: middle;
}

.quality-sub {
    margin-top: 16px;
    text-align: center;
}

.quality-sub button {
    width: 104px;
    border-radius: 4px;
    margin-left: 16px;
}

.quality-sub .quality-btn {
    display: inline-block;
    margin-top: 8px;
    width: 104px;
    height: 40px;
    vertical-align: top;
    border-radius: 4px;
    line-height: 40px;
    color: #0473ff;
    background: #f2f3f5;
}

.add-goods input {
    width: 84px;
    height: 32px;
    margin-left: 100px;
    cursor: pointer;
    color: #fff;
    background: #005196;
}

.add-goods span {
    color: #9e9e9e;
    margin-left: 10px;
}

.company-info .goods-detail .layui-input-inline {
    width: 190px;
    height: 40px;
    line-height: 40px;
    text-indent: 12px;
    color: #666;
    background: #fff;
}

.company-info .goods-detail .layui-form-label {
    width: 86px;
    padding: 9px 10px 9px 15px;
    color: #333;
}

.sale-goods {
    background: #EEF3F6;
    padding: 16px 0;
    border: 1px solid #EAEAEA;
}

.company-info .goods-detail {
    padding: 0;
}

.goods-list-ele .layui-form-item {
    margin-bottom: 8px;
}

.goods-list-ele {
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #EAEAEA;
    position: relative;
}

.delete-goods {
    position: absolute;
    top: 78px;
    right: 28px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    background: #A8AAB7;
    cursor: pointer;
}

/*新建商品*/
.goods-detail {
    width: 850px;
    padding: 34px 0 54px 0;
}

.goods-detail .layui-form-label {
    width: 90px;
    padding: 9px 10px 9px 15px;
    color: #333;
}

.goods-detail .layui-form-item .layui-input-inline {
    margin-right: 0;
}

.goods-detail .layui-form-item .layui-input-inline input {
    height: 38px;
}

.unit {
    position: relative;
}

.unit-detail {
    position: absolute;
    right: 1px;
    top: 1px;
    padding-right: 8px;
    height: 36px;
    line-height: 36px;
    color: #555;
    background: #fff;
}

.goods-detail .quality-sub {
    padding-top: 20px;
}

.img-url {
    display: none;
}

/**/
.no-info {
    padding: 16px;
}

.nuser-img img {
    width: 68px;
    height: 68px;
    margin-right: 16px;
}

.nuser-info {
    line-height: 34px;
    color: #333;
    font-size: 14px;
}

.nuser-info .nowj {
    font-size: 12px;
    color: #555;
}

.nuser-info .nowj span {
    padding: 2px 4px;
    background: #c9c9c9;
    color: #FDFFFA;
    border-radius: 2px;
}

.yellow-tips {
    margin: 16px 0;
    padding: 8px 20px;
    background: #FFF7E5;
    color: #F6A011;
    line-height: 24px;
}

.btn {
    display: inline-block;
    line-height: 40px;
    margin: 16px 0;
    text-align: center;
}

.btn:hover {
    color: #fff;
}

.nuser-info p.ui-t {
    color: #999;
}

.nuser-info p.ui-t span {
    display: inline-block;
    margin-left: 12px;
    padding: 2px 4px;
    line-height: 18px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
}

.nuser-info p.ui-t span.m1 {
    background: #0473FF;
}

.nuser-info p.ui-t span.m2 {
    background: #28ada7;
}

.nuser-info p.ui-t span.m3 {
    background: #FF9200;
}

.cert-info-til {
    font-size: 16px;
    color: #555;
}

.cert-info-detail {
    background: #F3F7FD;
    margin-top: 16px;
    padding: 5px 0;
}

.cert-info-detail li {
    float: left;
    padding-left: 16px;
    width: 461px;
    line-height: 38px;
    color: #555;
}

.cert-list {
    width: 954px;
    overflow: hidden;
}

.cert-list ul {
    width: 970px;
}

.cert-list ul li {
    float: left;
    width: 469px;
    height: 126px;
    margin: 16px 16px 0 0;
    padding: 10px;
    border-radius: 4px;
    background: #fff;
}

.cert-list ul li img {
    width: 106px;
    height: 106px;
    float: left;
    margin-right: 20px;
    border-radius: 4px;
}

.cert-list-intro h3 {
    margin-bottom: 8px;
    line-height: 40px;
    border-bottom: 1px dashed #EAEAEA;
    font-size: 16px;
}

.cert-list-intro {
    width: 322px;
}

.cert-list-intro p {
    color: #9a9a9a;
    line-height: 28px;
    height: 28px;
}

.cert-list-intro p i {
    font-size: 14px;
    margin-right: 12px;
}

/*add发票*/
.ticket-add {
    padding: 0 0 10px 0;
}

.ticket-add .layui-form-item .layui-input-inline {
    width: 285px;
}

.ticket-add .layui-form-label {
    width: 120px;
}

.ticket-add .quality-sub {
    padding: 0;
}

.ticket-add .layui-form-item .layui-input-inline {
    margin-right: 10px;
}

.ticket-add .layui-form-item {
    margin-bottom: 8px;
}

/* 商品相关 */
.goods-add {
    width: 880px;
    padding: 24px 0 34px 0;
}

.goods-add .long {
    width: 120px;
    padding: 9px 5px 9px 10px;
}

.small-til {
    height: 40px;
    line-height: 40px;
    background: #F6F7FB;
    padding-left: 10px;
}

.tb-cell {
    border: 1px solid #E8E8E8;
    border-left: none;
    padding: 11px 5px 11px 10px;
}

.tb-cell2 {
    border: 1px solid #E8E8E8;
    border-left: none;
    padding: 2px 5px 11px 10px;
}

.complex-tab .layui-table-body .layui-table-cell {
    height: 120px;
    padding: 0;
}

.complex-tab .layui-table-click {
    background: #fff;
}

.complex-tab .layui-table-page {
    border: 0;
}

.complex-tab .layui-table-header {
    margin-bottom: 6px;
}

.complex-tab .limit-world {
    width: 282px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grey-btn {
    background: #F2F3F5;
    color: #0473FF;
}

.search .grey-btn {
    background: #F2F3F5;
    color: #0473ff;
}

.search-ul li.srchele {
    float: left;
    margin-top: 12px;
}

.search-btn-more {
    line-height: 32px;
    margin-left: 4px;
    padding: 5px 4px;
    cursor: pointer;
    color: #0473FF;
}

.search-btn-more i {
    margin-left: 4px;
    font-size: 13px;
}

.change-srch {
    display: none;
}

.add-publish .layui-form-label {
    width: 108px;
}

.add-publish .layui-input-inline {
    width: 200px;
}
.layui-layer-title{background: none !important;}

.layui-form-item .specil {
    width: 156px;
    margin-right: 0;
}

.layui-form-item .unit-select {
    width: 45px;
    margin-left: -1px;
}

.short-submit {
    padding-bottom: 24px;
    text-align: center;
}

.short-submit button {
    width: 68px;
    height: 40px;
    margin-right: 12px;
    background: #f2f3f5;
    color: #0473FF;
    border: 1px solid #EEEFF1;
    border-radius: 4px;
    cursor: pointer;
}

.short-submit button.submit {
    background: #0473FF;
    color: #fff;
    border: none;
}

.goods-intro {
    display: none;
    width: 922px;
    margin: 0 0 15px 16px;
    padding: 8px 0;
    background: #F6F7FB;
}

.goods-intro li {
    float: left;
    width: 307px;
    padding-left: 12px;
    color: #555;
    line-height: 36px;
}

.some-window {
    color: #0473FF;
    cursor: pointer;
    line-height: 36px;
}

.delivery-ele {
    display: none;
}

.list-tab {
    border-bottom: 1px solid #eaeaea;
    padding: 0 16px;
    line-height: 44px;
}

.list-tab ul li {
    position: relative;
    float: left;
    padding: 0 15px;
    font-size: 14px;
    margin-right: 16px;
    color: #333;
    cursor: pointer;
}

.list-tab ul li:hover {
    color: #0473ff;
}

.list-tab ul li div {
    display: none;
    position: absolute;
    left: 0;
    top: 41px;
    width: 100%;
    height: 4px;
    border-bottom: 2px solid #0473ff;
    /*background: url(../images/trig.png) top center no-repeat;*/
}

.list-tab ul li.current {
    color: #0473ff;
    border-bottom: 2px solid #0473FF;
}

.list-tab ul li.current a {
    color: #005196;
}

.list-tab ul li.current div {
    display: block;
}

.list-tab-li {
    border-bottom: 1px solid #eaeaea;
    padding: 0 16px;
    line-height: 44px;
}

.list-tab-li ul li {
    position: relative;
    float: left;
    padding: 0 15px;
    font-size: 14px;
    margin-right: 16px;
    color: #333;
    cursor: pointer;
}

.list-tab-li ul li:hover {
    color: #0473FF;
}

.list-tab-li ul li div {
    display: none;
    position: absolute;
    left: 0;
    top: 41px;
    width: 100%;
    height: 4px;
    border-bottom: 2px solid #0473FF;
    /*background: url(../images/trig.png) top center no-repeat;*/
}

.list-tab-li ul li.current {
    color: #0473FF;
}

.list-tab-li ul li.current div {
    display: block;
}

/*求购*/
.buy-title {
    padding-top: 30px;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.addr {
    display: none;
}

.blue-a {
    color: #0473FF;
    font-size: 14px;
}

.blue-a:hover {
    color: #0473FF;
}

.buy-detail {
    padding-top: 16px;
}

.buy-detail ul li.buy-row-li {
    float: left;
    margin: 0 0 16px 16px;
    min-width: 210px;
    color: #555;
}

.buy-detail ul li.buy-row-li .blue-a {
    font-size: 12px;
}

.buy-detail .date-ico i {
    top: 8px;
    z-index: -1;
}

.add-row {
    width: 104px;
    height: 40px;
    margin: 0 16px;
    line-height: 38px;
    border-radius: 4px;
    text-align: center;
    color: #333;
    border: 1px solid #EEEFF1;
    background: #fff;
    cursor: pointer;
}

.add-row i {
    margin-right: 4px;
}

.add-row:hover {
    color: #005196;
    border-color: #005196;
}

.mbnoe {
    margin: 0;
}

.add-buying .layui-form-label {
    width: 84px;
}

.add-buying {
    padding-bottom: 16px;
}

.add-buying .layui-textarea {
    margin: 0 16px;
    width: 922px;
    height: 68px;
    resize: unset;
}

.buying-close {
    width: 22px;
    height: 22px;
    margin: 7px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    background: #E2E2E2;
    color: #A8AAB7;
    cursor: pointer;
}

/* 现货求购-报价 */
.pro-detail-title {
    margin: 15px 0;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    padding-left: 10px;
    border-left: 4px solid #0473FF;
}

.time-ele {
    display: inline-block;
    min-width: 58px;
    margin-top: 30px;
    height: 20px;
    text-align: left;
    line-height: 18px;
    color: #666;
    border: 1px solid #e2e2e2;
}

.time-ele span {
    display: inline-block;
    min-width: 29px;
    margin-right: 8px;
    height: 18px;
    padding: 0 4px;
    background: #FBA129;
    color: #fff;
    text-align: center;
}

.time-ele span.day {
    background: #005196;
}

.goods-info {
    width: 930px;
}

.goods-info tr th {
    background: #F6F7FB;
    font-weight: normal;
    text-align: left;
    padding-left: 16px;
    color: #666;
    height: 35px;
}

.goods-info tr td {
    text-align: left;
    color: #333;
    padding: 10px 0 10px 16px;
    line-height: 30px;
}

.goods-title {
    font-size: 14px;
}
.default-btn{
    background: #f2f3f5 !important;
    color: #0473FF !important;
}
.goods-title span {
    display: inline-block;
    height: 18px;
    margin-right: 15px;
    font-size: 12px;
    border-radius: 2px;
    line-height: 18px;
    background: #0473FF;
    text-align: center;
    color: #fff;
    padding: 0 6px;
}

.src-addr span {
    color: #666;
}

.src-addr {
    width: 350px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.talk-price {
    display: inline-block;
    width: 48px;
    height: 20px;
    margin-left: 10px;
    color: #005196;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #005196;
}

.goods-info tr td .color-orange {
    color: #FBA129;
}

.gd-price {
    font-size: 18px;
}

.goods-info tr td b {
    font-weight: normal;
    color: #666;
}

.gd-num {
    font-size: 14px;
}

.other-intro {
    background: #F7F7F7;
    padding: 10px 0;
    color: #666;
}

.total-price {
    text-align: right;
    color: #333;
    padding: 10px 40px;
}

.total-price b, .total-price span {
    color: #FBA129;
    font-weight: normal;
}

.total-price span {
    font-size: 18px;
}

.buy-submit {
    padding: 12px 0;
    text-align: center;
}

.buy-submit button {
    width: 240px;
    height: 36px;
    color: #fff;
    font-size: 14px;
    background: #0473FF;
    border: none;
    cursor: pointer;
    border-radius: 2px;
}

.quote {
    padding: 10px 12px 10px
}

.demand-intro {
    background: #F6F7FB;
    padding: 0 20px;
}

.demand-gd-type {
    display: inline-block;
    height: 18px;
    margin-right: 15px;
    font-size: 12px;
    border-radius: 2px;
    line-height: 18px;
    background: #0473FF;
    text-align: center;
    color: #fff;
    padding: 0 6px;
}

.bg-black {
    font-size: 14px;
    color: #333;
    margin-left: 20px;
}

.demand-intro {
    line-height: 30px;
    padding: 15px;
}

.demand-intro .time-ele {
    margin-top: 5px;
}

.demand-intro .grey {
    color: #666;
    margin-right: 5px;
}

.demand-intro .info {
    color: #666;
}

.demand-intro .info span {
    margin-right: 20px;
    color: #333;
}

.apply {
    width: 100%;
    line-height: 30px;
    color: #333;
}

.apply span {
    color: #666;
    padding-left: 15px;
}

.unit {
    position: relative;
}

.unit-detail {
    position: absolute;
    right: 1px;
    top: 1px;
    padding-right: 8px;
    min-width: 40px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    color: #555;
    background: #fff;
}

.quote .unit-detail {
    height: 28px;
    line-height: 28px;
}

.quote .layui-input, .quote .layui-select {
    height: 30px;
}

.quote .goods-info tr td {
    border-bottom: 1px dotted #e2e2e2;
}

.quote .src-addr {
    width: 260px;
}

.blue-btn {
    margin-left: 12px;
    color: #005196;
    cursor: pointer;
}

.quote .delivery-pro .layui-input-inline {
    width: 200px;
    margin-right: 8px;
}

.quote .delivery-pro .layui-form-label {
    width: 94px;
    line-height: 30px;
    padding: 0;
    color: #666;
}

.quote .delivery-pro .layui-form-item .specil {
    width: 156px;
    margin-right: 0;
}

.quote .delivery-pro .layui-form-item .unit-select {
    width: 45px;
    margin-left: -1px;
}

.quote .date-ico i {
    top: 6px;
    right: 6px;
    z-index: -1;
    font-size: 18px
}

.quote .layui-textarea {
    height: 80px;
    resize: none;
    padding: 5px;
}

.total-price .layui-input-inline span {
    font-size: 12px;
    color: #333;
}

/*卖家-买家首页 */
.user-title {
    height: 60px;
}

.seller-img {
    background: url(../images/seller.png) left top no-repeat;
}

.buyer-img {
    background: url(../images/buyer.png) left top no-repeat;
}

.role-content {
    width: 694px;
    margin: 20px 20px 0 0;
}

.rc-option {
    background: #fff;
    padding: 5px 20px;
}

.rc-title {
    font-size: 14px;
    color: #333;
    line-height: 48px;
}

.rc-option ul {
    padding: 15px 0;
    border-bottom: 1px dotted #e2e2e2;
}

.rc-option ul:last-child {
    border: none;
}

.rc-row-option li {
    position: relative;
    float: left;
    padding-top: 8px;
    width: 80px;
    height: 60px;
    color: #333;
    text-align: center;
}

.rc-row-option li:hover {
    -moz-box-shadow: 0px 0px 4px #CCCCCC;
    -webkit-box-shadow: 0px 0px 4px #CCCCCC;
    box-shadow: 0px 0px 4px #CCCCCC;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.rc-row-option li:hover a {
    color: #0473FF;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.rc-row-option li:hover a i {
    color: #0473FF;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.rc-row-option li p.word {
    line-height: 28px;
}

.rc-row-option li.tl {
    color: #000;
    margin-right: 6px;
    background: url(../images/linet.png) center right no-repeat;
}

.rc-row-option li.tl i {
    color: #000;
}

.rc-row-option li i {
    margin-bottom: 10px;
    font-size: 24px;
    color: #666;
}

.do-num {
    position: absolute;
    right: 15px;
    top: 2px;
    min-width: 22px;
    padding: 0 2px;
    height: 16px;
    background: #fff;
    border: 1px solid #FF3333;
    border-radius: 8px;
    line-height: 14px;
    text-align: center;
    color: #FF3333;
}

.r-news {
    width: 240px;
    margin-top: 20px;
}

.to-add {
    height: 140px;
    padding: 20px; /* background: #fff url(../images/to-add.png) 150px center no-repeat; */
}

.to-add p {
    width: 114px;
    line-height: 20px;
    color: #666;
}

.to-add a {
    display: block;
    width: 104px;
    height: 30px;
    margin-top: 30px;
    text-align: center;
    border-radius: 2px;
    line-height: 30px;
    background: #0473FF;
    color: #fff;
}

.some-news {
    padding: 15px;
    margin-top: 20px;
    background: #fff;
}

.sn-title {
    margin-bottom: 4px;
    font-size: 14px;
    color: #333;
    line-height: 28px;
}

.sn-title a {
    float: right;
    color: #0473FF;
}

.sn-title a:hover {
    text-decoration: underline;
}

.some-news ul li {
    line-height: 25px;
    width: 210px;
    height: 25px;
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.some-news ul li a {
    color: #666;
}

.some-news ul li a span {
    color: #FF3333;
    border: 1px solid #ff3333;
    padding: 1px 3px;
    margin-right: 4px;
}

.some-news ul li a:hover {
    color: #0473FF;
}

.rc-option-list {
    margin-top: 20px;
    padding: 15px 20px;
    background: #fff;
}

.rco-title {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 28px;
    color: #333;
}

.rco-btn {
    color: #0473FF;
    cursor: pointer;
}

.rco-scroll {
    height: 490px;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}

.rco-scroll .nodata {
    position: absolute;
    width: 120px;
    height: 130px;
    top: 160px;
    left: 267px;
    z-index: -1;
    padding-top: 97px;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    color: #999;
    background: url(../images/nodata.png) top center no-repeat;
}

.rco-scroll ul {
    background: #fff;
}

.rco-scroll ul li {
    line-height: 24px;
    padding: 12px 0;
    border-bottom: 1px dotted #e2e2e2;
}

.rco-scroll ul li i {
    color: #666;
}

.rco-intro {
    width: 480px;
    margin-left: 15px;
    color: #333;
    line-height: 24px;
}

.rco-intro .rco-time {
    color: #666;
}

.rco-row-otp {
    color: #999;
}

.rco-row-otp .rco-btn {
    margin: 0 10px;
}

.rco-row-otp .rco-btn:hover {
    text-decoration: underline;
    color: #0473FF;
}

.m-index .user-promis {
    margin-right: 50px;
}

.m-index .user-promis ul li {
    text-align: center;
    width: 100px;
    color: #333;
}

.m-index .user-promis ul li p.number {
    height: 51px;
    line-height: 51px;
}

.m-index .user-promis ul li p a {
    display: inline-block;
    width: 56px;
    height: 19px;
    line-height: 17px;
    border-radius: 2px;
    border: 1px solid #0473FF;
    color: #0473FF;
}

.m-index .user-promis ul li p a:hover {
    background: #0473FF;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.ta1 {
    background: #fff url(../images/to-add.png) 150px center no-repeat;
}

.ta2 {
    background: #fff url(../images/to-add2.png) 140px center no-repeat;
}

/* 卖家-报价列表 */
.complex-til {
    height: 40px;
    padding: 0 16px;
    margin-bottom: 10px;
    line-height: 40px;
    color: #333;
    font-size: 16px;
}

.complex-til1 {
    height: 40px;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding-left: 12px;
    font-size: 16px;
}

.complex-til1 span {
    height: 16px;
    margin-bottom: 10px;
    margin-left: 16px;
    box-sizing: border-box;
    padding-left: 12px;
    line-height: 40px;
    font-size: 16px;
    color: #005195;
    border-left: 5px solid #001595;
}

.complex-til1 span a {
    padding-right: 16px;
}

.manage-list .add-user { /*  height: 30px; */
    margin-left: 20px;
}

.manage-list .search {
    border-bottom: 1px dotted #e2e2e2;
}

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

.multiple-table {
    margin-left: 17px;
}

.mt-head {
    margin: 12px 0;
}

.mt-head table tr th {
    padding-left: 20px;
    text-align: left;
    font-weight: normal;
    line-height: 30px;
    color: #666;
    background: #f6f7fb;
}

.row-head {
    padding-left: 20px;
    text-align: left;
    font-weight: normal;
    line-height: 30px;
    color: #666;
    background: #f6f7fb;
}

.row-head span {
    margin-right: 30px;
}

.mt-row {
    width: 920px;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2; /* table-layout: fixed; */
}

.mt-row tr.mtr-main td {
    padding: 10px 0 5px 20px;
}

.mt-row tr td {
    padding-left: 20px;
    line-height: 30px;
    color: #666; /* white-space: nowrap;overflow: hidden;text-overflow: ellipsis; */
}

.mtr-til span {
    font-size: 14px;
    margin-right: 15px;
    font-weight: bold;
    color: #000;
}

.mtr-til span.mtr-type {
    display: inline-block;
    height: 18px;
    margin-right: 15px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 2px;
    line-height: 18px;
    background: #0473ff;
    text-align: center;
    color: #fff;
    padding: 0 6px;
}

.mt-row tr.mtr-main td span.label {
    display: inline-block;
    padding: 0 4px;
    margin-right: 4px;
    line-height: 18px;
    font-size: 11px;
    color: #323233;
    border: 1px solid #646566;
}

.mtr-addr {
    width: 223px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mtr-circle {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border-radius: 4px;
}

.mtr-main .st01 {
    background: #28ada7;
}

.mtr-main .st02 {
    background: #FF3333;
}

.mtr-main .st03 {
    background: #0473ff;
}

.mtr-main .st04 {
    background: #7D7E80;
}

.mtr-main .st05 {
    background: #F59A23;
}

.mtr-option a {
    display: inline-block;
    width: 90px;
    height: 24px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 2px;
    line-height: 22px;
    color: #0473ff;
}

/*.mtr-option a:hover {
    border-color: #005196;
}*/

.mtr-option a.over {
    color: #666;
}

.mtr-option a.over:hover {
    border-color: #e2e2e2;
}

.mt-row tr td.cl-icon {
    height: 20px;
    text-align: center;
    padding: 0 10px;
}

.cli-btn {
    height: 20px;
    width: 20px;
    margin: 0 auto;
    line-height: 20px;
    text-align: center;
    background: #f6f7fB;
    cursor: pointer;
}

.cli-btn i {
    font-size: 12px;
}

.child-list {
    width: 899px;
    table-layout: fixed;
    margin-bottom: 10px;
    display: none;
}

.child-list tr th {
    text-align: left;
    padding-left: 20px;
    background: #f6f7fB;
    font-weight: normal;
    color: #333;
}

.child-list tr td {
    text-align: left;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.complex-tab .carrier-label {
    width: 80px;
    padding-right: 4px; /*margin-left: 25px;*/
}

.longt-tab .carrier-label {
    width: 55px;
    padding-right: 4px;
    margin-left: 25px;
}

.rh-cmpy i {
    color: #005196;
    font-weight: bold;
    margin-left: 4px;
    cursor: pointer;
}

/*卖家-销售协议*/
.protocol-detail {
    padding: 2px 17px 10px 17px;
    color: #666;
}

.pd-title {
    line-height: 55px;
    color: #666;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e2;
}

.pd-title span {
    color: #666;
}

.pd-title a {
    color: #0473FF;
    font-size: 12px;
}

.pd-title a:hover {
    text-decoration: underline;
}

.two-time {
    line-height: 48px;
}

.sale-info {
    border: 1px solid #e2e2e2;
}

.cmpy-seller {
    width: 400px;
    height: 88px;
    padding: 15px 0 15px 30px;
    color: #fff;
    line-height: 30px;
    background: #0473FF;
}

.triangle {
    border-top: 88px solid #0473FF;
    border-right: 48px solid transparent;
}

.cmpy-buyer {
    width: 350px;
    height: 88px;
    padding: 15px 0 15px 30px;
    line-height: 30px;
}

.cmpy-buyer span {
    color: #333;
}

.pd-status {
    width: 120px;
}

.pd-status tr td {
    height: 88px;
    text-align: center;
    background: #F6F7FB;
}

.pd-list {
    width: 920px;
    margin-bottom: 20px;
}

.pd-list tr th {
    text-align: left;
    padding-left: 20px;
    height: 35px;;
    background: #F6F7FB;
    font-weight: normal;
    color: #666;
}

.pd-list tr td {
    text-align: left;
    padding-left: 20px;
    height: 80px;
    color: #333;
    line-height: 22px;
    border-bottom: 1px dotted #e2e2e2;
}

.pd-list tr td .pd-cl1 {
    color: #666;
    width: 232px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd-list tr td .pd-cl2 {
    color: #999;
}

.pd-total {
    text-align: right;
    padding-right: 30px;
    line-height: 35px;
    font-size: 16px;
    color: #FF9200;
    background: #F6F7FB;
}

.pd-total span {
    margin-left: 90px;
    font-size: 12px;
    color: #333;
}

.pd-detail {
    width: 920px;
}

.pd-detail tr th {
    text-align: left;
    padding-left: 20px;
    height: 35px;
    background: #F6F7FB;
    font-weight: normal;
    border: 1px solid #e2e2e2;
}

.pd-detail tr td {
    padding: 5px 0 5px 20px;
    height: 35px;
    line-height: 22px;
    color: #333;
    border: 1px solid #e2e2e2;
}

.pd-detail tr td a {
    color: #0473FF;
    margin-left: 15px;
}

.pd-option {
    text-align: center;
    margin: 20px 0;
}

.pd-option button {
    width: 90px;
    height: 30px;
    line-height: 28px;
    margin: 0 10px;
    background: #0473FF;
    color: #fff;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.pd-option button.pdb2 {
    background: #F2F3F5;
    color: #0473FF;
}

.pd-option button.pdb3 {
    background: #f2f3f5;
    color: #0473FF;
}

/* 买家，采购订单详情 */
.order-step ul {
    padding-top: 22px;
}

.order-step ul li {
    float: left;
    height: 22px;
    padding-left: 6px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

.order-step ul li .step-circle {
    width: 22px;
    height: 22px;
    margin-left: -82px;
    font-size: 16px;
    border-radius: 11px;
    border: 2px solid #fff;
}

.order-step ul li .step-bk {
    width: 76px;
    height: 20px;
    padding-left: 12px;
    margin-top: 1px;
    border-radius: 10px;
}

.order-step ul li .arrow {
    width: 20px;
    color: #ccc;
    line-height: 22px;
}

.order-step ul li .arrow i {
    font-size: 12px;
}

.order-step ul li .step-bak {
    background: #ccc;
}

.order-step ul li.over .step-bak {
    background: #005196;
}

.order-step ul li.on .step-bak {
    background: #6EB92C;
}

.order-step ul li.over .arrow {
    color: #005196;
}

.order-step ul li.on .arrow {
    color: #6EB92C;
}

.pds-btn {
    display: inline-block;
    width: 50px;
    height: 20px;
    border-radius: 2px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}

.jujue-btn {
    border-radius: 0 2px 2px 0;
    border: 1px solid #d9001b;
    color: #fff;
    margin: 5px 0;
    background: #d9001b;
    line-height: 18px;
    width: 80px;
    text-align: center;
    height: 20px;
    display: inline-block;
}

.pd-down {
    padding-top: 8px;
}

.pds-two-btns {
    width: 88px;
    height: 20px;
    margin: 0 auto;
}

.pds-two-btns span {
    display: block;
    float: left;
    width: 44px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.pdl-btn {
    border-radius: 2px 0 0 2px;
    background: #FF9000;
    color: #fff;
}

.pdr-btn {
    border-radius: 0 2px 2px 0;
    border: 1px solid #FF9000;
    color: #ff9000;
}

.other-info {
    width: 920px;
    margin-bottom: 10px;
    line-height: 30px;
    color: #333;
}

.other-info tr th {
    text-align: right;
    color: #666;
    font-weight: normal;
}

.other-info tr td {
    padding-left: 5px;
}

.bbtd {
    border-bottom: 1px dotted #e2e2e2;
}

.view-pound {
    color: #0473FF;
    cursor: pointer;
}

.specil-pdd {
    padding: 1px 0;
}

.change-record {
    margin-left: 40px;
}

.change-record b {
    color: #005196;
    font-weight: normal;
    cursor: pointer;
}

.appeal-record {
    margin-left: 40px;
}

.appeal-record b {
    color: #005196;
    font-weight: normal;
    cursor: pointer;
}

.change-list {
    margin: 0 auto;
    width: 960px;
    padding: 0 20px;
}

.change-list ul li {
    padding: 10px 0;
    border-bottom: 1px dotted #e2e2e2;
}

.cl-record {
    color: #333;
    line-height: 20px;
    padding: 10px 0;
}

.cl-record span {
    color: #666;
}

.cl-record b {
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-right: 10px;
    border-radius: 2px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}

.cl-record b.btnb {
    background: #005196;
}

.cl-record b.btns {
    background: #6EB92C;
}

.cl-title {
    display: inline-block;
    width: 90px;
}

.change-detail {
    width: 620px;
}

.change-field {
    width: 780px;
    height: 35px;
    color: #666;
}

.change-field tr th {
    padding-left: 20px;
    color: #333;
    text-align: left;
    height: 35px;
    font-weight: normal;
    background: #f7f7f7;
    border: 1px solid #e2e2e2;
}

.change-field tr td {
    padding-left: 20px;
    border: 1px solid #e2e2e2;
    height: 35px;
}

.marl50 {
    margin-left: 50px;
}

/*买家采购订单列表  */
.search-special .layui-input {
    padding-left: 5px;
}

.search-special .layui-form-select .layui-input {
    padding-right: 25px;
}

.row-head span.label {
    display: inline-block;
    padding: 0 4px;
    margin-right: 30px;
    line-height: 18px;
    font-size: 11px;
    color: #999;
    border: 1px solid #e2e2e2;
}

.row-head a {
    color: #005196;
}

.tool-option {
    padding: 12px 17px 0 17px;
}

.tool-option span {
    color: #005196;
    cursor: pointer;
    margin-right: 8px;
}

.tool-option span i {
    margin-right: 4px;
}

.apply-change .delivery-pro {
    border: none;
}

.delivery-check .layui-form-radio {
    margin-top: 0;
}

/* 交割登记 */
.delivery-check {
    width: 960px;
    padding: 0 15px;
    margin: 0 auto;
}

.delivery-check .layui-input, .delivery-check .layui-select {
    height: 30px;
    color: #333;
}

.delivery-check .layui-input-inline {
    width: 200px;
    color: #333;
}

.delivery-check .word {
    height: 30px;
    line-height: 30px;
}

.delivery-check .unit-detail {
    height: 28px;
    line-height: 28px;
}

.delivery-check .layui-form-label {
    width: 98px;
    line-height: 30px;
    padding: 0 10px 0 0;
    color: #666;
}

.delivery-check .date-ico i {
    top: 6px;
    right: 6px;
    z-index: -1;
    font-size: 18px
}

.delivery-check .up-img {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.delivery-check .delivery-pro {
    padding: 1px 0;
    border-bottom: 1px dotted #e2e2e2;
}

.delivery-check .small-ele .layui-input-inline {
    width: 140px;
}

.delivery-check .small-ele .layui-form-label {
    width: 81px;
}

.subtotal {
    line-height: 30px;
    margin-right: 15px;
    color: #333;
}

.dc-total {
    height: 35px;
    margin-bottom: 15px;
    padding: 0 25px;
    background: #f7f7f7;
    line-height: 35px;
    color: #333;
}

.dct-money span {
    font-size: 14px;
    color: #FBA129;
}

.dc-submit {
    padding: 12px 0;
    text-align: center;
    line-height: 28px;
    color: #333;
}

.dc-submit button {
    border: none;
    width: 68px;
    height: 30px;
    background: #f2f3f5;
    cursor: pointer;
    color: #0473FF;
}

.dc-submit button.dcs-btn {
    border: none;
    margin-right: 10px;
    background: #0473FF;
    color: #fff;
}

/* 买家求购报价处理 */
.pd-total i {
    font-style: normal;
}

.pd-total .all-total {
    padding-left: 20px;
}

.pd-total .all-total span {
    margin-right: 60px;
    margin-left: 0;
}

.pd-total .all-total span b {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

.pd-total .all-total {
    color: #333;
}

.buying-detail .layui-tab-content {
    padding: 10px 0 0 0;
}

.buying-detail .layui-tab-title li {
    min-width: 140px;
    background: #f7f7f7;
    color: #666;
}

.buying-detail .layui-tab-brief > .layui-tab-title .layui-this {
    color: #fff;
    background: #005196;
}

.buying-detail .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border: none;
}

.baoj-child {
    border-bottom: 1px solid #e2e2e2;
}

.baoj-right {
    border-left: 1px solid #e2e2e2;
}

.mt-row tr.mtr-main td.baoj-child, .mt-row tr.mtr-main td.baoj-right {
    padding: 0 0 0 20px;
    height: 30px;
    line-height: 22px;
}

.grey-w {
    color: #999;
}

/* 内容页限制文本框高度 */
.add-publish .layui-select, .add-publish .layui-input {
    height: 36px;
}

.add-publish .short-submit button, .add-publish .add-row {
    height: 36px;
}

.add-publish .add-row {
    line-height: 34px;
}

.add-publish .unit-detail {
    height: 34px;
}

/* 申请认证后期添加 */
.supply-intro {
    text-align: center;
    color: #F6A011;
    padding-bottom: 35px;
}

.cert-adv {
    padding: 30px;
}

.cert-king {
    margin: 10px auto 42px;
    width: 215px;
    height: 193px;
    padding-top: 60px;
    text-align: center;
    color: #DAB360;
    background: url(../images/certking.png) top left no-repeat;
}

.cert-king .cdav1 {
    font-size: 16px;
    line-height: 22px;
}

.cert-king .cdav2 {
    font-size: 32px;
    line-height: 45px;
}

.cert-king .cdav3 {
    font-size: 20px;
    line-height: 28px;
}

.cert-king .cdav3 span {
    font-size: 14px;
    color: #666;
}

.benefit {
    position: relative;
    padding-top: 40px;
    margin-top: 35px;
    border: 1px dashed #DAB360;
    border-radius: 20px;
}

.benefit-til {
    position: absolute;
    left: 376px;
    top: -16px;
    width: 142px;
    height: 32px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border-radius: 20px;
    background: #DAB360;
}

.benefit ul {
    margin: 0 auto;
    width: 680px;
    padding-bottom: 15px;
}

.benefit ul li {
    height: 80px;
    margin-bottom: 15px;
    border-radius: 40px;
    background: #F7F7F7;
    color: #666;
    font-size: 14px;
}

.benefit-icon {
    width: 80px;
    height: 80px;
    padding: 4px;
    border-radius: 40px;
    background: #DAB360;
    color: #AF7F18;
    line-height: 70px;
    text-align: center;
}

.benefit-icon i {
    display: block;
    width: 72px;
    height: 72px;
    font-size: 40px;
    border: 1px dashed #EAEAEA;
    border-radius: 36px;
}

.benefit-li-til {
    margin-left: 20px;
    line-height: 80px;
    color: #DAB360;
    font-size: 18px;
    font-weight: 500;
}

.benenfit-detail {
    width: 425px;
    margin-left: 25px;
    padding-top: 15px;
    line-height: 24px;
}

.layui-form-item .blue-a {
    font-size: 12px;
}

/* 资质认证验证文字提示 */
.blur-info {
    color: #D0021B;
    line-height: 40px;
}

.warn-input:focus {
    border-color: #ff0000 ! important;
}

.date-ico .layui-input {
    background: none;
    cursor: pointer;
}

.certificate-list ul li.transport-cert-change, .certificate-list ul li.gas-cert-change {
    margin-right: 48px;
}

/* 前台暂无数据 */
.web-nodata {
    padding: 160px 0 40px 0;
    background: url(../images/web-nodata.png) center 30px / 87px 120px no-repeat;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
}

.web-nodata a {
    color: #005196;
}

.web-nodata a:hover {
    text-decoration: underline;
}

.add-form .carradd-btn {
    margin: 0;
    padding: 0;
    border: none;
}

.carradd-btn {
    margin-top: 10px;
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #e2e2e2;
}

.carradd-btn button {
    width: 100px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #0880ED;
    background: #0880ED;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.carradd-btn .cancel {
    display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    text-align: center; /* margin-left:20px;*/
    margin-right: 20px;
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    border-radius: 2px;
}

/* 制定交货计划 */
.buy-detail ul li.pbuy-row-li {
    float: left;
    margin: 0 0 16px 16px;
    min-width: 150px;
    color: #555;
}

.buy-detail ul li.lbuy-row-li {
    float: left;
    margin: 0 0 16px 16px;
    min-width: 180px;
    color: #555;
}

.lbuy-row-li .layui-input-inline {
    width: 180px;
}

.pbuy-row-li .layui-input-inline {
    width: 150px;
}

.no-edit input, .no-edit .unit-detail {
    background: #eee;
}

.delivery-field ul {
    padding: 15px 0;
}

.delivery-field ul li {
    float: left;
    padding: 0 16px;
    width: 318px;
    height: 36px;
    line-height: 36px;
    color: #555;
}

.delivery-field ul li a {
    font-size: 12px;
}

.delivery-field ul li label {
    float: left;
    display: block;
    width: 60px;
}

.delivery-field ul li .warn {
    color: #ff0000;
}

.delivery-field ul li i {
    margin-left: 5px;
}

.delivery-field ul li .txtover {
    float: left;
    display: block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.block-center {
    margin: 0 auto;
}

/* 舟山交易模式 */
.layui-textarea {
    resize: none;
}

.padd20 {
    padding: 20px;
}

.paddts {
    padding: 10px 20px;
}

.paddb20 {
    padding-bottom: 20px;
}

.marbt20 {
    margin-bottom: 20px;
}

.marbt40 {
    margin-bottom: 40px;
}

.martp40 {
    margin-top: 40px;
}

.marr5 {
    margin-right: 5px;
}

.factory-img {
    background: url(../images/zs/factory.png) left top no-repeat;
}

.user-add {
    width: 500px;
}

.user-add .long {
    width: 120px;
    padding: 9px 5px 9px 10px;
}

.zhousan .date-ico i {
    top: 6px;
}

.zhousan .layui-input-inline {
    width: 260px;
}

.zhousan-height-tab .layui-table-body .layui-table-cell {
    height: 56px;
    line-height: 56px;
}

.zhousan-height-tab .layui-table-body .layui-table-cell p {
    line-height: 28px;
}

.zs-content-title {
    height: 18px;
    padding-left: 12px;
    line-height: 18px;
    font-size: 16px;
    color: #0473FF;
    border-left: 5px solid #0473FF;
}

.zs-order-num {
    padding: 20px 0;
    border-bottom: 1px solid #E2E2E2;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 20px;
}

.zs-circle {
    float: left;
    width: 6px;
    height: 6px;
    margin-top: 7px;
    margin-right: 10px;
    display: block;
    background: #0473FF;
    border-radius: 50%;
}

.zs-circle1 {
    float: left;
    width: 6px;
    height: 6px;
    margin-top: 7px;
    margin-right: 10px;
    display: block;
    /*background: #005195;*/
    border-radius: 50%;
}

.zs-order-info ul li {
    float: left;
    padding: 20px 0;
    width: 240px;
    color: #333;
    line-height: 20px;
}

.zs-order-info ul li.zs-addr {
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zs-content .add-user {
    height: 32px;
    line-height: 32px;
    margin-left: 0;
}

.zs-content .pd-option {
    margin-bottom: 0;
}

.look-protocal {
    color: #0473FF;
    font-size: 12px;
}

.look-protocal:hover {
    text-decoration: underline;
}

.discount-content {
    position: relative;
}

.discount-detail .layui-input {
    height: 30px;
}

.discount-detail {
    display: none;
    position: absolute;
    top: 108px;
    right: 150px;
    width: 300px;
    color: #333;
    border: 1px solid #e2e2e2;
}

.discount-user, .discount-station {
    display: none;
}

.discount-title {
    font-size: 16px;
    line-height: 40px;
    padding-left: 5px;
}

.discount-opt {
    line-height: 28px;
    padding: 5px 10px;
    background: #f7f7f7;
}

.discount-opt span {
    display: block;
    float: right;
    margin-left: 5px;
    height: 28px;
    width: 70px;
    cursor: pointer;
    text-align: center;
    background: #d9d9d9;
    color: #9a9a9a;
}

.discount-opt span.add {
    background: #005196;
    color: #fff;
}

.discount-search {
    padding: 5px 15px;
    border-bottom: 1px solid #e2e2e2;
}

.discount-list {
    padding: 5px 0;
    height: 300px;
    overflow-y: auto;
}

.discount-list .layui-input-inline {
    padding: 5px 15px;
}

.window-search .carrier-label {
    padding-right: 0;
    width: 68px;
}

.zs-protocal-til {
    padding: 20px 0;
    font-size: 14px;
    height: 60px;
    font-weight: bold;
    color: #000;
    line-height: 20px;
}

.zsp-status {
    display: inline-block;
    padding: 0 5px;
    margin-left: 5px;
    height: 21px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}

.zs-protocal-client {
    padding: 15px 0;
}

.zs-protocal-client li {
    float: left;
    padding-left: 16px;
    width: 33.333%;
}

.table-title {
    margin-bottom: 15px;
}

.zs-protocal-client li img {
    float: left;
    margin-top: 7px;
    margin-right: 20px;
    width: 37px;
}

.zs-protocal-client li p {
    line-height: 26px;
}

.zs-protocal-bak {
    background: #F6F7FB;
}

.zs-protocal-field {
    padding: 7px 0;
}

.zs-protocal-field li {
    float: left;
    width: 300px;
    padding-left: 15px;
    color: #333;
    line-height: 40px;
}

.zs-protocal-field li span {
    color: #666;
}

.zs-protocal-field li.long {
    width: 400px;
}

.zs-protocal-field a {
    color: #0473FF;
    margin-left: 15px;
}

.price-detail {
    margin-left: 15px;
    color: #0473FF;
}

.price-detail:hover {
    color: #0780ED;
}

.price-detail-list {
    width: 300px;
    padding: 10px 20px;
    background: #fff;
    color: #666;
}

.pdl-title {
    border-bottom: 1px solid #e2e2e2;
    line-height: 36px;
}

.pdl-discount {
    padding: 5px 0;
    line-height: 28px;
    border-bottom: 1px solid #e2e2e2;
}

.other-discount {
    padding: 5px 0;
    border-bottom: 1px solid #e2e2e2;
    line-height: 28px;
}

.other-discount span {
    color: #333;
}

.other-discount .wy {
    display: inline-block;
    padding: 0px 3px;
    border: solid 1px red;
    border-radius: 35%;
    color: red;
    margin-left: 5px;
}

.last-price {
    padding: 5px 0;
}

.last-price span {
    color: #FBA129;
}

.zs-fixed-table .row-head span {
    margin-right: 20px;
}

.zs-fixed-table .row-head span.rh-cmpy {
    display: block;
    width: 155px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zs-fixed-table .mtr-main .st01 {
    background: #FF9200;
}

.zs-fixed-table .mtr-main .st02 {
    background: #0473FF;
}

.zs-fixed-table .mtr-main .st03 {
    background: #28ADA7;
}

.zs-fixed-table .mtr-main .st04 {
    background: #7D7E80 ;
}

.zs-fixed-table .mtr-main .order-No {
    background: #ffffff !important;
}

.title-order-no .zs-protocal-til {
    display: inline-block;
}

.title-order-no .zs-circle1 {
    float: left;
    width: 6px;
    height: 6px;
    margin-top: 7px;
    margin-right: 10px;
    display: block;
    background: #005195;
    border-radius: 50%;
}

.title-order-no .title-order-no1 {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    color: #000;
}

.zs-gassrc {
    color: #333;
    font-weight: bold;
}

.zs-new-info {
    padding-top: 20px;
}

.zs-order-step {
    width: 180px;
}

.zs-order-detail-til {
    width: 740px;
}

.zs-order-detail-til .zs-protocal-til {
    border-bottom: 1px solid #e2e2e2;
}

.zs-buyer-saller {
    padding: 5px 0;
}

.zs-buyer-saller li {
    float: left;
    width: 50%;
    color: #333;
    line-height: 36px;
}

.zs-buyer-saller li a {
    color: #005196;
}

.zs-order-step ul {
    padding-left: 10px;
}

.zs-order-step ul li {
    position: relative;
    height: 40px;
    width: 80px;
    line-height: 40px;
    color: #999
}

.zs-order-step ul li .bar {
    float: right;
    margin-right: 9px;
    width: 2px;
    height: 40px;
    background: #D3D3D3;
}

.zs-order-step ul li .zs-cir-step {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: #d3d3d3;
    text-align: center;
    color: #fff;
}

.zs-order-step ul li.step-ok {
    color: #0473FF;
}

.zs-order-step ul li.step-ok .bar {
    background: #0473FF
}

.zs-order-step ul li.step-ok .zs-cir-step {
    background: #0473FF
}

.edit-discount .layui-input {
    height: 30px;
    line-height: 28px;
}

.edit-discount .unit-detail {
    height: 28px;
    line-height: 28px;
}

.zs-add-protocal {
    padding: 20px;
    color: #333;
}

.add-publish.zs-add-protocal .layui-input-inline.word {
    line-height: 36px;
}

.add-publish.zs-add-protocal .layui-input-inline {
    width: 185px;
}

.zs-add-protocal .layui-form-item .specil {
    width: 146px;
}

.zs-add-protocal .layui-form-item .unit-select {
    width: 40px;
}

.zs-add-protocal .layui-form-label {
    padding: 8px 5px;
}

.zs-add-protocal .layui-form-radio {
    margin-top: 4px;
}

.add-num {
    position: relative;
}

.add-num input {
    text-align: center;
}

.add-num .num-btn {
    position: absolute;
    top: 0;
    width: 36px;
    height: 36px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    background: #F6F7FB;
    color: #999;
    line-height: 34px;
    text-align: center;
}

.add-num .add {
    right: 0;
}

.add-num .sub {
    left: 0;
}

.dzs-pro-borderbm {
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.zs-special-price {
    height: 36px;
    width: 293px;
    padding: 0 10px;
    color: #666;
    line-height: 34px;
    border: 1px solid #e6e6e5;
    border-radius: 2px;
}

.zs-total {
    line-height: 30px;
    text-align: right;
}

.zs-total b {
    display: inline-block;
    min-width: 100px;
    font-size: 16px;
    color: #FBA129;
}

.zs-total span {
    display: inline-block;
    min-width: 100px;
}

.zs-order-detail-til.zs-shipper {
    width: 100%;
}

.zs-shipper-step ul {
    padding-left: 130px;
    margin-bottom: 40px;
}

.zs-shipper-step ul li {
    position: relative;
    float: left;
    height: 20px;
    width: 130px;
    text-align: center;
    line-height: 40px;
    color: #999
}

.zs-shipper-step ul li .bar {
    margin-top: 9px;
    width: 130px;
    height: 2px;
    background: #D3D3D3;
}

.zs-shipper-step ul li .zs-cir-step {
    position: absolute;
    right: 55px;
    top: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: #d3d3d3;
    text-align: center;
    color: #fff;
}

.zs-shipper-step ul li.step-ok {
    color: #005196
}

.zs-shipper-step ul li.step-ok .bar {
    background: #005196
}

.zs-shipper-step ul li.step-ok .zs-cir-step {
    background: #005196
}

.pre-prcie .zs-shipper-step ul li, .pre-prcie .zs-shipper-step ul li .bar {
    width: 200px;
}

.pre-prcie .zs-shipper-step ul li .zs-cir-step {
    right: 100px;
}

.pre-prcie .zs-shipper-step ul {
    padding-left: 160px;
}

.shipper-info tr th {
    width: 120px;
    background: #F2F6F9;
    height: 36px;
    font-weight: normal;
    text-align: left;
    text-indent: 20px;
    color: #666;
}

.shipper-info tr td {
    width: 340px;
    height: 36px;
    text-indent: 20px;
}

.zs-pd-total {
    line-height: 40px;
    text-align: right;
}

.zs-pd-total b {
    color: #FBA129;
    font-size: 14px;
}

.zs-divid {
    border-bottom: 1px solid #e2e2e2;
    margin: 10px 0;
}

.zs-fixed-table .mt-row tr.mtr-main td span.label {
    margin-right: 10px;
}

.pd-list tr:last-child td {
    border-bottom: none;
}

/* 滚动条美化 */
.scroll-build::-webkit-scrollbar { /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.scroll-build::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #eee;
}

.scroll-build::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #F5F7FC;
}

.sdata-bak::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.sdata-bak::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    background: #eee;
}

.sdata-bak::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background: #F5F7FC;
}

/* 厂家中心首页 */
.factory-img {
    background: url(../images/zs/factory.png) left top no-repeat;
}

.line-hei {
    line-height: 38px;
}

.pre-number {
    padding-left: 110px;
    margin-bottom: 20px;
}

.pre-number .layui-form-item {
    margin-bottom: 0
}

.pre-number .layui-form-item .layui-form-label {
    background: #F6F7FB;
    width: 100px;
    padding: 9px 8px;
    margin-right: 20px;
    text-align: left;
}

/* 交易 */

.transaction {
    width: 959px;
}

.transaction .layui-btn {
    margin-right: 10px;
}

.transaction .layui-btn .list-page-option {
    margin-right: 10px;
}

.transaction .acount-info {
    padding: 15px;
    box-sizing: border-box;
}

.transaction .search {
    padding: 15px 0;
}

.transaction .search .carrier-label {
    width: auto;
}

.transaction-title {
    padding: 13px 16px;
    line-height: 15px;
    box-sizing: border-box;
}

.transaction-title div {
    border-left: 4px solid #0473FF;
    padding-left: 8px;
    color: #0473FF;
}


/* .transaction .layui-layer-title{
    background: #00ABD4 !important;
} */
.purchase .complex-til {
    font-size: 13px;
    color: #0473FF;
}

.purchase .complex-til .purchase-me {
    float: left;
    font-weight: bolder;
    border-left: 4px solid #0473FF;
    height: 14px;
    line-height: 16px;
    margin-top: 14px;
    padding-left: 10px;
}

.purchase .complex-til .purchase-edit {
    float: right;
}

.page-list-tab {
    margin-bottom: 10px;
}

.page-list-tab a {
    display: block;
    float: left;
    width: 90px;
    text-align: center;
    line-height: 40px;
    color: #333;
    font-size: 14px;
}

.page-list-tab a.on {
    background: #0473ff;
    color: #fff;
}

.special-cell {
    height: 28px;
    font-size: 14px;
    color: #FF9200;
}

.special-cell span {
    font-size: 12px;
    text-decoration: line-through;
}

.word-them {
    color: #0473FF;
}

/* 公告类型分类 */
.type-manage {
    background: #fff; /*  width: 340px; */
    padding: 10px;
}

.type-manage ul li {
    float: left;
    margin: 5px;
    width: 150px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #aaa;
}

.type-manage ul li span {
    float: left;
    display: block;
    width: 120px;
    padding-left: 5px;
    font-size: 14px; /* text-overflow: ellipsis; */
    overflow: hidden;
    white-space: nowrap;
}

.type-manage ul li i {
    float: left;
    display: block;
    text-align: center;
    cursor: pointer;
    color: #666;
    width: 28px;
    height: 33px;
    line-height: 33px;
}

.type-manage ul li i:hover {
    color: #308CF1;
}

.add-type {
    margin: 10px auto;
    width: 96px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #0473FF;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.type-manage ul li input {
    float: left;
    display: block;
    height: 33px;
    background: #f7f7f7;
    width: 120px;
    padding-left: 5px;
    font-size: 14px; /* text-overflow: ellipsis; */
    overflow: hidden;
    white-space: nowrap;
}

/* 公共底部栏样式 */
.login-intro a:hover p {
    color: #777;
    text-decoration: underline;
}

.login-intro a:hover {
    color: #777;
    text-decoration: underline;
}

.login-intro a {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    color: #777;
}

.foot-list a:hover {
    color: #777;
    text-decoration: underline;
}

.editor-length {
    display: block;
    height: 24px;
    line-height: 23px;
    color: #aaa;
    font-size: 12px;
    text-align: right;
    border: 1px solid #c9d8db;
    borde-top: none;
    padding: 0 5px;
}
/*checkbox 的背景颜色的更改*/
.layui-form-checked .layui-icon-ok{
    background: #0473FF !important;
    border: none !important;
    color: white;
}
/*radio 的背景颜色的更改*/
.layui-form-radioed .layui-icon{
    color: #0473FF !important;
}
.gas-layui-menu-item-group ul li.gas-layui-menu-item-checked a::before{
    background-color: #0473FF !important; 
}
.gas-layui-menu-item-group ul li.gas-layui-menu-item-checked a {
    color: #0473FF !important;
}
.menu-list-jx li.current a{
    color: #0473FF !important;
}
.bar-menu-jx .tell-jx{
    color: #0473FF !important;
}
.user-name-jx {
    color: #0473FF !important;
}
.gas-layui-menu-item-group.gas-layui-menu-item-group-check .gas-layui-menu-body-title{
    color: #0473FF !important;
}
.gas-layui-menu-item-group-check .gas-layui-menu-body-title .gas-layui-menu-icon{
    color: #0473FF !important;
}