.fr {
    float: right
}

.replace .rep-box .rep-form .upload-div {
    float: left;
    position: relative;
    color: #fff;
    margin-left: 270px
}

.replace .rep-box .rep-form .upload-div .upload-wrapper {
    text-align: center;
    margin-top: 70px;
    position: relative;
    z-index: 1;
    width: 600px
}

.replace .rep-box .rep-form .upload-div .upload-wrapper .upload-file {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    outline: none;
    font-size: 0
}

.replace .rep-box .rep-form .upload-div .upload-wrapper .upload-bom {
    background: #ff7800;
    width: 135px;
    height: 45px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    border: none;
    margin-right: 20px;
    margin-top: 44px;
    margin-bottom: 25px;
    font-weight: 700
}

.replace .rep-box .rep-form .download-bom {
    font-size: 14px;
    color: #0094E8
}

.replace .rep-box .rep-form .upload-div .layui-upload-drag {
    width: 650px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.replace .rep-box .rep-form .upload-div .upload-wrapper p {
    font-size: 14px
}

.replace .rep-box .rep-form .upload-div .require {
    color: #737373;
    text-transform: uppercase
}

.replace .rep-box .rep-form .upload-div .require p {
    line-height: 24px;
    font-size: 14px;
    color: #797979;
    margin-bottom: 0;
    text-indent: 20px
}

.replace .rep-box .rep-form .upload-div .require p a {
}

.replace .rep-box .rep-form .upload-div .require p a:hover {
    font-weight: 700
}

.replace .rep-box .rep-form .upload-div .background-wrapper {
    position: absolute;
    border-radius: 5px;
    background: #000317;
    top: 70px;
    width: 450px;
    height: 172px;
    opacity: .4;
    border: 1px dashed #fff;
    filter: alpha(opacity=40)
}

.replace .rep-box .rep-form .upload-div .require p i {
    color: #0094E8
}

.replace {
    float: left;
    width: 100%;
    height: 900px;
    background: #f9f9f9
}

.replace .rep-ban {
    background: url("../image/bom.jpg") no-repeat;
    height: 400px;
    float: left;
    width: 100%
}

.replace .rep-ban .txt1 {
    font-size: 40px;
    color: #fff;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 100px
}

.replace .rep-box {
    width: 1200px;
    float: left;
    background: #fff;
    height: 520px;
    position: absolute;
    top: 240px;
    right: 0;
    border-radius: 10px;
    box-shadow: 1px 4px 9px 0px #d0d0d0
}

.replace .rep-box .rep-form {
    width: 1200px;
    float: left;
    margin: 0 auto;
    position: relative
}

.replace .rep-ban .message-div {
    float: left;
    margin-left: 10px
}

.replace .rep-ban .message-div span {
    display: inline-block;
    vertical-align: top
}

.replace .rep-ban .message-div h2 {
    font-size: 30px;
    margin-top: 82px;
    margin-bottom: 48px
}

.replace .rep-ban .message-div p {
    line-height: 38px;
    color: #ccc;
    font-size: 16px;
    margin-bottom: 20px
}

.replace .rep-ban .message-div p span {
    margin-right: 10px
}

.replace .rep-ban .message-div .manage-bom {
    display: block;
    width: 124px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    background: #0193e6;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    border: none;
    margin-top: 30px
}

.bomRes {
    margin: 0 auto
}

.bomHd,.bomHdPos {
    height: 56px
}

.bomHd {
    background: #0b75be;
    width: 100%
}

.bomHd.is-fixed {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0
}

.bomHdCon>.btn-default {
    background: #fff -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#efefef));
    background: #fff linear-gradient(180deg,#ffffff,#efefef);
    border: 0;
    color: #333
}

.bomHdCon>.btn-default:active,.bomHdCon>.btn-default:focus,.bomHdCon>.btn-default:hover {
    background: #fff -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#dfdfdf));
    background: #fff linear-gradient(180deg,#ffffff,#dfdfdf)
}

.bomHdCon>.btn {
    border-radius: 2px;
    height: 32px;
    line-height: 32px;
    margin: 12px 6px;
    padding: 0 12px
}

.bomHdCon>.btn>.iconfont {
    font-size: 14px;
    vertical-align: middle
}

.bomHdCap {
    float: left;
    color: #fff;
    line-height: 40px;
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.bomHdCap>i,.bomHdCap>input,.bomHdCap>span {
    display: inline-block;
    vertical-align: middle
}

.bomHdCap>.iconfont {
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer
}

.bomHdCap>input {
    height: 32px;
    line-height: 30px;
    border: 1px solid #eee;
    padding: 0 12px;
    color: #333;
    width: 250px
}

.bomHdCon {
    position: relative
}

.progress-bar {
    display: none;
    position: absolute;
    left: 12px;
    top: 35px;
    font-size: 12px;
    color: #fff;
    background: none
}

.progress-bar.is-show {
    display: block
}

.progress-bar div,.progress-bar i {
    display: inline-block;
    vertical-align: middle
}

.progress-bar .pro-bar-container {
    position: relative;
    width: 180px;
    height: 8px;
    background: #fff;
    border-radius: 10px;
    margin-right: 5px
}

.progress-bar .pro-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 8px;
    border-radius: 10px;
    -webkit-transition: width 2s;
    transition: width 2s
}

.progress-bar .pro-bar.color-sun-flower {
    background: #f1c40f
}

.progress-bar .pro-bar-candy {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-image: linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 0,transparent 50%,rgba(255,255,255,.25) 0,rgba(255,255,255,.25) 75%,transparent 0,transparent);
    background-repeat: repeat-x;
    background-size: 30px 30px
}

.bomRes_add {
    height: 38px;
    line-height: 36px;
    padding: 0 20px;
    color: #Fff;
    background: #ff7800;
    margin: 0 20px
}

.bomLst {
    width: 1600px;
    margin: 18px auto 40px;
    background: #fff;
    position: relative
}

.bomLst_hd {
    border: 1px solid #e6e6e6;
    background: #f3f3f3;
    height: 50px;
    position: relative
}

.bomLst_hd>table {
    width: 100%;
    border: 0;
    height: 46px
}

.bomLst_hd>table>tbody>tr>td {
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    text-align: center;
    position: relative
}

.bomLst_hd>table>tbody>tr>td.filtrate-td {
    padding-left: 28px;
    text-align: left
}

.bomLst_hd>table>tbody>tr>td.filtrate-td label {
    margin: 0 25px 0 0;
    cursor: pointer
}

