@charset "utf-8";

/* scrollbar-滚动条; thumb-里面小方块; track-里面轨道 */
::-webkit-scrollbar { width:8px; height:8px; } 
::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.2); }
::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); }
body{ font-size:14px; background:#F4F4F4; }

.oinf-out{ min-width:800px; max-width:1200px; overflow-x:hidden; display:block; clear:none; background:#FFF; padding:0.5rem; margin:auto; }


.bom-out, .bom-ot2{ width:100%; min-width:800px; max-width:1450px; overflow-x:hidden; display:block; clear:none; background:#FFF; margin:auto; }
.bom-ot2{ min-width:800px; max-width:1200px; }

.bom-vtip{ position:relative; width:100%; min-width:800px;max-width:calc(1200px - 2rem); background:#FFF; padding:1rem;margin:auto; border-bottom:1px solid #EEE; }
.bom-vtip li{ list-style:none; padding:0.3rem 0 0; }
.bom-vtip .mark1{ position:absolute;font-size:18px; top:1rem;right:25rem;transform:rotate(15deg); }
.bom-vtip .link1{ position:absolute;font-size:14px; top:3rem;right:25rem; }
.bom-vtip .Compare{ width:100%; margin:0.5rem auto 0; border-bottom:1px solid #CCC;border-right:1px solid #CCC; }
.bom-vtip .Compare td{ text-align:center; border-top:1px solid #CCC;border-left:1px solid #CCC; }
.bom-vtip .Compare td.tip{ background:#F9F; }

.bom-out .help, .bom-ot2 .help{ color:#1884e1; cursor:pointer; }
.bom-out .help:hover, .bom-ot2 .help:hover{ color:#00F; }
.bom-out .hdiy, .bom-ot2 .hdiy{ color:#2d6e03; cursor:pointer; }
.bom-out .hdiy:hover, .bom-ot2 .hdiy:hover{ color:#30F; }
.bom-out .purBg1, .bom-ot2 .purBg1{ background:#CFC; }
.bom-out .purBg2, .bom-ot2 .purBg2{ background:#FCF; }
.bom-tb3{ width:100%; height:calc(100vh - 50px); background:#FFF; }

.bom-nav{ min-width:800px; max-width:1450px; margin:auto; height:50px; position:fixed; left:0; right:0; background:linear-gradient(to bottom,#FFF 0%,#E0E0FF 100%); }
.bom-nav img{ display:inline-block; float:right; height:36px; margin:5px 0.5rem 0 0.5rem; border-radius:8px; }
.bom-nav span{ display:inline-block; float:right; padding:0.8rem 0.5rem 0 0.5rem; }
.bom-nav span.pro2{ padding-top:0.6rem }
.bom-nav h1{ display:inline-block; float:left; font-size:1.2rem; font-weight:normal; padding:0.68rem 2.5rem 0 2.5rem; margin:0; }
.bom-nav select{ padding:6px 3px; }
.bom-nav .bgp1, .bom-nav .bgp2, .bom-nav .bgp3{ display:inline-block; float:left; font-size:0.9rem; padding:0.68rem 0 0 0.5rem; }
.bom-nav .btn-group>div { padding:2px 6px; }
.bom-nav .btn-group, .bom-nav .btn-group .col1 { color:var(--link); }

.bom-left{ padding:5px; vertical-align:top; }
.bom-left .w50{ width:50px; }
.bom-left .w60{ width:60px; }
.bom-left .w80{ width:80px; }
.bom-left .w100{ width:100px; }
.bom-left .gr6{ color:#666; }
.bom-left .gr9{ color:#999; }
.bom-left b, .bom-left i{ font-weight:normal; font-style:normal; }
.bom-left fieldset{ width:270px; padding:0.1rem 0.5rem 0.5rem 0.5rem; margin:0.5rem 0 0.5rem 0; 
    border-top:1px dashed #999; border-bottom:1px dashed #666; border-radius:5px; }
.bom-left fieldset:first-child{ margin-top:0.1rem; }
.bom-left fieldset li{ list-style:none; padding:0.1rem 0; }
.bom-left legend{ color:#333; }
.bom-left input{ padding:2px 4px; }
.bom-left select{ padding:3px 4px; }
.bom-left label{ display:inline-block; padding-right:2px; }

.bom-main{ padding:5px 1px 5px 5px; vertical-align:top; border-left:3px solid #999; border-right:1px solid #CCC; }
.bom-ot2 .bom-main{ border-left:0; }

.bom-in{ width:100%; min-width:880px; border-bottom:2px solid #666; border-right:2px solid #666; }
.bom-in .tl { text-align:left; }
.bom-in .tip{ background:#FCF; }
.bom-in .small{ padding:1px 1px; }
.bom-in .sec, .bom-ext .sec td { background:#FFD; }
.bom-in td, .bom-ext td{ text-align:center; line-height:120%; border-top:1px solid #666; border-left:1px solid #666; padding:5px 3px; }

.bom-in td.info{ width:100%; padding:0; }
.bom-in td.info td.title{ font-size:24px; line-height:40px; font-family:'微软雅黑'; }
.bom-in td.info td.note{ font-size:14px; text-align:left; }
.bom-in td.info td.wc1{ width:12%; }
.bom-in td.info td.wc2{ width:6%; }
.bom-in .logo { height:40px; float:left; padding:0; margin:0; }

.bom-in tr.hd td{ background:#DDD; }
.bom-in td.brdl{ border-left:2px solid #666; } 
#ord_bozNo{ word-break:break-all; white-space:normal; }

.bom-ext{ padding:5px 5px 5px 1px; vertical-align:top; }
.bom-ext table{ width:100%; border-bottom:2px solid #666; border-right:2px solid #666; }
.bom-ext td{ background:#EEE; }
.bom-ext tr.hd td{ background:#DDD; white-space:nowrap; }
.bom-ext td.ico{ line-height:100%; padding:2px; }
.bom-ext td.ico .btn{ padding:0px 6px; }
.bom-ext .tip{ background:#FFE; }

.bom-offer{ vertical-align:top; padding:0.5rem; }
.bom-offer .tl { text-align:left; }
.bom-offer .tr { text-align:right; }
.bom-offer .gap{ width:0px; background:#EEE; }
.bom-offer>table{ width:100%; min-width:880px; }
.bom-offer>table table{ margin:auto; }
.bom-offer h1{ text-align:center; vertical-align:top; font-size:large;  padding:0.5rem; margin:0; }
.bom-offer .ofinfo>td, .bom-offer .ofprice>td, .bom-offer .ofimg>td{ text-align:center; padding:0.5rem; border-bottom:2px solid #666; }
.bom-offer .ofinfo table{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; }
.bom-offer .ofinfo td{ border-top:1px solid #EEE; border-left:1px solid #EEE; }
.bom-offer .ofinfo td.wt{ width:10%; word-break:keep-all; white-space:nowrap; }
.bom-offer .ofinfo td.wv{ width:40%; }
.bom-offer .ofinfo td.note{ text-align:left; }
.bom-offer .ofprice td{ width:20%; } 

.bom-mopt{ vertical-align:top; padding:0; overflow-y:hidden; }
.bom-mopt .tl { text-align:left; }
.bom-mopt .tr { text-align:right; }
.bom-mopt .gap{ width:0px; background:#EEE; }
.bom-mopt>table{ width:100%; min-width:240px; border-top:2px solid #999; border-bottom:2px solid #999; }
.bom-mopt>table table{ margin:auto; }
.bom-mopt h1{ text-align:center; vertical-align:top; font-size:large; padding:0.5rem; margin:0; }
.bom-mopt .line1>td{ border-bottom:1px dashed #CCC; }

@media only screen and (max-width:1350px){
    .bom-out, .bom-ot2{ overflow-x:auto;
}

@media only screen and (max-width:750px){

}

@media only screen and (max-width:550px){
  
}

/*
    pager
*/
table, .cutprint { page-break-inside:auto }
tr   , .cutprint { page-break-inside:avoid; page-break-after:auto; }
thead { display:table-header-group; }
tfoot { display:table-footer-group; }

@media print{
    .bom-in{ width:100%; min-width:640px; }
    .bom-in tr.hd td{ font-weight:bold; background:#FFF; }
    .bom-in td.info td.note{ font-size:12px; }
    .bom-in .sec{ font-weight:bold; background:#FFF; }
    .noprint{ display:none !important; }
    .bom-main{ vertical-align:top; padding:0px; border-left:0;border-right:0; }
    body{ font-size:12px; background:#FFF; }
}