@charset "utf-8";
.f32{font-size:32px;}
h1,h2{margin:0;padding:0;}
.bom_table_box input{margin:0;}
.bom_upload_box{width:427px;height:500px;background:rgba(2,2,19,0.4);border-radius:4px;    padding: 60px 35px;}
.input_info{width:100%;height:50px;line-height:50px;padding:0 15px;background:#fff;display:block;border-radius:4px;margin:12px 0 25px 0;color:#666;}
/*.huo{width:32px;height:32px;line-height:32px;text-align:center;background:#42321e;color:#7b6242;margin:auto;border-radius:50%;}*/
.flie_drag{width:100%;height:202px;border:1px dashed #666;border-radius:4px;text-align:center;}
.click_upload{width:240px;height:50px;line-height:50px;text-align:center;cursor:pointer;margin:auto;}
.dropzone{background:#302f36;border:none;min-height:200px;border-radius:4px;}
.layer-skin-f90 .layui-layer-title{background:#f90;color:#fff;}
.layer-skin-f90 .layui-layer-setwin .layui-layer-close1 {background-position: -99px -40px;}
.distribute_sheet{padding:10px 25px;}
.btn-item{width:120px;height:36px;line-height:36px;text-align:center;cursor:pointer;}
.delete_btn{border:1px solid #f90;color:#f90;}
.edit_box{margin-bottom:20px;}
.bom_table_box th{height:40px;background:#f5f5f5;border-bottom:1px solid #e5e5e5;padding:0 5px;}
.bom_table_box td{height:60px;padding:0 5px;border-bottom:1px solid #e5e5e5;}
.bom_table_box{height:320px;border-bottom:1px solid #e5e5e5;overflow-y:scroll;}
.cancel_btn{border:1px solid #ccc;color:#999;}
.cart_item{width:160px;height:36px;line-height:36px;text-align:center;cursor:pointer;}
.add_cart_box{margin:20px auto 10px;width:340px;}
.add_cart_btn{width: 120px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-left:10px;
    cursor:pointer;
}
/*加入购物车弹窗样式*/
.layui-layer-title{display:block;}
.layui-layer-page .layui-layer-content{padding-top: 20px;padding-left: 10px;}
.order-cart-title {height:60px;margin-left: 40px;}
.order-cart-title h2{margin:0;padding:0;height:60px;line-height:60px;}
.bom_table_box tr:hover{background:#fff5e5;}
.not-selectable {
    background-color: #eee;
    color: #bbb !important;
    cursor: not-allowed !important;
}
.bom_title th{height:40px;background:#f5f5f5;border-bottom:1px solid #e5e5e5;padding:0 5px;}
.dropzone .dz-message{margin:auto;padding-top:50px;}
.file_box{padding:0 15px;}
.file_box .uploat_success{max-width:332px;vertical-align:middle;margin-bottom:0;}
.remove-file{padding-left:25px;background:url(/uploads/image/cibom/remove.png) no-repeat;cursor:pointer;}
.need_set{padding-left:10px;}
.need_set input{width:210px;height:42px;line-height:42px;padding:0 10px;border-radius:4px;border:none;}
.edit_box input{width:210px;height:42px;line-height:42px;padding:0 10px;border-radius:4px;border:1px solid #ccc;}
.dropzone{padding:0;}
.file_box{padding-top:46px;}
.model_chuan{position:absolute;top:0;left:0;right:0;bottom:0;}
.model_cont{position:absolute;top:0;left:0;right:0;bottom:0;}
.banner_text h2{    padding-top: 135px;
    font-size: 44px;}
.banner_text p{color:#b3b3b3}
.banner_text dl{margin-top:90px;}
.banner_text dd{float:left;width:175px;}
.banner_text dd span{font-size:36px;color:#fff;display:block;}
.banner_text dd b{font-size:16px;color:#b3b3b3;}
.banner_ul{margin-top:57px}
.banner_ul li{display:inline-block;margin-right:47px}
.img_left{display:inline-block;width:50px;height:50px;vertical-align:middle;margin-right:14px}
.img_left img{width:100%;height:100%;}
.img_right{display:inline-block;vertical-align:middle}
.img_right span{display:block}
.cl_b3b3b3{color:#b3b3b3}
.cl_fff{color:#fff}
.ditu {background:#fafafa;padding-top:50px;padding-bottom:20px;}
.ditu h2{font-size:32px;}
.ditu li{float:left;width:33.3%;border-right:1px solid #e5e5e5;text-align:center;height:33px;line-height:33px;font-size:32px;}
.ditu li span {
        color:#999999;
        font-size:14px;
    }
.ditu ul{width:820px;margin:auto;margin-top:18px;}
.ditu_box{width:1280px;height:460px;}
.solve .hd{padding:0 190px;margin-top:30px;border-bottom:4px solid #e5e5e5;height:139px;}
.solve .hd li{float:left;width:150px;text-align:center;padding-bottom:20px;height:139px;cursor:pointer;}
.solve h1{font-size:32px;}
.solve .hd li b{font-size:16px;color:#999;font-weight:normal;margin-top:15px;}
.solve .hd li.active{border-bottom:4px solid #f90;}
.solve .hd li.active b{color:#f90;}
.solve .bd li img{width:640px;height:390px;display:block;float:left;}
.solve .solve_txt{width:640px;background:#ffffff;border:1px solid #e5e5e5;float:left;height:390px;padding:78px 95px 0;}
.solve .solve_txt a{display:block;width:120px;height:38px;border:1px solid #f90;color:#f90;border-radius:4px;line-height:36px;text-align:center;margin-top:65px;}
.ck{width:100%;height:698px;background:#30313f;padding-top:58px;}
.ck_top{margin-bottom:13px;}
.ck_txt {
    width: 310px;
    height: 240px;
    background: url(/uploads/image/cibom/ck_txt.jpg) no-repeat center;
    color:#fff;
    padding:40px;
    margin-right:13px;
}
.ck_top .ck_item{width:957px;height:240px;overflow:hidden;}
.ck_2 .ck_item{width:310px;height:240px;overflow:hidden;}
.ck_txt b{display:block;height:2px;width:38px;background:#fff;margin:28px 0;}
.ck_2 li{float:left;margin-right:13px;}
.ck_item img{transition:all 0.2s ease;}
.ck_item img:hover{transform:scale(1.1);}
.zj{height:604px;background:#fafafa;}
.zj_pic{width:826px;height:420px;display:block;}
.zj_box ul{border-top:3px solid #f90;}
.zj_box li{width:454px;height:139px;padding:12px 17px 12px 40px;background:#fff;cursor:pointer;}
.zj_text{padding-top:17px;}
.zj_box li.active{background:#f3f5f4;}
.zj_box li.active h2{color:#f90;}
.start_bom{
    height: 120px;
    background: url(/uploads/image/cinewindexv3/jj_adver.jpg) no-repeat center;
    padding-top: 31px;
}
.start_bom a{display:block;width:312px;height:56px;margin:auto;border:1px solid #fff;border-radius:4px;line-height:54px;text-align:center;font-size:26px;color:#fff;}
/*右侧客服*/
.sidebar-tab-bom{
    position:fixed;
    right:0;
    top:50%;

}
.orders {
    position: absolute;
    z-index: 5;
    width: 500px;
    top: 60px;
    height: 350px;
    background: rgba(255,255,255,.8);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    left: 100px;
    top: 60px;
}
.orders dl.orders-title {
    background-image: linear-gradient(to right,#fff1dd, #fff);
    width: 100%;

}
.orders dt, .orders dd {
    overflow: hidden;
}
.orders dt .ww {
    line-height: 50px;
    font-weight: 400;
    text-align:center;
}
.orders-tab{position: absolute; left: 0px;z-index: 6; width: 538px; }
.orders-tab li{float: left; height:30px;}
.orders-tab li a{font-size:16px;padding:0 10px;}
.orders-tab li.selected a,.orders-tab li:hover a{position: relative; z-index: 10; display:block}
.orders-tab li:hover a{border-color: #ffad33;}
.orders .ww1{width: 33%;}
.orders .ww2{width: 33%;}
.orders .ww3{width: 33%;}
.orders .ww4{width: 12%;}
.orders .ww5{width: 12%;}
.orders .ww6{width: 12%;}
.orders .ww7{width: 33%;}
.orders .ww8 {width: 8%;}
.orders .guan i {display:block;width:25px;height:22px;background-image:url(/uploads/image/cimg/grade-icon.png);background-repeat:no-repeat;float:left;text-align:center;line-height:19px;text-indent:-1px;}
.orders .guan{width:19%;}
.orders .guan b {display:block;float:left;text-indent:3px;}
.orders .guan i.yellow-zuan {background-position:0 0;margin-top:8px;color:#c97900;font-weight:bold;}
.orders .guan i.gray-zuan {background-position:-32px 0;margin-top:8px;color:#4a4a4a;}
.orders .guan i.yellow-guan {background-position:-65px 0px;margin-top:6px;}
.orders .guan i.black-zuan {background-position:-94px 0px;margin-top:6px;}
.orders .ww8 i {display:block;width:40px;border-radius:2px;height:19px;margin-top:8px;}
.orders .ww8 i s {width:23px;height:15px;display:block;background:#fff;border-radius:2px;float:left;text-decoration:none;margin-left:2px;margin-top:2px;text-align:center;line-height:15px;}
.pcb-delivery-days i.red { background:#e00000;}
.pcb-delivery-days i.red s{color:#e00000; }
.pcb-delivery-days i.yellow {background:#f90;}
.pcb-delivery-days i.yellow  s{ color:#f90;}
.pcb-delivery-days i.bg-a38459 { background:#a38459;}
.pcb-delivery-days i.bg-a38459 s{ color:#a38459; }
.orders .ww { display: block;float: left;text-align:center}
.orders-con { position: relative;     height: 250px;margin-top: 25px; overflow: hidden;}
.finish{	width: 56px;height: 20px;background-color: #f0f9eb;border-radius: 3px;line-height:20px;border: solid 1px #d5eec8;	color: #67c23a; display:inline-block;}
.offer{width: 56px;height: 20px;background-color: #fef0f0;border-radius: 3px;line-height:20px;border: solid 1px #fcd5d5;	color: #f56c6c; display:inline-block;}
.purchase{	width: 56px;height: 20px;line-height:20px;background-color: #fcf6eb;border-radius: 3px;border: solid 1px #f7e5c8;	color: #ff9900; display:inline-block; }
.await{  color: #333333;	width: 56px;height: 20px;line-height:20px;background-color: #f4f4f5;border-radius: 3px;border: solid 1px #e0e0e2;display:inline-block; }
.orders dd .ww {     height: 35px;
    line-height: 35px;}
.classifyleft{text-align: left;float: left;width: 576px;padding-top: 39px;}
.classifyleft h3{font-size: 70px;color: #ff9900;border-bottom:3px solid #f90;display:inline-block}
.classifyleft p{font-size: 32px;margin-top:60px;}
.classifyleft span{font-size: 20px;	}
.classifyright{text-align:left;float:left;width:704px;}
.classifyright img{width:100%;}
.pl77{padding-left:77px}
.cl-fff{color:#fff}
.cl_020213{color:#020213}
.cl_666{color:#666}
.mt70{margin-top:70px;}
.classify{margin-bottom:45px}
.mb0{margin:0;}