.bomLst_hd .btn-default {
    border-radius: 2px;
    border: 1px solid #d7d7d7;
    color: #333;
    padding: 0 12px;
    background: #fff;
    line-height: 30px;
    margin: 0 4px
}

.table-tab {
    height: 45px;
    padding-top: 8px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 2px solid #087dc2;
    padding-left: 2px
}

.table-tab table {
    width: 100%
}

.table-tab .operation-btn {
    color: #fff;
    background: #0b75be;
    padding: 6px 25px;
    border-radius: 10px 10px 0 0
}

.table-tab .operation-btn:hover {
    background: #065489
}

.table-tab .operation-btn span {
    color: #333
}

.table-tab .operation-btn b {
    font-weight: 400;
    color: #ff7800
}

.bomFlowWrp {
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0
}

.bomFlow {
    position: relative;
    display: block;
    background-color: #1e94e6;
    background-image: -webkit-gradient(linear,left top,right top,from(#1e94e6),to(#0b75be));
    background-image: linear-gradient(90deg,#1e94e6,#0b75be);
    height: 5px;
    -webkit-transition: 2s linear;
    transition: 2s linear;
    width: 1px
}

.bomFlow.is-reset {
    -webkit-transition: none;
    transition: none
}

.bomPercent {
    position: absolute;
    border: 1px solid #e5e5e5;
    background: #0b75be;
    white-space: nowrap;
    font-size: 12px;
    height: 20px;
    padding: 0 5px;
    color: #fff;
    line-height: 18px;
    bottom: 12px;
    left: 100%;
    margin-left: -16px
}

.bomPercent .caret {
    position: absolute;
    left: 50%;
    bottom: -5px;
    border-top-color: 4px solid #e5e5e5;
    margin-left: -3px
}

.bomPercent .caret:after {
    position: absolute;
    left: -5px;
    bottom: 4px;
    content: "";
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid #0b75be;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: relative
}

.bomTabs {
    vertical-align: middle
}

.bomTabs,.bomTabs>li {
    display: inline-block;
    height: 36px;
    line-height: 36px
}

.bomTabs>li {
    padding: 0 16px;
    cursor: pointer
}

.bomTabs>li.is-active {
    color: #fff;
    background: #0b75be;
    border-radius: 5px 5px 0 0
}

.bomTabs>li.is-active em {
    color: #fff
}

.bomTabs>li>em {
    color: #0b75be;
    font-style: normal
}

.bomLstTab {
    width: 100%;
    border: 1px solid #e6e6e6
}

.bomLstTab .count-input {
    border: 0;
    -webkit-transition: none;
    transition: none
}

.bomLstTab .modify-loading {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
    width: 656px;
    background: #fff
}

.bomLstTab .icon-xiugai,.bomLstTab .is-hide {
    display: none
}

.bomLstTab>tbody>tr:hover .bomLst_infoCon {
    display: block
}

.bomLstTab>tbody>tr:hover .match .request-number {
    display: none
}

.bomLstTab>tbody>tr:hover .match .demand-num,.bomLstTab>tbody>tr:hover .not-match .request-number {
    display: block
}

.bomLstTab>tbody>tr:hover .count-input {
    border: 1px solid #ccc
}

.bomLstTab>tbody>tr:hover .icon-xiugai {
    display: block
}

.bomLstTab>thead>tr>th {
    background: #f3f3f3;
    color: #000;
    text-align: center;
    font-size: 13px;
    border: 1px solid #e6e6e6;
    padding: 9px 5px;
    line-height: 32px;
    white-space: nowrap
}

.bomLstTab>thead>tr>.orange-th {
    background: #fff4e8
}

.bomLstTab>tbody>tr>td {
    position: relative;
    background-clip: padding-box;
    border: 1px solid #e6e6e6;
    padding: 1px 5px;
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    min-height: 72px;
    height: 72px
}

.bomLstTab>tbody>tr>td.orange-left,.bomLstTab>thead>tr>th.orange-left {
    border-left: 2px solid #ff7800
}

.bomLstTab>tbody>tr:hover>td {
    background: #fafafa;
    background-clip: padding-box
}

.bomLstTab>tbody>tr.is-on>td {
    background: #ebf5fa;
    background-clip: padding-box
}

.bomLstTab .demand-num {
    display: none;
    position: absolute;
    left: 10px;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bomLstTab .demand-num .input-sm {
    height: 25px
}

.bomLstTab .demand-num .input-loss {
    display: inline-block;
    width: 58%;
    margin-left: 5px
}

.bomLstTab .demand-num p {
    text-align: right
}

.bomLstTab .icon-tip {
    display: none;
    position: absolute;
    left: -72px;
    top: -4px;
    width: 69px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: url(/static/www/assets/images/mbg-d87133f71fb82085c92d11f0a9785b6e.png) no-repeat -101px -338px;
    font-size: 12px;
    padding-right: 5px;
    color: #666;
    font-style: normal;
    z-index: 11
}

.bomLstTab .iconfont:hover .icon-tip {
    display: block
}

.bomLstTab_th {
    text-align: left;
    position: relative
}

.bomLstTab_th.is-chk {
    padding-left: 24px
}

.bomLstTab_th.is-chk .bomLstTab_fLst {
    left: 24px
}

.bomLstTab_th .m-checkbox {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    height: 16px;
    width: 16px
}

.bomLstTab_th>h2 {
    margin: 0 0 3px;
    font-size: 13px;
    font-weight: 700
}

.bomLstTab_th>h3 {
    height: 16px;
    line-height: 16px;
    padding-right: 4px;
    position: relative;
    width: 100%;
    margin: 0;
    font-size: 13px;
    color: #999
}

.bomLstTab_th>h3>.icon-arr-d {
    color: #acacac;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    width: 16px;
    text-align: center
}

.bomLstTab_th>h3>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.bomLstTab_fLst {
    position: absolute;
    left: 0;
    top: 36px;
    width: auto;
    background: #fff;
    z-index: 2;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3)
}

.bomLstTab_fLst>li {
    font-weight: 400;
    display: block;
    font-size: 12px;
    line-height: 30px;
    color: #333;
    padding: 0 10px
}

.bomLstTab_fLst>li.is-active {
    background: #0b75be;
    color: #fff
}

.bomLstTd_pro {
    width: 120px;
    text-align: left;
    word-break: break-all
}

.icon-replace {
    font-size: 14px;
    border: 1px solid #2f3a98;
    color: #2f3a98;
    padding: 5px 10px;
    border-radius: 5px
}

.icon-replace:hover {
    background: #2f3a98;
    color: #fff
}

.icon-delete i {
    font-size: 25px
}

.bomLstTd_attr {
    width: 160px;
    word-break: break-all
}

.bomLst_opbox {
    height: 54px;
    line-height: 54px;
    white-space: nowrap
}

.bomLst_opbox button {
    background: none;
    border: 0
}

.bomLst_opbox .icon-delete {
    color: #999;
    height: 30px;
    width: 20px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}

.bomLst_ky {
    font-size: 12px;
    word-break: break-all;
    text-align: left
}

.bomLst_ky.is-chk {
    padding: 0 0 0 24px
}

.bomLst_ky .iconfont {
    color: #666;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 0;
    cursor: pointer
}

.bomLst_ky .m-checkbox {
    cursor: pointer;
    position: absolute;
    left: 8px;
    height: 16px;
    width: 16px
}

.bomLst_ky .icon-edit {
    cursor: pointer;
    color: #333;
    font-size: 14px;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px
}

.bomLst_ky .icon-edit:hover {
    color: #0b75be
}

.bomLst_info {
    display: inline-block;
    height: 30px;
    width: 20px;
    text-align: center;
    line-height: 30px;
    position: relative;
    vertical-align: middle
}

.bomLst_info .icon-info {
    color: #999
}

.bomLst_infoCon {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #e4e4e4;
    bottom: 36px;
    left: -45px;
    white-space: nowrap;
    line-height: 22px;
    text-align: left;
    color: #666;
    border-radius: 3px;
    max-width: 115px;
    padding: 15px
}

.bomLst_infoCon .caret {
    position: absolute;
    bottom: -6px;
    left: 46px;
    border-width: 6px;
    border-top-color: #e4e4e4
}

.bomLst_infoCon .caret.is-empty:before {
    bottom: 1px;
    left: -6px;
    border-width: 6px;
    border-top: 6px solid #fff
}

.bomRes_edit {
    padding: 0 0 0 6px;
    border: 1px solid #0b75be;
    height: auto;
    width: 355px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1
}

.bomRes_edit .tit {
    display: inline-block;
    text-align: left
}

.bomRes_edit .tit-model {
    width: 155px
}

.bomRes_edit .tit-parmas {
    width: 108px
}

.bomRes_edit .tit-brand {
    width: 72px
}

.bomRes_editInps {
    margin-left: -5px
}

.bomRes_editInps>input {
    line-height: 33px;
    text-align: center
}

.bomRes_editInps>input,.bomRes_editInps>textarea {
    border: 1px solid #e6e6e6;
    height: 28px;
    padding: 0 8px;
    float: left;
    margin-left: 5px
}

.bomRes_editInps>textarea {
    line-height: 25px;
    text-align: left;
    word-break: break-all
}

.bomRes_editOp {
    line-height: 32px;
    text-align: right
}

.bomRes_editOp>a {
    font-size: 12px;
    margin: 0 8px
}

.bomHm {
    height: 636px;
    background-color: #fff;
    background: url(/static/www/assets/images/bom/decoration-ddc511165aef429ae8d3cd599a15f465.png) 50% no-repeat;
    width: 100%;
    margin-bottom: -40px;
    overflow: hidden
}

.bomHmBanner {
    overflow: hidden;
    height: 142px;
    background: url(/static/www/assets/images/bom/topmbg-3e9933b8fc5a02295a382e10404d77c3.jpg) 50% no-repeat;
    background-color: #0a0615\9;
    text-align: center;
    text-indent: -9999em
}

.bomHmWrp {
    height: 496px;
    position: relative
}

.bomImFrm {
    background: #f5f6f9;
    padding: 0 18px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    position: absolute;
    height: 376px;
    width: 416px;
    top: 46px
}

.bomImFrm.is-excel {
    right: 108px
}

.bomImFrm.is-copy {
    left: 108px
}

.bomImFrm>h1 {
    line-height: 70px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
    height: 64px
}

.bomImFtr {
    position: absolute;
    line-height: 40px;
    height: 40px;
    bottom: 5px;
    left: 20px;
    right: 20px;
    font-size: 12px
}

.bomImEx {
    height: 262px;
    margin: 0;
    width: 100%;
    background: #e6f6ff;
    border: 1px dashed #98c5e2;
    text-align: center;
    display: block;
    -webkit-transition: .5s;
    transition: .5s
}

.bomImEx.dragPrevent {
    background: #9cd2f4
}

.bomImEx:hover {
    background: #d8edfa
}

.bomImEx_p1 {
    margin-top: 70px;
    font-size: 15px
}

.bomImEx_btn {
    display: block;
    height: 48px;
    width: 200px;
    margin: 10px auto 8px;
    background-color: #2295f7;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2295f7),to(#0b75bf));
    background-image: linear-gradient(180deg,#2295f7,#0b75bf);
    border-radius: 5px;
    overflow: hidden
}

.bomImEx_btn:hover {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#0b75bf),to(#2295f7));
    background-image: linear-gradient(180deg,#0b75bf,#2295f7)
}

.bomImEx_btn>span {
    display: block;
    height: 20px;
    margin-top: 14px;
    background: url(/static/www/assets/images/bom/bom-mbg-55df0b0f0a230dd455bcebd45507c80e.png) no-repeat center -105px
}

.bomHmOr {
    color: #3c3d4b;
    font-size: 28px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 26px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-left: -13px;
    margin-top: -13px
}

.bomImCp,.bomImCp-dia {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 71px;
    min-height: 42px;
    height: auto;
    border-radius: 3px;
    border: 1px solid #22a0f7;
    padding: 1px;
    background: #fff;
    z-index: 1
}

.bomImCp-dia>textarea,.bomImCp>textarea {
    border: 0;
    resize: none;
    padding: 10px 14px;
    float: left;
    line-height: 22px;
    width: 270px;
    overflow: auto;
    height: 254px;
    outline: none;
    max-height: 254px;
    font-size: 15px
}

.bomImCp-dia>button,.bomImCp>button {
    height: 42px;
    border: 0;
    width: 98px;
    position: absolute;
    right: 2px;
    bottom: 1px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 3px;
    background-color: #2296f7;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2296f7),to(#0c76bf));
    background-image: linear-gradient(180deg,#2296f7,#0c76bf)
}

.bomImDemo {
    position: absolute;
    top: 180px;
    left: 20px;
    right: 20px
}

.bomImDemo>p {
    line-height: 28px
}

.bomImDemo>table {
    background: #fff;
    border-radius: 3px;
    width: 100%
}

.bomImDemo>table td,.bomImDemo>table th {
    border: 1px solid #d2eff3;
    color: #666;
    font-size: 12px;
    line-height: 28px;
    padding-left: 40px;
    text-align: left
}

.bomChk {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    background: url(/static/www/assets/images/bom/bom-mbg-55df0b0f0a230dd455bcebd45507c80e.png) 0 -27px
}

.bomChk.is-check {
    background: url(/static/www/assets/images/bom/bom-mbg-55df0b0f0a230dd455bcebd45507c80e.png) 0 -56px
}

.bomIcn-lst {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 12px;
    background: url(/static/www/assets/images/bom/bom-mbg-55df0b0f0a230dd455bcebd45507c80e.png)
}

.fade-enter-active,.fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.bomLoad {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3);
    z-index: 500
}

.bomLoad_wrd {
    position: fixed;
    padding: 20px;
    background: rgba(0,0,0,.4);
    border-radius: 2px;
    color: #fff;
    font-size: 20px;
    top: 50%;
    left: 50%;
    z-index: 501;
    width: 460px;
    text-align: center;
    margin-left: -250px
}

.bomLoad_wrd>img {
    height: 28px;
    width: 28px
}

.bomLoad_wrd>img,.bomLoad_wrd span {
    vertical-align: middle
}

.bomProDia,.bomReImDia {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 556px;
    height: 342px;
    margin-left: -278px;
    margin-top: -171px;
    background: #fff
}

.bomProDia>h1,.bomReImDia>h1 {
    background: #f2f2f2;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
    height: 46px;
    line-height: 45px;
    padding: 0 30px
}

.bomProDia {
    width: 1070px;
    height: 490px;
    margin-left: -485px;
    margin-top: -245px
}

.bomProDia_con {
    padding: 30px
}

.bomProDia_srh {
    height: 40px;
    width: 576px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.bomProDia_srh>input {
    left: 0;
    width: 470px;
    border: 1px solid #e4e4e4;
    padding: 0 10px;
    line-height: 38px
}

.bomProDia_srh>button,.bomProDia_srh>input {
    position: absolute;
    top: 0;
    font-size: 12px;
    height: 40px
}

.bomProDia_srh>button {
    right: 0;
    color: #fff;
    background: #0b75be;
    line-height: 40px;
    width: 108px;
    z-index: 1;
    border: 0
}

.bomImCp-dia {
    width: 496px;
    top: 30px;
    left: 30px;
    right: none;
    z-index: 2
}

.bomImCp-dia>textarea {
    height: 42px;
    width: 386px
}

.bomImDemo-dia {
    position: absolute;
    top: 80px;
    left: 30px;
    color: #666;
    font-size: 12px
}

.bomReImDia_con {
    padding: 30px;
    position: relative;
    width: 556px;
    height: 296px
}

.bomImDia_p {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 100px;
    left: 0;
    color: #000
}

.bomImEx-dia {
    position: absolute;
    height: 130px;
    width: 496px;
    top: 134px;
    left: 30px;
    border: 1px dashed #bedef3;
    background: #fbfdff
}

.bomImEx-dia>p {
    font-size: 12px;
    text-align: center
}

.bomImEx-dia_inp {
    opacity: 0;
    filter: alpha(opacity=0);
    height: 0;
    width: 0
}

.bomImEx-dia_btn {
    width: 164px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #0b75be;
    color: #fff;
    background: #0b75be;
    margin: 28px auto 5px
}

.bomImEx-dia_btn>i {
    font-size: 14px;
    margin-right: 8px
}

.bomVueDia {
    position: absolute;
    left: 50%;
    margin-top: 80px;
    background: #f5f5f5;
    max-width: 1200px;
    padding: 20px 15px
}

.bomVueDia ._tableWrp {
    max-height: 400px;
    overflow: auto
}

.bomVueDia ._table {
    width: 100%
}

.bomVueDia ._table>tbody>tr>th,.bomVueDia ._table>thead>tr>th {
    background: #e8f3f7;
    font-weight: 400
}

.bomVueDia ._table>tbody>tr>td,.bomVueDia ._table>tbody>tr>th,.bomVueDia ._table>thead>tr>th {
    border: 1px solid #333;
    line-height: 22px;
    padding: 5px 15px
}

.bomDia-cm {
    position: absolute;
    left: 50%;
    margin-left: -500px;
    margin-top: 100px;
    background: #fff;
    width: 1000px
}

.bomDia-cm>h1 {
    background: #f2f2f2;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
    height: 46px;
    line-height: 45px;
    padding: 0 30px
}

.bomDia_con-cm {
    padding: 30px
}

.bomDia_list-cm {
    max-height: 420px;
    overflow: auto
}

.bomSet_list {
    width: 100%
}

.bomSet_list>tbody>tr>th,.bomSet_list>thead>tr>th {
    background: #e8f3f7;
    font-weight: 400
}

.bomSet_list>tbody>tr>td,.bomSet_list>tbody>tr>th,.bomSet_list>thead>tr>th {
    border: 1px solid #333;
    line-height: 22px;
    padding: 5px 15px
}

.bomDia-chNum {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    height: 200px;
    margin-left: -180px;
    margin-top: -100px;
    background: #fff
}

.bomDia-chNum>h1 {
    background: #f2f2f2;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6;
    height: 46px;
    line-height: 45px;
    padding: 0 30px
}

.bomProDia_wrp {
    height: 326px;
    width: 100%;
    overflow-y: auto;
    margin-top: 18px
}

.bomProDia_wrp .btn {
    background: #fff;
    color: #0b75be;
    border: 1px solid #0b75be;
    font-size: 12px;
    padding: 3px 12px
}

.c-toolTip {
    position: fixed
}

.bomDBox {
    position: absolute;
    top: 65px;
    left: -76px;
    display: none;
    padding: 5px 18px;
    background: #fff;
    width: 250px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    box-shadow: 1px 2px 12px 0 rgba(0,0,0,.1);
    z-index: 100
}

.bomDBox>.caret {
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -3px;
    border-bottom-color: #fff
}

.bomDBox>.caret.is-empty {
    border-bottom-color: #e4e4e4
}

.bomDBox_hd {
    font-weight: 400;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 29px;
    height: 29px;
    color: #666;
    position: relative
}

.bomDBox_hd:after {
    position: absolute;
    content: "";
    left: 0;
    top: 14px;
    height: 0;
    width: 100%;
    border-top: 1px solid #f2f2f2
}

.bomDBox_hd>span {
    position: relative;
    z-index: 1;
    background: #fff;
    float: left;
    height: 29px;
    line-height: 29px;
    padding-right: 6px
}

.bomDBox_ul {
    padding: 4px 0
}

.bomDBox_ul>li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 28px;
    line-height: 28px;
    font-size: 13px
}

.bomDBox_ul>li .icon-excel {
    color: #1e7045;
    vertical-align: middle
}

.bomDBox_more {
    line-height: 30px;
    color: #666;
    font-size: 13px
}

.bomDBox_login {
    text-align: center;
    line-height: 60px;
    padding-bottom: 14px
}

.pro-bar-candy.candy-ltr {
    -webkit-animation: progressStripeLTR .2s linear infinite;
    animation: progressStripeLTR .2s linear infinite;
    position: absolute;
    left: 1px;
    top: 0;
    border-radius: 10px
}

.m-tipDia_con h3 {
    font-size: 18px;
    color: #0b75be
}

.m-tipDia_con .p1 {
    line-height: 25px;
    padding-bottom: 10px
}

@-webkit-keyframes progressStripeLTR {
    to {
        background-position: 30px 0
    }
}

@keyframes progressStripeLTR {
    to {
        background-position: 30px 0
    }
}

.bom-search {
    width: 360px;
    padding-top: 20px;
    margin-left: 58px
}

.bom-search .oy-srh_inp {
    padding-right: 82px
}

.lead-time {
    margin-left: 3px;
    position: relative
}

.lead-time .iconfont {
    font-size: 12px;
    color: #666
}

.lead-time .tooltip-cont {
    display: none;
    position: absolute;
    white-space: nowrap;
    background: #fff;
    border-radius: 3px;
    bottom: 20px;
    right: -8px;
    border: 1px solid #e4e4e4;
    padding: 3px 7px;
    color: #333
}

.lead-time .tooltip-cont:before {
    position: absolute;
    content: "";
    bottom: -6px;
    right: 7px;
    border-top: 6px solid #e4e4e4;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.lead-time .tooltip-cont:after {
    position: absolute;
    content: "";
    bottom: -5px;
    right: 7px;
    border-top: 6px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.lead-time:hover .tooltip-cont {
    display: block
}

.ft {
    font-size: 14px
}

.bomTabs {
    vertical-align: middle
}

.bomTabs,.bomTabs>li {
    display: inline-block;
    height: 36px;
    line-height: 36px
}

.bomTabs>li {
    padding: 0 16px;
    cursor: pointer;
    font-size: 14px
}

.bomTabs>li.is-active {
    color: #fff;
    background: #0b75be;
    border-radius: 5px 5px 0 0
}

.bomTabs>li.is-active em {
    color: #fff
}

.bomTabs>li>em {
    color: #0b75be
}

.bomLstTab {
    width: 100%;
    border: 1px solid #e6e6e6
}

.bomLstTab .count-input {
    border: 0;
    -webkit-transition: none;
    transition: none;
    height: 20px
}

.bomLstTab .modify-loading {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
    width: 656px;
    background: #fff
}

.bomLstTab .icon-xiugai,.bomLstTab .is-hide {
    display: none
}

.bomLstTab>tbody>tr:hover .bomLst_infoCon {
    display: block
}

.bomLstTab>tbody>tr:hover .bomLst_infoCon p {
    font-size: 12px
}

.bomLstTab>tbody>tr:hover .match .request-number {
    display: none
}

.bomLstTab>tbody>tr:hover .match .demand-num,.bomLstTab>tbody>tr:hover .not-match .request-number {
    display: block
}

.bomLstTab>tbody>tr:hover .count-input {
    border: 1px solid #ccc;
    height: 20px
}

.bomLstTab>tbody>tr:hover .icon-xiugai {
    display: block
}

.bomLstTab>thead>tr>th {
    background: #f3f3f3;
    color: #000;
    text-align: center;
    font-size: 13px;
    border: 1px solid #e6e6e6;
    padding: 9px 5px;
    line-height: 32px;
    white-space: nowrap
}

.bomLstTab>thead>tr>.orange-th {
    background: #0b75be;
    color: #fff
}

.bomLstTab>tbody>tr>td.orange-left,.bomLstTab>thead>tr>th.orange-left {
    border-left: 2px solid #ff6767
}

.bomLstTab>tbody>tr.is-on>td {
    background: #ebf5fa;
    background-clip: padding-box
}

.bomLstTab .demand-num {
    display: none;
    position: absolute;
    left: 10px;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bomLstTab .demand-num .input-sm {
    height: 25px
}

.bomLstTab .demand-num .input-loss {
    display: inline-block;
    width: 58%;
    margin-left: 5px
}

.bomLstTab .demand-num p {
    text-align: right
}

.bomLstTab .icon-tip {
    display: none;
    position: absolute;
    left: -72px;
    top: -4px;
    width: 69px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    padding-right: 5px;
    color: #666;
    font-style: normal;
    z-index: 11
}

.bomLstTab .iconfont:hover .icon-tip {
    display: block
}

.bomLstTab_th {
    text-align: left;
    position: relative
}

.bomLstTab_th.is-chk {
    padding-left: 24px
}

.bomLstTab_th.is-chk .bomLstTab_fLst {
    left: 24px
}

.bomLstTab_th .m-checkbox {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    height: 16px;
    width: 16px
}

.bomLstTab_th>h2 {
    margin: 0 0 3px;
    font-size: 13px;
    font-weight: 700
}

.bomLstTab_th>h3 {
    height: 16px;
    line-height: 16px;
    padding-right: 4px;
    position: relative;
    width: 100%;
    margin: 0;
    font-size: 13px;
    color: #999
}

.bomLstTab_th>h3>.icon-arr-d {
    color: #acacac;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    width: 16px;
    text-align: center
}

.bomLstTab_th>h3>span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.bomLstTab_fLst {
    position: absolute;
    left: 0;
    top: 36px;
    width: auto;
    background: #fff;
    z-index: 2;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.3)
}

.bomLstTab_fLst>li {
    font-weight: 400;
    display: block;
    font-size: 12px;
    line-height: 30px;
    color: #333;
    padding: 0 10px
}

.bomLstTab_fLst>li.is-active {
    background: #0b75be;
    color: #fff
}

.bomLstTd_pro {
    width: 120px;
    text-align: left;
    word-break: break-all
}

.bomLstTd_attr {
    width: 340px;
    word-break: break-all;
    color: #333
}

.bomLst_opbox {
    height: 54px;
    line-height: 54px;
    white-space: nowrap
}

.bomLst_opbox button {
    background: none;
    border: 0
}

.bomLst_opbox .icon-delete {
    color: #999;
    height: 30px;
    width: 20px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}

.bomLst_ky {
    font-size: 12px;
    word-break: break-all;
    text-align: left;
    color: #000
}

.bomLst_ky.is-chk {
    padding: 0 0 0 24px
}

.bomLst_ky .iconfont {
    color: #666;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 0;
    cursor: pointer
}

.bomLst_ky .m-checkbox {
    cursor: pointer;
    position: absolute;
    left: 8px;
    height: 16px;
    width: 16px
}

.bomLst_ky .icon-edit {
    cursor: pointer;
    color: #333;
    font-size: 14px;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px
}

.bomLst_ky .icon-edit:hover {
    color: #0b75be
}

.bomLst_info {
    display: inline-block;
    height: 30px;
    width: 20px;
    text-align: center;
    line-height: 30px;
    position: relative;
    vertical-align: middle
}

.bomLst_info .icon-info {
    color: #999
}

.bomLst_infoCon .caret {
    position: absolute;
    bottom: -6px;
    left: 46px;
    border-width: 6px;
    border-top-color: #e4e4e4
}

.bomLst_infoCon .caret.is-empty:before {
    bottom: 1px;
    left: -6px;
    border-width: 6px;
    border-top: 6px solid #fff
}

.bomRes_edit {
    padding: 0 0 0 6px;
    border: 1px solid #0b75be;
    height: auto;
    width: 355px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1
}

.bomRes_edit .tit {
    display: inline-block;
    text-align: left
}

.bomRes_edit .tit-model {
    width: 155px
}

.bomRes_edit .tit-parmas {
    width: 108px
}

.bomRes_edit .tit-brand {
    width: 72px
}

.bomRes_editInps {
    margin-left: -5px
}

.bomRes_editInps>input {
    line-height: 33px;
    text-align: center
}

.bomRes_editInps>input,.bomRes_editInps>textarea {
    border: 1px solid #e6e6e6;
    height: 28px;
    padding: 0 8px;
    float: left;
    margin-left: 5px
}

.bomRes_editInps>textarea {
    line-height: 25px;
    text-align: left;
    word-break: break-all
}

.bomRes_editOp {
    line-height: 32px;
    text-align: right
}

.bomRes_editOp>a {
    font-size: 12px;
    margin: 0 8px
}

.bomHm {
    height: 636px;
    background-color: #fff;
    background: url(/static/www/assets/images/bom/decoration-ddc511165aef429ae8d3cd599a15f465.png) 50% no-repeat;
    width: 100%;
    margin-bottom: -40px;
    overflow: hidden
}

.bomHmBanner {
    overflow: hidden;
    height: 142px;
    background: url(/static/www/assets/images/bom/topmbg-3e9933b8fc5a02295a382e10404d77c3.jpg) 50% no-repeat;
    background-color: #0a0615\9;
    text-align: center;
    text-indent: -9999em
}

.bomHmWrp {
    height: 496px;
    position: relative
}

.bomImFrm {
    background: #f5f6f9;
    padding: 0 18px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    position: absolute;
    height: 376px;
    width: 416px;
    top: 46px
}

.bomImFrm.is-excel {
    right: 108px
}

.bomImFrm.is-copy {
    left: 108px
}

.bomImFrm>h1 {
    line-height: 70px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
    height: 64px
}

.bomImFtr {
    position: absolute;
    line-height: 40px;
    height: 40px;
    bottom: 5px;
    left: 20px;
    right: 20px;
    font-size: 12px
}

.bomImEx {
    height: 262px;
    margin: 0;
    width: 100%;
    background: #e6f6ff;
    border: 1px dashed #98c5e2;
    text-align: center;
    display: block;
    -webkit-transition: .5s;
    transition: .5s
}

.bomImEx.dragPrevent {
    background: #9cd2f4
}

.bomImEx:hover {
    background: #d8edfa
}

.bomImEx_p1 {
    margin-top: 70px;
    font-size: 15px
}

.bomImEx_btn {
    display: block;
    height: 48px;
    width: 200px;
    margin: 10px auto 8px;
    background-color: #2295f7;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2295f7),to(#0b75bf));
    background-image: linear-gradient(180deg,#2295f7,#0b75bf);
    border-radius: 5px;
    overflow: hidden
}

.proTriTable--hide ._priCon table {
    line-height: 22px
}

.proTriTable--hide ._priCon table>thead>tr>th {
    font-weight: 400;
    text-align: center
}

.proTriTable--hide ._priCon table>tbody>tr>td {
    padding: 0 5px
}

.l-brandD {
    margin: 13px auto 0;
    width: 1200px
}

.l-brandD__side {
    float: left;
    width: 313px
}

.l-brandD__main {
    float: right;
    width: 862px
}

.brandD-main,.brandD-main--zx {
    width: 100%;
    padding: 24px 32px;
    border: 1px solid #e0e0e0
}

.brandD-main--zx {
    padding: 30px 10px 20px
}

.brandD-srh .form-control,.brandD-srh .input-group .btn,.brandD-srh .input-group .btn-atc,.brandD-srh .input-group .buyBtn,.brandD-srh .input-group .tipDia--sus__sub {
    border-radius: 0
}

.brandD-nav {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    margin-top: 15px
}

.brandD-navItm {
    border-bottom: 1px solid #e0e0e0;
    display: block;
    width: 100%;
    padding-left: 34px;
    padding-right: 26px;
    font-size: 16px;
    line-height: 45px;
    color: #666
}

.brandD-navItm:hover {
    color: #666
}

.brandD-navItm.is-active {
    color: #fff;
    background: #0075bd
}

.brandD-intro {
    padding: 25px;
    border: 1px solid #e0e0e0;
    margin-top: 30px
}

.brandD-intro__img {
    display: block;
    margin: 15px auto 25px;
    max-width: 190px
}

.brandDSpePro .cardCon {
    height: 300px
}

.brandDSpePro .cardCon__imgWrp {
    height: 180px;
    width: 240px;
    line-height: 180px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 2px solid #eee
}

.proTriTable--hide {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center
}

.proTriTable--hide:hover ._priCon {
    display: block
}

.proTriTable--hide ._modIcon {
    color: #0075bd;
    font-size: 12px
}

.proTriTable--hide ._priCon {
    display: none;
    position: absolute;
    left: -20px;
    top: 25px;
    background: #fff;
    border: 1px solid #0075bd;
    z-index: 1
}

.proTriTable--hide ._priCon .caret--top {
    border-bottom-color: #087dc2;
    position: absolute;
    top: -10px;
    left: 22px
}

.proTriTable--hide ._priCon table {
    line-height: 22px
}

.proTriTable--hide ._priCon table>thead>tr>th {
    font-weight: 400;
    text-align: center;
    font-size: 12px
}

.proTriTable--hide ._priCon table>tbody>tr>td {
    padding: 0 5px;
    font-size: 12px
}

.bomLstTd_pro a {
}

.bomLstTd_pro p {
    font-size: 12px
}

.bomLstTd_pro span {
    font-size: 12px;
    color: #666
}

.bomLst_ky .iconfont {
    color: #666;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 0;
    cursor: pointer
}

.bomLstTab .icon-xiugai {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 25px;
    cursor: pointer
}

.login-form {
    height: 400px;
    width: 480px;
    background: #fff;
    border-radius: 4px;
    padding: 20px 45px;
    box-shadow: 0 20px 50px 0 hsl(0deg 0% 64% / 10%);
    display: none
}

.reg_form_box {
    width: 100%;
    height: 400px;
    text-align: center;
    margin-top: 50px
}

.login_tab {
    overflow: hidden
}

.login_label {
    font-size: 22px;
    color: #bbb;
    width: 44px;
    height: 40px;
    float: left;
    cursor: pointer
}

.label_active {
    font-weight: 500;
    color: #333 !important;
    border-bottom: 4px solid #1E9FFF
}

.login_form_box {
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.form_input {
    height: 20px;
    width: 354px;
    padding: 20px;
    border: none;
    background: #F6F6F6
}

.user_word {
    width: 350px;
    height: 25px;
    margin-top: 20px;
    padding-left: 30px
}

.user_word span {
    display: inline-block;
    float: left;
    color: #999
}

.user_login_submit {
    text-align: center;
    border: none;
    padding: 0 20px;
    background: #1E9FFF;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 400px;
    height: 60px;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.login-tool {
    width: 100%;
    height: 20px;
    margin-top: 20px
}

.login-tool div {
    float: left
}

.login-tool div a {
    font-size: 17px;
    color: #1E9FFF
}

.layui-layer-setwin .layui-layer-close2 {
    width: 30px;
    height: 30px
}

.icon-close {
    position: absolute;
    right: 20px;
    font-size: 25px;
    top: 5px;
    cursor: pointer
}

.com-diaBg {
    display: none
}

.mt30 {
    margin-top: 30px
}

.mt20 {
    margin-top: 20px
}

.noLogin {
    width: 130px;
    float: right;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #0b75be;
    padding: 0 20px;
    margin-top: 8px;
    cursor: pointer;
    margin-right: 280px
}

.ovfHide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(223 237 253 / 50%);
    z-index: 999
}

.bomRes_edit {
    display: none
}

.c-proPri {
    position: relative
}

.c-proPri>p span {
    vertical-align: middle
}

.c-proPri>p .iconfont {
    color: #666;
    vertical-align: middle
}

.c-proPri:hover>p .iconfont {
    color: #0b75be
}

.c-proPri_lst {
    z-index: 3;
    background: #fff;
    white-space: nowrap;
    padding: 6px 6px 4px;
    display: none;
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 13px 0 rgba(0,0,0,.1);
    left: 50px;
    margin-top: 3px;
    position: absolute;
    top'CONTAIN-INTRINSIC-BLOCK-SIZE:AUTO 100PX';left: 0
}

.c-proPri_lst .caret--top {
    position: absolute;
    top: -11px;
    left: 34px;
    border-bottom: 5px solid #e9e9e9;
    border-bottom: 5px dashed #e9e9e9\9
}

.c-proPri_lst>tbody>tr>td,.c-proPri_lst>thead>tr>th {
    color: #666;
    padding: 0 4px;
    text-align: left;
    line-height: 20px;
    font-weight: 400
}

.c-proPri_lst>thead>tr>th {
    color: #999;
    text-indent: 8px
}

.c-proPri_lst .text-right {
    text-align: right!important
}

.c-loginDia {
    height: 400px;
    width: 380px;
    padding: 10px
}

.c-loginDia .nc_scale span {
    height: 40px!important;
    line-height: 40px!important
}

.c-loginDia div.nc_scale {
    height: 42px!important
}

.c-table-pro {
    width: 100%;
    border: 1px solid #e9e9e9;
    font-size: 12px;
    background: #fff
}

.c-table-pro.is-dia>thead>tr>th {
    line-height: 32px;
    border: 1px solid #e9e9e9
}

.c-table-pro.is-dia>tbody>tr>td {
    line-height: 22px;
    padding: 6px 8px;
    border: 1px solid #e9e9e9
}

.c-table-pro.is-dia>tbody>tr>td p {
    font-size: 12px;
    margin: 0
}

.c-table-pro.is-uc {
    border-left: 0;
    border-right: 0
}

.c-table-pro.is-uc>thead>tr>th {
    line-height: 32px;
    text-align: center
}

.c-table-pro.is-uc>tbody>tr>td {
    line-height: 22px;
    padding: 6px 8px
}

.c-table-pro>thead>tr>th {
    line-height: 42px;
    background: #f3f3f3;
    text-align: left;
    font-weight: 400;
    padding: 0 10px
}

.c-table-pro>tbody>tr>td {
    text-align: left;
    line-height: 26px;
    border-top: 1px solid #e9e9e9;
    padding: 0;
    vertical-align: middle
}

.c-proImg-t {
    height: 92px;
    width: 116px;
    text-align: center;
    line-height: 92px;
    position: relative;
    display: block
}

.c-proImg-t>img {
    display: inline;
    vertical-align: middle;
    max-height: 90%;
    max-width: 90%
}

.c-proImg-t.is-small {
    height: 70px;
    width: 80px;
    line-height: 70px
}

.c-tablePro_td {
    margin: 0 auto;
    min-height: 96px;
    line-height: 76px;
    padding: 10px 14px
}

.c-tablePro_tdCon {
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
    max-width: 100%
}

.c-tablePro_tdCon .btn-group .btn-group-xs>.btn,.c-tablePro_tdCon .btn-group .btn-group-xs>.btn-atc,.c-tablePro_tdCon .btn-group .btn-group-xs>.buyBtn,.c-tablePro_tdCon .btn-group .btn-group-xs>.tipDia--sus__sub,.c-tablePro_tdCon .btn-group .btn-xs {
    padding: 1px 6px;
    border-radius: 0
}

.c-tablePro_tdCon .btn-group .btn-group-xs>.btn-atc:hover,.c-tablePro_tdCon .btn-group .btn-group-xs>.btn:hover,.c-tablePro_tdCon .btn-group .btn-group-xs>.buyBtn:hover,.c-tablePro_tdCon .btn-group .btn-group-xs>.tipDia--sus__sub:hover,.c-tablePro_tdCon .btn-group .btn-xs:hover {
    color: #0b75be;
    background: #f5f6f9
}

.c-tablePro_tdCon .btn-group .btn-group-xs>.btn-atc:active,.c-tablePro_tdCon .btn-group .btn-group-xs>.btn:active,.c-tablePro_tdCon .btn-group .btn-group-xs>.buyBtn:active,.c-tablePro_tdCon .btn-group .btn-group-xs>.tipDia--sus__sub:active,.c-tablePro_tdCon .btn-group .btn-xs:active {
    border-color: 1px solid #0d75be;
    color: #0b75be;
    background: #f5f6f9
}

.c-tablePro_tdCon .btn-group .btn-group-xs>.is-slced.btn,.c-tablePro_tdCon .btn-group .btn-group-xs>.is-slced.btn-atc,.c-tablePro_tdCon .btn-group .btn-group-xs>.is-slced.buyBtn,.c-tablePro_tdCon .btn-group .btn-group-xs>.is-slced.tipDia--sus__sub,.c-tablePro_tdCon .btn-group .btn-xs.is-slced {
    color: #0b75be;
    background: #f5f6f9
}

.c-actionBar {
    line-height: 40px;
    position: relative;
    height: 42px;
    font-size: 12px;
    background: #fff;
    padding: 0 12px
}

.c-actionBar .line {
    height: 14px;
    width: 0;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #e9e9e9;
    margin-left: 20px
}

.c-actionBar>a {
    vertical-align: middle;
    margin-left: 18px
}

.c-brand {
    margin: 12px auto;
    border: 1px solid #ececec;
    background: #fff;
    line-height: 46px;
    height: 48px;
    width: 100%
}

.c-brand>.c-brand_tag {
    float: left;
    margin: 11px 0 0 24px
}

.c-brand_img {
    float: left;
    background: #fff;
    height: 46px;
    line-height: 46px;
    width: 140px;
    text-align: center
}

.c-brand_img>img {
    display: inline;
    vertical-align: middle;
    max-width: 96%;
    max-height: 90%
}

.c-brand_tit {
    float: left;
    margin-left: 24px;
    font-size: 16px
}

.c-brand_smTag,.c-brand_tag {
    display: inline-block;
    height: 24px;
    width: 100px;
    position: relative;
    border: 1px solid #f4ab32;
    text-align: center;
    line-height: 22px;
    color: #f4ab32;
    padding-left: 27px
}

.c-brand_smTag>.icon-auth,.c-brand_tag>.icon-auth {
    position: absolute;
    top: -1px;
    left: -1px;
    color: #fff;
    width: 27px;
    height: 24px;
    background: #f4ab32;
    border: 1px solid #f4ab32
}

.c-brand_smTag {
    height: 20px;
    width: 96px;
    line-height: 18px;
    font-size: 13px
}

.c-brand_smTag>.icon-auth {
    height: 20px
}

.c-brand_desc {
    float: left;
    color: #666;
    margin-left: 24px
}

.c-brand_link {
    float: right;
    margin-right: 28px;
    width: 100px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    color: #0b75be;
    border: 1px solid #0b75be;
    font-size: 12px;
    background: #fff;
    border-radius: 2px;
    margin-top: 9px
}

.c-brand_link:hover {
    background: #e5e8ef
}

@-webkit-keyframes anNewTag {
    0%,to {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@keyframes anNewTag {
    0%,to {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

.c-hotTag,.c-newTag {
    color: #fff;
    height: 12px;
    background: #85c620;
    position: absolute;
    top: -12px;
    right: 7px;
    padding: 0;
    border-radius: 2px;
    font-weight: lighter;
    display: block;
    text-align: center
}

.c-hotTag {
    background: #f64747
}

.c-newTag.is-an {
    -webkit-animation: anNewTag 1s infinite;
    animation: anNewTag 1s infinite;
    height: 12px;
    width: 26px;
    padding: 0
}

.c-newTag.is-an:before {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 3px solid #85c620;
    left: 7px;
    bottom: -3px
}

.c-newTag.is-an:after {
    -webkit-transform: scale(.68);
    -ms-transform: scale(.68);
    transform: scale(.68);
    line-height: 12px;
    *zoom:.68}

.c-hotTag:before,.c-newTag:before {
    position: absolute;
    left: 7px;
    bottom: -3px;
    content: "";
    height: 0;
    width: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #85c620
}

.c-hotTag:before {
    border-left: 4px solid #f64747
}

.com-diaBg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 209;
    background: rgba(0,0,0,.5)
}

.bomProDia a i {
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 5px;
    font-weight: bold
}

.priceview {
    cursor: pointer
}

.rnote {
    color: #FC5B4F
}

.rednote {
    color: #CC0000 !important
}

.color-green {
    color: #00c050;
    font-size: 25px
}

.color-red {
    color: #ff0000;
    font-size: 25px
}

.nomatchnote {
    color: #f41c23;
    text-align: center;
    padding: 20px 0
}

.txtCon {
    border: 1px solid #ccc;
    background: #efefef;
    width: 450px;
    margin-left: 50px;
    padding: 20px 40px;
    margin-bottom: 40px
}

.txtCon .ask {
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0
}

.txtCon .ask .t1 {
}

.txtCon .ask .t2 {
}

.txtCon2 {
}

.txtCon2 .t3 {
    float: left;
    width: 100%
}

.txtCon2 .t3 i {
    font-style: normal;
    color: #ff0000
}

.txtCon2 .t4 {
    padding-left: 74px;
    color: #ff0000
}

.txtCon2 p {
}

.txtCon2 .t3 .c2 {
    color: #000
}

.txtCon2 p i {
    font-style: normal
}

.rep {
    position: relative
}

.bombnt {
    width: 127px;
    height: 41px;
    background: #0094E8;
    color: #fff;
    margin: 40px 0 10px 0;
    display: block;
    text-align: center;
    line-height: 41px;
    margin-left: 230px;
    font-size: 16px
}

.bombnt:hover {
    background: #0267a0;
}

.manage-bom {
    position: absolute;
    right: 34px;
    font-size: 14px;
    color: #0094E8;
    top: 37px;
}