.submenu{ width:100%; display:none; font-size:12px; overflow:hidden; } .menu .block{ display:block; } .pro-href{display:block;height:100%;width:94%;margin:0 auto;} .pro-page{text-align:right;padding:26px 0px;} .pro-tab-wrap th{height:30px;} #cur_z a{ color:#333; } #cbox_kg{vertical-align:middle;} #f_main{ width: 80%; margin: 0 auto; overflow: hidden;display: -ms-flexbox; display: flex;} .f_right_app{overflow: hidden; margin-left: 80px; width: 100%;} .f_left_menu{ width: 200px;} .f_bread{ margin-bottom: 40px; } .f_topMain{ margin-top:40px; } .f_topMain,.f_topMain p,.f_topMain p span{ font-size: 14px!important; font-weight: normal; font-stretch: normal; line-height: 24px!important; color: #666666!important; } .pro-suoqu{ position: relative; z-index:10; width: 105px; height: 34px; line-height: 34px; text-align: center; color: #fff; font-size: 13px; background-color: #68c2f4; float:left; margin:26px 0px 0px 0px; } .pro-suoqu:hover{color:#fff;opacity: .6;} .f_itemBox .f_btitle{ margin-top:40px; font-size:24px; line-height: 24px; color:#333;} .f_itemBox .f_btitle span.f_title_bg{ height: 16px; width: 4px; margin-right: 10px; background: #1D82FB; display: inline-block; } .f_proList{ margin-top:20px; } .product_listBox .f_proList{ margin-top:0px; } .f_proList table.tablelist{ border-color: #fff; } .f_proList table.tablelist caption{ text-align: left; height: 40px; line-height: 40px; background: #1D82FB; color:#fff; font-size:16px; padding-left: 18px; } .f_proList table.tablelist tr{ background: #e8eaee; height: 40px; line-height: 40px; } .f_proList table.tablelist tr td{ width: 33.33%; color:#333; font-size:14px; border-top: 1px solid #fff; border-right: 1px solid #fff;} .f_proList table.tablelist tr td:first-child a{ color:#68c2f4; } .f_proList table.tablelist tr th{ width: 33.33%; border-right: 1px solid #fff; color:#333; font-size:14px; } .f_proList table.tablelist tr td:last-child,.f_proList table tr th:last-child{ border-right: none; } .f_proList table.tablelist tr:nth-child(even) { background-color:#fff; } .f_proList .pages span{ font-size:14px; color:#333; } .f_proList .pages span.title_text{ color:#68C2F4; } .othersmenu .menu ul li ul li ul li a:before { content:""; display:inline-block; width: 4px; height: 4px; background: #999; margin-right: 6px; border-radius: 50%; } .othersmenu .menu ul li ul li ul li.on a:before,.othersmenu .menu ul li ul li ul li:hover a:before{ background: #fff!important; } .othersmenu .menu ul li ul li ul li a:hover{ color:#fff!important; } .spage-total, .spage-cur{margin-right:0px;} .spage-number button{margin-left:5px;} .spage-number button{line-height:29px;padding:0px 10px;} .spage-skip{margin-left:8px;} .crm-search-right-table td{width:80px;} /* google chrome scrollbar styles start */ ::-webkit-scrollbar-track-piece{-webkit-border-radius:0;} ::-webkit-scrollbar{width:8px;height:8px;} ::-webkit-scrollbar-thumb{height:50px;outline-offset:-2px;border:2px solid #c1c1c1;-webkit-border-radius:4px;background-color:#c1c1c1;} /* google chrome scrollbar styles end */ body{background:#f7f5f4;} .crm-search{width:100%; position: relative; } /* .crm-search:after{ content: ""; width: 100%; height: 1px; background: #E1E6F2; bottom: 0; left: 0; position: absolute; } .crm-search::before{ content: ""; width: 1px; height: 100%; background: #E1E6F2; top: 0; right: 0; position: absolute; } */ .crm-search table{table-layout:fixed;line-height:1.2;text-align:center;} .crm-search table tr{height:40px;} .ic_RFIDdk_mbBox .crm-search table.crm-search-right-top-table tr{height:60px;} .crm-search table tr.crm-tr100{height:100px;font-size:12px;} .crm-search .wdzPro_searchBox table tr td,.crm-search .selectBox table tr td{ height: 186px; } .crm-search .selectBox{ height: 187px; } label{font-size:12px;margin-left:5px;} .pro-tab-main{ width: 100%; font-size:14px;} .crm-search table th,.crm-search table td{ text-align:Center; line-height:1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .crm-search-title{color:#fff;background:#68c2f4;height:40px;line-height:40px;padding:0px 20px;font-size:16px;} .crm-search-left{width:280px; position: absolute; left: 0; top: 0; z-index: 10;} .crm-search-left-top-table{width:100%;} .crm-search-right{ padding-left:280px; overflow-y: hidden; overflow-x: auto; } #productpage .crm-search-right{ overflow: initial; } #productpage .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 100%!important; } #productpage .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 10px; } .crm-search-left-top-table th,.crm-search-left-top-table td,.crm-search-right-top-table th,.crm-search-right-top-table td,.crm-search-left-list-table td{ border:1px solid #E1E6F2; } .crm-search-right-top-table th,.crm-search-right-top-table td{width:80px;} .crm-search-right-top-table th:scope{width:200px;} /* .crm-search-left-top-table,.crm-search-right-top-table{background:#d7dee4;} */ .crm-search-left-top-table th,.crm-search-right-top th{font-weight:bold;} .crm-tr100 td{border-bottom:none;} .crm-cond-wrap{height: 100%;overflow:auto;width:100%;} .crm-cod-li{text-align:left;padding:6px 0px 4px 4px;} /* .crm-search-right-list{ min-height: 160px; } */ .crm-search-right-list td{border:1px solid #E1E6F2;} .crm-cond-wrap > ul{padding:5px 0px;} .crm-search-text{width:100%;height:40px;border: 1px solid #D8D8D8;background:#fff;padding:0px 10px;} .crm-search-area{text-align:left;padding:0px 20px;} .crm-search-but,.crm-search-reset{text-align:Center;line-height:32px;background:#196CCF;color:#fff;display:inline-block;width:74px;height:32px;margin-top:20px;} .crm-search-reset{background:#E6EAF6;color:#666;margin-left:10px;} a.crm-search-but:hover{color:#fff;opacity: .6;} .crm-search-reset:hover{background:#eee;} .crm-blank{text-align:Center;padding:70px 0px;color:#999;background:#f7f5f4;} #crm-code tr,#crm-search-right-table tr{background:#eee;} #crm-code tr:nth-child(even),#crm-search-right-table tr:nth-child(even){background:#fff;} /* .crm-search-left-top-table th,.crm-search-right-top th{font-size:16px;} */ .crm-table-span-small{font-size:10px;vertical-align:bottom;} .othersmenu{ width:200px; } .othersmenu .menu .tit{ padding:10px 10px 10px 28px; background-position: 18px center; font-size: 14px; } .othersmenu .submenu a { padding:10px 10px 10px 35px; background-position: 25px center; font-size: 14px; } .othersmenu .menu a{color:#333;} .othersmenu .menu li.on a{color:#fff;} .submenu a.sub-tit,.submenu a.sub-tit:hover{padding-left:40px;background-image:none;font-size: 14px;} .othersmenu .other-titles h2{ font-size:28px;} .selectBox table tr td,.selectBox .crm-search-left-top-table tr td{ border:1px solid #E1E6F2;} .selectBox table tr td:first-child{ border-left: none; } .crm-search-left-top .titleTable,.crm-search-right-top .crm-search-right-top-table{ background:#196CCF; color: #fff;} .wdzPro_searchBox{ background: #fff; } .wdzPro_searchBox,.selectBox{ background: #fff; margin-bottom: 20px; } .selectBox li{ display: flex; justify-content: flex-start; flex-wrap: wrap; } .selectBox li input{ width: 18px; height: 18px; border-radius: 2px; border: 1px solid #D8D8D8; position: relative; } .selectBox li .crm-other-text { font-size: 12px;width: 100%; white-space: normal; text-align: Center; margin-top: 10px; line-height: 1.7; padding: 0px 4px; } .selectBox .crm-cond-wrap_search .crm-other-text{ font-size: 12px;width: 92%; white-space: normal; text-align: Center; margin-top: 10px; line-height: 1.7; padding: 0px 4px; } .selectBox .crm-cond-wrap_search .crm-other-wrap{ margin:auto; width: 92%; } .selectBox .crm-cond-wrap_search input.crm-other-sub { width: 100%; padding: 0px 5px; border: 1px solid #d8d8d8; height: 40px; } .selectBox .crm-cond-wrap_search label{ font-size: 12px; } .selectBox li label{ flex: 1; overflow: hidden; white-space:normal; } .selectBox li input:after{ width: 18px; height: 18px; display: block; } .crm-search-left-list table td input{ width: 18px; height: 18px; border-radius: 2px; border: 1px solid #D8D8D8; position: relative; } .crm-search-left-list table td input:after{ width: 18px; height: 18px; display: block; } .crm-search-left-top table th input{ width: 17px; height: 16px; border-radius: 2px; border: 1px solid #D8D8D8; position: relative; } .crm-search-left-top table th input:after{ width: 18px; height: 18px; display: block; } .wdzPro_searchBox .crm-search-left-top tr td{ border: 1px solid #E1E6F2; } .crm-search-left-list table td .hr_f_between{ padding:0 12px; position: relative; } .crm-search-left-list table td .hr_f_between a{color:#EA5454; position: absolute; right: 6px; } .crm-search-left-list table td .hr_f_between span{flex: 1; overflow: hidden; } /* 产品分页 */ .spage-total,.spage-cur{display: inline-block;margin-left: 20px;line-height: 35px;color: #666;font-size:14px;} .spage-number{display: inline-block;color: #666;font-size:14px;} .spage-number button{position: relative;box-sizing: border-box;display: inline-block;margin-left:8px;padding: 0px 14px;line-height: 33px;border:1px solid #ccc;text-align: center;transition: all .2s;cursor: pointer;outline: none;background: #fff;user-select: none;color: #666} .spage-number button.active{background: #196CCF;color: #fff;border-color:#196CCF;z-index: 3;} .spage-number button.active:hover{background: #196CCF;color: #fff;border-color:#196CCF;z-index: 3;} .spage-number button:hover{background-color: #eee;} .spage-number button.button-disabled{cursor: not-allowed;color: #ccc;} .spage-number .spage-after,.spage-before{padding:0px;width: 40px} .spage-skip{display: inline-block;margin-left: 20px;line-height: 35px;color: #666;font-size:14px;} .spage-skip input{box-sizing: border-box;display: inline-block;width: 45px;height: 35px;text-align: center;vertical-align: top;border:1px solid #ccc;background: none;outline: none;transition: all .2s;} .spage-skip input:focus{border-color: #196CCF;} .spage-skip button{display: inline-block;padding: 0px 14px;line-height: 33px;vertical-align: top;color: #333;border:1px solid #ccc;cursor: pointer;transition: all .2s;outline: none;background: none;user-select: none;} .spage-skip button:hover{background: #196CCF;color: #fff;border:1px solid #196CCF;} .spage-select{height:40px; width: 60px; padding:0px 5px;margin:0px 5px;border:1px solid #ccc;border-radius:4px; text-align: center; } /* 产品分页 end */ .f_itemBox .pro-tab-title{ height: 40px; line-height: 40px; padding: 0px 0px 0px 20px; color: #333; border:1px solid #E1E6F2; border-bottom: none; position: relative; } .f_itemBox .pro-tab-title::after{ content: ""; position: absolute;right: -1px; top: 40px; width: 1px; height: 208px; background: #E1E6F2; z-index: 9; } .productTitle .r_btns .item_btn{ width: 160px; font-size:18px; cursor: pointer; height: 48px; border: 1px solid #1D82FB; color: #1D82FB; margin-left: 32px; } .productTitle .r_btns .item_btn span{ padding-left: 12px; } .productTitle .r_btns .item_btn:last-child{ background: #1D82FB; color: #fff; } @media screen and (max-width:750px){ .productTitle{ flex-wrap: wrap; } .productTitle .r_btns{ width: 100%; justify-content: start; padding-bottom: 20px; } .productTitle .r_btns .item_btn{ margin:0; margin-right: 15px; width: 120px; height: 36px; } .productTitle .r_btns .item_btn span,.productTitle .r_btns .item_btn i{ font-size:14px; } .crm-search-left{width:220px;} .crm-search-right{padding-left:220px;} .pro-page .spage-total,.pro-page .spage-cur,.pro-page .spage-skip{ display: none; } .spage-number button{ padding:0 7px; margin-left: 4px; line-height: 28px; } .spage-number button:first-child{ margin-left: 0; } .spage-number .spage-after, .spage-before{ width: 26px; } } /* 产品滚动条 */ .crm-search-right .selectBox table .crm-cond-wrap .mCSB_scrollTools{ width: calc(100% - 20px)!important; height: 100%!important; } .crm-search-right .selectBox table .crm-cond-wrap .mCSB_container_wrapper{ margin-right: 5px; margin-bottom: 5px; } .crm-search-right .selectBox table .crm-cond-wrap .mCSB_scrollTools .mCSB_draggerContainer{ width: 4px!important; right: 0; left: auto; height: 90%; top: 5%; } .crm-search-right .selectBox table .crm-cond-wrap .mCSB_scrollTools_horizontal{ width: calc(100% + 20px) !important; height: 11px!important; left: -20px; right: auto; } .crm-search-right .selectBox table .crm-cond-wrap .mCSB_scrollTools_horizontal .mCSB_draggerContainer{ width: 100%!important; } .crm-search-right .selectBox table .crm-cond-wrap .mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_draggerRail{ margin:0; margin-top: 6px; height: 4px; } .crm-search-right .selectBox table .crm-cond-wrap .mCSB_scrollTools .mCSB_draggerRail{ background-color: #d8d8d8!important; } .crm-search-right .selectBox table .crm-cond-wrap .mCSB_container_wrapper > .mCSB_container{ padding-right: 6px; padding-bottom: 16px; } .crm-search-right .selectBox table .crm-cond-wrap .mCustomScrollBox > .mCSB_container{ margin-right: 4px; } /* 产品滚动条 end */ @media screen and (max-width:640px){ .crm-search-left{ background: #fff; } .spage-number .spage-after, .spage-before{ width: 20px; } .spage-number button{ font-size:12px; padding:0 5px; margin-left: 3px; } .spage-number button:first-child{ margin-left: 0; } .crm-search table th, .crm-search table td{ font-size:12px; } .crm-search-left-top table th input,.crm-search-left-list table td input,.crm-search-left-top table th input:after,.crm-search-left-list table td input:after{ width: 12px; height: 12px; } .crm-search-but, .crm-search-reset{ width: 56px; height: 32px; margin-top: 16px; } .crm-search-reset{ margin-left: 2px; } .crm-search-left-list table td .hr_f_between{ text-align: left; padding:0 4px; } .crm-search table tr{ height: 32px; } .selectBox li input,.selectBox li input:after{ width: 12px; height: 12px; } .crm-search-left{width:180px;} .crm-search-right{padding-left:180px;} .SiC_MOS_Module_mbBox .crm-search-left, .auto_SiC_MOS_Module_mbBox .crm-search-left, .IGBT_Module_mbBox .crm-search-left { width:200px; } .SiC_MOS_Module_mbBox .crm-search-right, .auto_SiC_MOS_Module_mbBox .crm-search-right, .IGBT_Module_mbBox .crm-search-right { padding-left:200px; } }