/* 浜у搧 */ button { padding: 0; outline: none; border: none; font-size: .16rem;} .box_pc { width: 100%; border-top: 1px #ccc solid; padding-top: .6rem; margin-bottom: 1.35rem; } .cp-type { width: 32%; float: left; height: 4.8rem; margin-right: 2%; margin-bottom: .35rem; background-color: #F6F7F8; padding: .25rem; } .cp-type:nth-child(3n) { margin-right: 0;} .pc_img { width: 100%; height: 1.6rem; position: relative; z-index: 1; margin-bottom: .25rem; } .pc_img img { height: 100%; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1); transition: all .35s; } .pc_img:hover img { transform: translate(-50%,-50%) scale(1.15); transition: all .35s; } .cp-type:hover {background-color: #3399FF11;} .cp-type h4 { font-size: .24rem; color: #3399FF; margin-top: .15rem; text-align: center; } .cp-type h4 a { display: inline-block; text-decoration: none; } .cp-type p { background-image: url(../images/icons/next.png); background-repeat: no-repeat; background-position: left 9px; background-size: auto 13px; font-size: .16rem; line-height: 2; padding-left:.25rem; } .cp-type p a { color: #333; text-decoration: none; } .pro_name { display: inline-block; line-height: 2; margin: auto; position: relative; z-index: 1; width: 94%; padding-left: .28rem; text-align: left; } .pro_name a , .childs a { color: #0693e3; text-decoration: none; font-size: 16px; word-break: break-all; } a.pac_idv { font-size: 14px; color: #0693e3; } .pro_name a , .childs tr td:nth-child(2) a { min-width: 139px; } .pro_name a:hover , .childs a:hover { color: #0693e3; } #copy_wrapper .dataTables_scrollHeadInner table { width: 100% !important; } .big_letters i { display: inline-block; font-style: normal; font-weight: bold; color: #c82923; } .nopadding { padding-left: 0 !important; text-align: center !important; } em.btn_plus { display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: rgba(51,153,255,1); /* border: 2px #eee solid; */ position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 1; cursor: pointer; } .unvisible { background-color: #999 !important; } .unvisible::after { opacity: 1 !important; } em.btn_plus::before { content: ""; width: 10px; height: 2px; background-color: #fff; position: absolute; top: 9px; left: 5px; z-index: 1; } em.btn_plus::after { content: ""; width: 2px; height: 10px; position: absolute; background-color: #fff; z-index: 1; left: 9px; top: 5px; opacity: 1; transition: all .35s; } .shown em.btn_plus::after { opacity: 0; transition: all .35s; } table.tabs_childs tr td, .childs td{ background-color: rgba(51,153,255,.1); min-width: unset !important; } .childs { display: none; height: 88px; } /* #table_for_product tr td:nth-child(1) { width: 3.5% !important; } #table_for_product tr td:nth-child(2) { width: 7.5% !important; } #table_for_product tr td:nth-child(3) { width: 6% !important; } #table_for_product tr td:nth-child(4) { width: 3% !important; } #table_for_product tr td:nth-child(5) { width: 7% !important; } #table_for_product tr td:nth-child(6) { width: 8% !important; } #table_for_product tr td:nth-child(7) { width: 6% !important; } #table_for_product tr td:nth-child(8) { width: 6% !important; } #table_for_product tr td:nth-child(9) { width: 7% !important; } #table_for_product tr td:nth-child(10) { width: 6% !important; } #table_for_product tr td:nth-child(11) { width: 8% !important; } #table_for_product tr td:nth-child(12) { width: 5% !important; } #table_for_product tr td:nth-child(13) { width: 8% !important; } #table_for_product tr td:nth-child(14) { width: 6% !important; } */ /* #table_for_product tr td:nth-child(1), .cp-content table thead tr td:nth-child(1) { width:100px !important; } #table_for_product tr td:nth-child(2) { width: 7.5% !important; } #table_for_product tr td:nth-child(3) { width: 6% !important; } #table_for_product tr td:nth-child(4) { width: 3% !important; } #table_for_product tr td:nth-child(5) { width: 7% !important; } #table_for_product tr td:nth-child(6) { width: 8% !important; } #table_for_product tr td:nth-child(7) { width: 6% !important; } #table_for_product tr td:nth-child(8) { width: 6% !important; } #table_for_product tr td:nth-child(9) { width: 7% !important; } #table_for_product tr td:nth-child(10) { width: 6% !important; } #table_for_product tr td:nth-child(11) { width: 8% !important; } #table_for_product tr td:nth-child(12) { width: 5% !important; } #table_for_product tr td:nth-child(13) { width: 8% !important; } #table_for_product tr td:nth-child(14) { width: 6% !important; } */ table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover , table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1{ background-color: rgba(152,204,255,.3) !important; } table#copy tbody tr:hover td { background-color: rgba(152,204,255,1) !important; } .cp-type ul {list-style: none;} .cp-type ul dl { width: 15%; height: .76rem; padding: .1rem .15rem; float: left; margin-right: 2%; margin-bottom: .45rem; background: #fff; border: 1px #E5E5E5 solid; } .cp-type ul dl:nth-child(6n) { margin-right: 0;} .cp-type ul dt { width: 45%; height: 100%; float: left; } .cp-type ul dt a { display: block; width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; } .cp-type ul dt a img { height: 122%; position: absolute; top: 50%; transform: translateY(-44%); z-index: 1; } .cp-type ul dd { display: block; width: 55%; height: 100%; float: left; text-align: right; font-size: .16rem; } .cp-type ul dd p { width: 100%; height: 100%; display: table; } .cp-type ul dd p a { width: 100%; height: .6rem; display: table-cell; vertical-align: middle; color: #333; text-decoration: none; } /* 浜у搧 */ .cp-list { width: 100%; } .cp-list .container { width: 94%;} .cp-list2 { width: 100%; display: none;} .fixed { position: fixed; top: 15vh; background-color: #fff; left: 0; z-index: 25; transition: all .5s; } .about-cp {} .co-cptitle { font-size: .3rem; color: #3399FF; margin-bottom: .25rem; } .about-cp h5 { font-size: .18rem; font-weight: bold; margin-bottom: .15rem; } .cp-desc { font-size: .14rem; line-height: 1.5; color: #666; margin-bottom: .15rem; } .cp-tuijian a { display: inline-block; font-size: .16rem; text-decoration: none; margin-right: 2%; } .search-for-product { width: 100%; height: .8rem; margin-top: .82rem; } .search-for-product form { display: block; width: 100%; height: 100%; position: relative; z-index: 1; } .search-for-product input.cp-name { display: block; width: 90%; height: .8rem; /* background-color: red; */ border: 1px #eee solid; padding: 0 .2rem; color: #333; outline: none; } button.btn-cp-searchs { width: .8rem; height: .8rem; position: absolute; top: 0; right: 0; background-color: #eee; background-image: url(../images/icons/cp-searchs.png); background-repeat: no-repeat; background-position: center center; } /* 蹇€熺瓫閫 */ .cp-box { top: 0; left: 0; width: calc(100% - 20px) ; position: relative; z-index: 1; padding-left:0; margin: auto; margin-top: -70px ; min-height: 8.5rem; overflow: hidden; transition: all .35s; } /* 2023-8 鏂板 */ .cp-list .container { width: 100% !important; } .cp-parameter { padding-top: 75px; width: 300px ; margin-right: 20px ; transform: translateX(-100%); position: absolute; left: 0; top: 0; z-index:0; border: none ; opacity: 0; transition: all .3s; } .showMore { padding-left: 320px !important; } .showMore .cp-parameter { transform: translateX(0) !important; opacity: 1 !important; transition: all .3s; } /* 2023-8 鏂板-end */ /* .cp-parameter { width: 17%; float: left; position: absolute; left: 0; top: 0; margin-right: 0; background-color: #fff; border-right: 17px #fff solid; transition: all .35s; } .cp-parameter:hover { border-right: 17px #fff solid; } */ .click-hide { width: 108%; height: 100%; background-color: #fff; position: absolute; z-index: -1; display: none; transition: all .35s; } .click-hide p { display: block; width: 100px; height: 98px; border-radius: 50%; background-color: #fafafa; position: absolute; top: 50%; right: -29px; transform: translateY(-50%) scale(.85); z-index: 1; cursor: pointer; } .click-hide p::before { content: ""; width: 15px; height: 15px; border-top: 3px #007AFF solid; border-right: 3px #007AFF solid; position: absolute; top: 50%; right: 12px; transform: translateY(-50%) rotate(-135deg); /*right: 18px; transform: translateY(-50%) rotate(45deg);*/ z-index: 1; transition: all .5s; } .click-hide p::after { content: ""; width: 62%; height: 100vh; background: #fff; position: absolute; z-index: 1; top: -50vh; left: 0; } .click-hide p:hover { background-color: #007AFF; transition: all .35s; } .click-hide p:hover::before { content: ""; border-color: #fff; transition: all .35s; } .cp-parameter h4 span { display: inline-block; } .cp-parameter:hover .click-hide { display: block; } .hidetoleft { padding-left: 70px; } .dataTables_scrollBody::-webkit-scrollbar { width: 13px; height: 13px; display: block; background-color: #dcdcdc; right: 0; } .dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #949292; } .dataTables_scrollBody::-webkit-scrollbar-corner { width: 13px; height: 13px; background-color: #dcdcdc; display: block; opacity: .15; } .dataTables_scrollBody::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ background: #EDEDED; } .dataTables_scrollBody::-webkit-scrollbar-button { width: 15px; height: 15px; background-color: #eee; } .dataTables_scrollBody::-webkit-scrollbar-button:vertical:start, .dataTables_scrollBody::-webkit-scrollbar-button:vertical:end , .dataTables_scrollBody::-webkit-scrollbar-button:horizontal:start, .dataTables_scrollBody::-webkit-scrollbar-button:horizontal:end { width: 15px; height: 15px; background-repeat: no-repeat; background-position: center center; background-size: 13px; } .dataTables_scrollBody::-webkit-scrollbar-button:vertical:start { background-image: url(../images/icons/top-1.png); } .dataTables_scrollBody::-webkit-scrollbar-button:vertical:end {background-image: url(../images/icons/top-2.png);} .dataTables_scrollBody::-webkit-scrollbar-button:horizontal:start {background-image: url(../images/icons/left-1.png);} .dataTables_scrollBody::-webkit-scrollbar-button:horizontal:end {background-image: url(../images/icons/left-2.png);} .hidetoleft .cp-parameter { transform: translateX(-96%); transition: all .35s; } .hidetoleft .click-hide { display: block !important; } .hidetoleft .click-hide p::before { right: 18px !important; transform: translateY(-50%) rotate(45deg) !important; transition: all .5s; } .cp-parameter dl { width: 100%; height: .6rem; border-left: 4px #2f99fd solid; margin-bottom: .3rem; } .cp-parameter dt { width: 40%; margin-right: 0; float: left; height: 100%; position: relative; z-index: 1; } .cp-parameter dt img { height: 109%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; } .cp-parameter dd { display: block; width: 60%; height: 100%; float: left; color: #333; display: table; } .cp-parameter dd p { width: 100%; height: 100%; display: table-cell; vertical-align: middle; font-size: .18rem; font-weight: bold; } .cp-parameter h4 { font-size: .18rem; color: #3a93fb; margin-bottom: .12rem; border-bottom: 1px #3696fd solid; padding-bottom: 10px; position: relative; z-index: 1; text-transform: capitalize; } button.reClear, button.reClear:hover { background-color: rgba(51,153,255,.1); color: #666; margin: 0; font-size: .12rem; height: .35rem; border-radius: 5px; padding: 0 .15rem; position: absolute; top: 50%; right: 0; transform: translateY(-81%); border: none; outline: none; } .cp-select-tips { background-image: url(../images/icons/icons-selected.png); background-repeat: no-repeat; background-position: left center; padding-left: .25rem; color: #999; font-size: .16rem; background-size: .16rem; line-height: 1.35; margin-bottom: 10px; } /* .cp-parameterlist { margin-top: .15rem; } */ .cp-parameterlist { background: #fff; max-height: 4.8rem; overflow-y: scroll !important; padding-right: 8px;} .cp-parameterlist:hover { overflow-y: scroll; } .cp-parameterlist::-webkit-scrollbar { width: 8px; height: 8px; display: block; background-color: #dcdcdc; right: 0; } .cp-parameterlist::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #949292; } .cp-parameterlist::-webkit-scrollbar-corner { width: 8px; height: 8px; background-color: #dcdcdc; display: block; opacity: .15; } .cp-parameterlist::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ background: #EDEDED; } /*.cp-parameterlist::-webkit-scrollbar-button { width: 8px; height: 8px; background-color: #eee; }*/ /*.cp-parameterlist::-webkit-scrollbar-button:vertical:start, .cp-parameterlist::-webkit-scrollbar-button:vertical:end{ width: 13px; height: 13px; background-repeat: no-repeat; background-position: center center; background-size: 13px; } .cp-parameterlist::-webkit-scrollbar-button:vertical:start { background-image: url(../images/icons/top-1.png); } .cp-parameterlist::-webkit-scrollbar-button:vertical:end {background-image: url(../images/icons/top-2.png);}*/ .cp-parameterlist p { /* background-color: rgba(51,153,255,.1); */ position: relative; z-index: 1; height: .4rem; padding: 5px; padding-left: .3rem; border-bottom: 1px #dcdcdc solid; font-size: .14rem; line-height: .32rem; } .beizhu { width: 100%; margin-top: .35rem; padding-left: .63rem; position: relative; z-index: 1; font-size: .16rem; } .beizhu span { display: inline-block; position: absolute; top: 0; left: 0; color: #333; z-index: 1; } .beizhu i.color { display: block; width: 100%; padding-left: .3rem; position: relative; z-index: 1; font-style: normal; margin-bottom: .1rem; color: #333; font-size: .16rem; } .beizhu i.color::before { content: ""; width: .15rem; height: .15rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .orange::before { background-color: #f99421;} .red::before { background-color: #c82923;} .green::before { background-color: #547413;} .blue::before { background-color: #043f8b;} .cp-parameterlist p:nth-child(1), .cp-parameterlist p:nth-child(2) { display: none; } /* .cp-parameterlist p:last-child { border: none;} */ .cp-parameterlist p input { display: block; position: absolute; top: 50%; left: 1px; transform: translateY(-78%); outline: none; border: 1px #dcdcdc solid; opacity: 1; width: 13px; height: 13px; color: transparent; /* appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; */ } .cp-parameterlist p em { display: inline-block; width: .2rem; height: .2rem; background-image: url(../images/icons/icons-shaixuan.png); background-repeat: no-repeat; background-position: center -2px; background-size: .2rem; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); /* border: 1px #333 solid; */ border-radius: 3px; cursor: pointer; } .cp-parameterlist p:hover em { background-position: center bottom; } /* 婊戝潡 */ .ui-slider-horizontal { height: 10px; background : #eee; border: none; border-radius: 35px; } .demo-description { clear: both; padding: 12px; font-size: 1.3em; line-height: 1.4em; } .ui-draggable, .ui-droppable {background-position: top; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff; border: 2px #007AFF solid; border-radius: 50%; outline: none; margin-top: 2px; width: 18px; height: 18px; } .ui-widget-header { background: #007AFF;} /* 浜у搧-datatables */ .cp-content { width: 100%; /*float: left;*/ /* height: 8rem; */ /* border: 1px red solid; */ } .cp-content table, .pk_result table { width: 100%;} .cp-content table thead tr td , .pk_result table thead tr td{ background-color: #007AFF; color: #fff; height: 45px; line-height: 1.25; border-right: 1px rgba(255,255,255,.5) solid; min-width: .4rem; text-align: center; padding: 10px 15px; border-bottom: none; outline: none; font-size: 15px; vertical-align: middle; } /* 2023-8 ds */ .cp-content table.dataTable thead span { min-width: 130px } .cla-configuration span { padding-right: 0 !important; } .cp-box table.dataTable thead tr td:nth-child(1) span, .cp-content table thead tr td:nth-child(1), .cp-box table.dataTable.display tbody td:nth-child(1) { min-width: 40px; } /*.cp-content table thead tr td:nth-child(2), table.dataTable.display tbody td:nth-child(2) { min-width: 140px !important; .cp-content table thead tr td:nth-child(3), table.dataTable.display tbody td:nth-child(3) }*/ table .desc { min-width: 200px !important; font-size: 14px !important; } .cp-content table thead tr td:nth-child(4) span, .cp-content table thead tr td:nth-child(6) span, .cp-content table thead tr td:nth-child(8) span { padding-right: 0 ; background-image: none; } .cp-content table thead tr td:nth-child(5), table.dataTable.display tbody td:nth-child(5) , .cp-content table thead tr td:nth-child(5), table.dataTable.display tbody td:nth-child(5){ max-width: 170px; } .cp-content table thead tr td:last-child, .pk_result table thead tr td:last-child { border: none;} .cp-content table thead tr td, .pk_result table thead tr td , table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th { padding-top: 10px ; padding-bottom:10px; height: 38px !important; } .dataTables_scrollBody thead tr td { min-width: 1.3rem; } #table_for_canshu_wrapper .tipsbox2 { width: 85%; margin: auto; display: flex; justify-content: flex-start; flex-flow: row nowrap; } #table_for_canshu_wrapper table thead tr td:nth-child(3), #table_for_canshu_wrapper tbody td:nth-child(3) { min-width: unset !important; width: 50px !important; } /* 鎼滅储涓婁紶妯℃澘缁撴灉椤 */ #file-download .tipsbox2 { display: flex; justify-content: flex-start; flex-flow: row nowrap; } /* 2023-8 ds-end */ .pk_result { width: 100%; margin-top: .6rem; margin-bottom: 1.5rem;} .pk_result h3 { font-size: .28rem; color: #333; margin-bottom: .25rem; text-transform: capitalize; } .cp-content table tbody tr td , .pk_result table tbody tr td { text-align: center; font-size: .14rem; border-top: none ; } .cp-content table thead tr td:nth-child(1) {background-image: none;} /* .cp-content table tr td:nth-child(1) {min-width: .5rem;} .cp-content table tr td:nth-child(3) {min-width: 2.5rem;} .cp-content table tr td:nth-child(4) {min-width: unset;} */ /* 鍙傛暟鏍峰紡 2023-8 ds */ .tipsbox, .tipsbox2{ width: 100%; min-width: 80px; display: block; padding: 8px 0; } .tipsbox a , .tipsbox2 a { width: calc((100% - 15px) / 2); min-width: unset !important; margin-right: 15px; } .tipsbox a:nth-child(1), .tipsbox2 a:nth-child(2) { margin-bottom: 5px !important; } #shuoming { display: block; width: auto; float: left; margin-left: 1%; } #shuoming span { float: none; width: auto; height: 100%; font-size: .16rem !important; line-height: 2.5; margin-right: 10px; } .tipsbox { width: 1.8rem; } .tipsbox span { display: inline-block; font-size: .12rem !important; float: left; line-height: 1.5; width: 50%; text-align: left !important; padding-left: 14px; position: relative; z-index: 1; padding-right: 0 !important; } .tipsbox span::before { content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 0; background-color: #fff; transform: translateY(-50%); } .tipsbox2 a { display: inline-block; height: .25rem; width: .25rem; padding: 0; border: 2px red solid; border-radius: 50%; text-align: center; text-decoration: none; line-height: .22rem; margin: 0 5px; font-weight: bold; font-size: .12rem; color:#fff !important; opacity: 1; } .tipsbox span:nth-child(1)::before, .tipsbox2 a:nth-child(1) { background-color:#f99421; border-color: #f99421; } .tipsbox span:nth-child(2)::before, .tipsbox2 a:nth-child(2) { background-color: #c82923; border-color: #c82923; } .tipsbox span:nth-child(3)::before, .tipsbox2 a:nth-child(3) { background-color:#547413; border-color: #547413; } .tipsbox span:nth-child(4)::before, .tipsbox2 a:nth-child(4) { background-color:#043f8b; border-color: #043f8b; } a.icon-pdf { display: inline-block; width: .4rem; height: .4rem; background-image: url(../images/icons/icons-pdf.png); background-position: center 62%; background-repeat: no-repeat; background-size: auto 20px; } /* 浜у搧瀵规瘮 2023-8 ds */ .btns { width: 70%; margin-top: 0px; float: left; } .btns .show-panel { padding-left: 36px; } .btns .btn-positione { background-color: #043f8b; color: #fff; } .show-panel { background-color:#f99421 ; color: #fff; text-transform: capitalize; border-top-left-radius: 25px; border-bottom-left-radius: 25px; background-repeat: no-repeat; background-position: 10px center; background-size: 19%; } .off { background-image: url(../images/icons/icon-off.png); } .open { background-image: url(../images/icons/icon-show.png); } .btns button { margin-right: .1rem; /*width: 1.2rem; height: .4rem;*/ width: auto; padding: 10px; line-height: 1.5; margin-bottom: 0.25rem; font-size: .16rem; border-radius: 5px; float: left; } button.cp-compare { background-color:rgba(51,153,255,1); color:#fff; text-transform: capitalize; } button.cp-download { background-color: rgba(51,153,255,.1); color: #666; font-size: .16rem; } button.cancel_off { background-color:#dcdcdc; color:#525252; display: none; } /* 2023-8 ds */ .cp-tittle-bar { margin-bottom: 15px; width: 85%; display: flex; justify-content: flex-start; align-content: center; align-items: center; position: relative; z-index: 5; } .cp-tittle-bar button { margin-bottom: 5px !important; } .cp-tittle-bar dl { width: 300px; margin-right: 15px; height: 0.6rem; border-left: 4px #2f99fd solid; margin-bottom: 0.1rem; float: left; } .cp-tittle-bar dl dt { width: 40%; margin-right: 0; float: left; height: 100%; position: relative; z-index: 1; } .cp-tittle-bar dl dt img { height: 109%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; } .cp-tittle-bar dl dd { display: block; width: 60%; height: 100%; float: left; color: #333; display: table; } .cp-tittle-bar dl dd p { width: 100%; height: 100%; display: table-cell; vertical-align: middle; font-size: .18rem; font-weight: bold; } .outbox { position: relative; z-index: 5; } .sticky { padding-left: calc(300px + 25px); } div#table_for_package_wrapper { margin-top: -52px; } div#table_for_package_wrapper table.dataTable { width: 100% !important; } div#table_for_package_wrapper tr td:nth-child(3) { max-width: 200px; } .canzhao-searchbar { width: 100%; display: flex; justify-content: center; flex-flow: row nowrap; margin-bottom: 25px; position: relative; } .search-border { width: 45%; border: 1px #dcdcdc solid; border-radius: 5px; padding: 0 10px; height: 45px; font-size: 16px; line-height: 45px; margin-right: 15px; } .search-border form { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; } .search-border form input { width: 94%; } .search-border form input , .search-border form button { display: block; height: 100%; line-height: 100%; font-size: 16px; } p.upload_all button { background-color: #4caf50; color: #fff; text-align: center; height: 45px; padding: 0 15px; border-radius: 5px; } p.upload_all sub { bottom: -13px; left: 5px; color: #999; font-size: 14px; } p.upload_all a { color: #4caf50; } .search_download span , .elementor-kit-7 h4 a { color: #3399ff; } .elementor-kit-7 h4 a, .content table tr td { font-size: .18rem !important; } #file-download tr td { text-align: center; } #file-download thead tr td { line-height: 1; } .wd_refer { margin-bottom: 155px; } .search_download { text-align: right; margin-top: 15px; } .search_download a, .search_download a:hover { display: inline-block; padding: 0 15px; text-decoration: none; height: auto; font-size: 14px; border-radius: 5px; background-color: #3399ff; color: #fff; } /* 2023-8 ds-end */ /* 璀﹀憡寮圭獥 */ .warm { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 20; } .warm div { width: 360px; height: 150px; background-color: #fff; color: #666; text-align: center; border-radius: 15px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 35px rgba(0,0,0,.22); padding: 40px; } .warm div h3 { font-size: 18px; margin-bottom: 25px; } .warm div button.btn_close2 { width: 60px; height: 35px; margin: auto; border-radius: 5px; background-color: #007AFF; color: #fff; font-size: 14px; } .canshu_setting { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 160; background-color: rgba(0,0,0,.8); display: none; } .canshu_setting .container { width: 70%;} .settingbox { background-color: #fff; padding: .35rem; height: 78vh; width: 90%; margin: auto; margin-top: 12vh; } .btn_close { width: .35rem; height: .35rem; background-image: url(../images/icons/btn-close.png); background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: .5rem; right: 1rem; z-index: 5; cursor: pointer; } .param-type { width: 19%; float: left; margin-right: 3%; height: 100%; } /* 2-23 */ .param-type ul { height: 95%; overflow-y: scroll; list-style: none; padding: 0; padding-right: 5px; } .param-type ul::-webkit-scrollbar { width: 8px; height: 8px; display: block; background-color: #dcdcdc; right: 0; visibility: hidden; } .param-type ul::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #949292; } .param-type ul::-webkit-scrollbar-corner { width: 8px; height: 8px; background-color: #dcdcdc; display: block; opacity: .15; } .param-type ul::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ background: #EDEDED; } /* 2-23 end */ .param-type h3 { font-size: .2rem; color: #007AFF; margin-bottom: .25rem; } .param-type p { width: 100%; padding: 5px 0; border-bottom: 1px #dcdcdc solid; line-height: 1.8; font-size: .15rem; } .param-type p i { font-style: normal; display: none; } .param-show { color: #333 !important; font-weight: bold; border-color: #007AFF !important; } .param-panel { width: 48%; float: left; margin-right: 5%; height: 100%; position: relative; z-index: 1; } .param-panel .items { width: 100%; height: 100%; position: absolute; top: .6rem; z-index: 1; display: none; } .param-panel .items p { float: left; margin-right: 5%; margin-top: .1rem; } .param-panel .items ul { list-style: none; padding: 0; height: 79%; overflow-y: scroll; } .param-panel .items ul { height: 80%; overflow-y: scroll; list-style: none; padding: 0; padding-right: 5px; } .param-panel .items ul::-webkit-scrollbar { width: 8px; height: 8px; display: block; background-color: #dcdcdc; right: 0; visibility: hidden; } .param-panel .items ul::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #949292; } .param-panel .items ul::-webkit-scrollbar-corner { width: 8px; height: 8px; background-color: #dcdcdc; display: block; opacity: .15; } .param-panel .items ul::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ background: #EDEDED; } .param-panel .items ul li { float: left; margin-right: 5%; /*margin-top: .1rem;*/ } .param-panel .items ul li:nth-child(7n) { margin-left: 0;} .param-panel .items label { font-size: .16rem; line-height: 1; } .search_for_packege { width: 100%; /*min-height: .7rem;*/ height: .35rem; border: 1px #dcdcdc solid; border-radius: 8px; position: relative; z-index: 1; } input.btn-search { display: block; width: 95%; padding: 0 15px; line-height: 1; /*height: 100%;*/ color: #333; vertical-align:text-top; } button.form_search { height: .4rem; width: .4rem; position: absolute; top: 0; right: 0; bottom: 0; z-index: 5; background-image: url(../images/icons/cp-searchs.png); background-position: center 42%; background-repeat: no-repeat; background-size: .23rem; } .param-result { width: 25%; float: left; height: 100%; background-color:rgba(51,153,255,.1); padding: .2rem; position: relative; z-index: 1; } .param-result p { font-size: .16rem; color: #333; line-height: 1.5; margin-bottom: .1rem; } .param-result p span { color: #043F8B; font-weight: bold; display: inline-block; margin-right: 8%; } .param-result h4 { font-size: .22rem; margin-bottom: .15rem;} .result_box { height: 88%; overflow-y: scroll; } .result_box h5 { font-size: .16rem; font-weight: bold; line-height: 1.8; text-transform: uppercase; } .result_box span { display: inline-block; font-size: .15rem; } .result_box::-webkit-scrollbar { width: 8px; height: 8px; display: block; background-color: #dcdcdc; right: 0; visibility: hidden; } .result_box::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #949292; } .result_box::-webkit-scrollbar-corner { width: 8px; height: 8px; background-color: #dcdcdc; display: block; opacity: .15; } .result_box::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/ background: #EDEDED; } /* 缁撴灉鍒楄〃姹囨€ */ .form_results ul { list-style: none; } .param-result button { width: 40%; height: .4rem; background-color: #007AFF; color: #fff; text-align: center; position: absolute; bottom: .35rem; left: auto; padding: 0; border: none; font-size: 16px; } .param-result button.reset { background-color: #999; right: .2rem; } .package-for-search { height: 3rem; border-right: 1px #999 solid ; } .package-for-search h3 { font-size: .24rem; } /* 婊戝潡鑼冨洿 */ .line-range { width: 100%; height: 50px; margin-bottom: .15rem; position: relative; z-index: 1; display: none; } /* 绂佹鎷栨嫿 */ .stopDrag { pointer-events: none; cursor: default; } .line-range p { margin: 0 !important;} .line-range p input { display: inline-block; width: 40px; } .line-range .f-left { position: absolute; bottom: 0; left: 0; } .line-range .f-right { position: absolute; bottom: 0; right: 0; } /* 灏佽 */ table#table_for_package , .dataTables_scrollBody { margin-bottom: 25px;} table.dataTable thead tr td:last-child span { padding: 0; background-image: none;} .fengzhuang { width: 100%;} .package-panel { background-color: #eee; padding: .55rem .5rem; border-radius: 32px; /* height: 4rem; */ } /*.package-panel .formtables { display: block; width: 97%; height: .4rem; border: 1px rgba(0,0,0,.5) solid; border-radius: 20px; position: relative; z-index: 1; margin: .2rem 0; overflow: hidden; font-size: .16rem; }*/ .package-panel .formtables input { width: 90%; height: .4rem; padding: 0 15px; font-size: .14rem; border: none; } .package-panel .formtables button { position: absolute; top: 0; right: 0; bottom: 0; width: .4rem; height: .4rem; background-color: #007AFF; background-image: url(../images/icons/icons-search.png); background-size: .20rem; background-position: center 43%; } .package-panel .formtables input.cp-name { display: block; width: 97%; height: .4rem; border: 1px rgba(0,0,0,.5) solid; border-radius: 20px; position: relative; z-index: 1; margin: .2rem 0 0 0; overflow: hidden; font-size: .16rem; } ul#hot_list { width: 97%; list-style: none; background-color: transparent; margin-top:.36rem; /* box-shadow: 0px 0px 10px rgba(0,0,0,.15); */ border-radius: 8px; overflow: hidden; position: relative; z-index: 5; } ul#hot_list li { display: inline-block; width: auto; line-height: 2; padding: 0; margin-right: 1%; cursor: pointer; transition: all .35s; background: #dcdcdc; border-radius: 25px; padding: 0 15px; color: #333; margin-bottom: 8px; font-size: .15rem; } ul#hot_list li:hover { background-color: #98ccff; transition: all .35s; } .package-panel h6 { font-size: .16rem; line-height: 1.5; margin-bottom: .1rem; } .fast-pk-link { width: 100%;} .fast-pk-link a { display: inline-block; width: 45%; margin: 8px 2%; height: .35rem; border: 1px #999 solid; border-radius: 35px; background-color: #fff; color: #333; font-size: .14rem; text-decoration: none; text-align: center; line-height: .35rem; } /* pk-type */ .pk-type { height: 3rem; padding-left: 25px; border-right: 1px #999 solid; } .pk-type .formtables { margin-bottom: 0;} .pk-type .formtables::after { content: ""; width: 0; height: 0; border: 7px transparent solid; border-top: 10px #333 solid; border-bottom: none; position: absolute; top: 50%; right: .2rem; transform: translateY(-40%); } input.fz { display: block; width: 100%; height: 100%; } select.pk-type { width: 100%; height: .4rem; outline: none; border: none; padding: 0 15px; background-color: transparent; -webkit-appearance: none ; -moz-appearance: none ; -ms-appearance: none ; } .selected_option { width: 85%; margin: auto; background-color: #fff; display: none; } .selected_option ul { list-style: none;} .selected_option ul li a { display: block; padding: .15rem; line-height: 1.5; text-decoration: none; color: #333; font-size: .16rem; } .selected_option ul li:hover a { background-color: #007AFF; font-weight: bold; color: #fff; } .pk-tab { padding-left: .25rem;} .pk-tab table { width: 100%;} .pk-tab table tr td {padding: 8px 0; background-color: transparent !important;} /*.pk-tab table tr td p { display: inline-block; width: 48%; margin-left: 1%; }*/ .pk-tab table tr td p.zhi { display: inline-block; width: 20%; float: left; margin-right: 2%; } .pk-tab table tr td p.zhi input { margin-right: 10px; } .pk-tab table tr td p label { margin-left: 3%; font-size: .16rem; } .pk-tab table tr td:nth-child(1) { text-align: right; padding-right: .2rem; font-size: .16rem; width: 17%; } .pk-tab table tr td:nth-child(1) p { width: 100%; } .pk-tab table tr td:nth-child(2) { width: 70%; } .pk-tab table tr td input.nums { width: 40%; background-color: #fff; height: 36px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; } .pk-tab .tijiao2 { padding-left:19.5%;} .pk-tab .tijiao2 button { width: 1.8rem; height: .5rem; line-height: .5rem; background-color: #007AFF; color: #fff; font-size: .16rem; margin-top: .25rem; margin-right: 2%; padding: 0; } .pk-tab .tijiao2 button[type="reset"] { background-color: #999;} a.baozhuang { display: block; width: 100%; max-width: 188px; height: 188px; margin: auto; overflow: hidden; position: relative; z-index: 1 } #table_for_package img { width: 100%; /*height: 1rem;*/ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1); transition: all .35s; } #table_for_package img:hover { /*height: 1rem;*/ transform: translate(-50%,-50%) scale(1.35); transition: all .35s;} #table_for_package { width: 100%;} #table_for_package tr td { text-align: center; font-size: .16rem; min-width: unset; } #table_for_package thead tr:nth-child(1) td { min-height: 1.8rem;} /*#table_for_package tr td:nth-child(1) { min-width:25% !important ; background-image: none;} #table_for_package tr td:nth-child(2) { width:13% !important ;} #table_for_package tr td:nth-child(3) { width:20% !important ;} #table_for_package tr td:nth-child(4) { width:15% !important ;} #table_for_package tr td:nth-child(5) { width:9% !important ;} #table_for_package tr td:nth-child(6) { width:10% !important ;} #table_for_package tr td:nth-child(7) { width:12% !important ;} #table_for_package tr td:nth-child(8) { width:8% !important ;}*/ /* 浜у搧璇︽儏椤 */ .cp_detail { margin-bottom: .5rem;} .cp_info {} .cp_imgs { width: 20%; height: 2.6rem; position: relative; z-index: 1; float: left; margin-right: 5%; overflow: hidden; } .cp_imgs img { height: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .cp_desc { width: 60%; float: left; height: 2.6rem; padding: .35rem 0; } .cp_desc h3 { font-size: .28rem; font-weight: bold; color: #333; line-height: 1.5; margin-bottom: .1rem; } .cp_detrction { font-size: .14rem; color: #666; line-height: 1.8; } a.f_download { display: block; width: 1.14rem; height: .35rem; text-align: center; background-color: #3399ff; color: #fff; font-size: .14rem; margin-top: .4rem; line-height: .35rem; text-decoration: none; } h3.co-innertittle { border-left: 5px #3399ff solid; font-size: .28rem; color: #333; line-height: 1; margin-bottom: .24rem; padding-left: .15rem; } .cp_canshu { margin-bottom: 1rem;} .canshu_info ul { list-style: none;} .canshu_info ul li { width: 48%; float: left; height: .4rem; padding-bottom: .1rem; border-bottom: 1px #dcdcdc solid; margin-right: 4%; margin-bottom: .15rem; font-size: .18rem; font-weight: bold; position: relative; z-index: 1; color: #333; } .canshu_info ul li:nth-child(2n) { margin-right: 0;} .canshu_info ul li span { display: inline-block; position: absolute; top: 0; right: 0; text-align: right; font-weight: normal; color: #666; } .content table { width: 100%; } .content table tr td { padding: .15rem; font-size: .14rem; /* background-color: #f4f4f4; */ border-bottom: 1px #dcdcdc solid; } .content table tr:last-child td { border: none;} .content thead tr td { background-color: #3399ff; color: #fff; font-size: .15rem; border: none; } .wd_download {width: 100%;height:auto ; margin-bottom: 1.8rem; } .wd_download table thead b { font-size: .2rem; padding-left: .15rem; } .wd_download table tbody td { color: #333; font-size: .2rem; line-height: 1.35; padding: 10px; background-color: #f4f4f4; text-align: center; vertical-align: middle; } .wd_download table h4 { font-size: .22rem; } .wd_download table h4 a { display: inline-block; padding: .1rem 0; padding-left: .45rem; background-image: url(../images/icons/pdf-grey.png); background-repeat: no-repeat; background-position: left 3px; background-size: auto 1.35rem; text-decoration: none; color: #333; } .wd_download table td:nth-child(2n) {background-color: #f4f4f4;} .wd_download table td:nth-child(1) { width: 22%;} .wd_download table td:nth-child(2) { width: 25%;} .wd_download table td:nth-child(3) { width: 25%;} .wd_download table td:nth-child(4) { width: 25%;} a.icon_d { display: block; margin: auto; width: .5rem; height: .5rem; background-image: url(../images/icons/xiazai.png); background-repeat: no-repeat; background-position: center .1rem; } .wd_download table tr:hover h4 a { background-position: left -.945rem; color: #3399ff; } .wd_download table tr:hover a.icon_d { background-position: center -.91rem; } .headtop { background-color: #fff; position: fixed; right:0; width: auto; left: 0; height: 1rem; box-shadow: 0 0 35px rgba(0,0,0,.25); z-index: 20; border-bottom: 1px #E5E5E5 solid; transition: all .5s; } #pag { position: fixed; width: 100%; height: 100%; overflow:auto ; } .pagebar { position: absolute; width: 100%;} /* table_for_canshu */ #table_for_canshu, #table_for_package { border: none !important;font-size: 16px; max-width: 100%; } #table_for_canshu thead tr td , #file-download thead tr td { outline: none; border: none;font-size: 16px; border-right: 1px rgba(255,255,255,.5) solid; } #table_for_canshu thead tr td:last-child , #file-download thead tr td:last-child { border: none; } #table_for_canshu thead tr td:nth-child(1) { background-image: none; } #table_for_canshu tr td { text-align: center; min-height: .35rem; padding: 10px 8px; line-height: 1.35; font-size: 16px; } #table_for_canshu a.icon-pdf { width: .4rem; height: 0.4rem; } /*#table_for_canshu tr td:nth-child(1) { width: 10% !important;} #table_for_canshu tr td:nth-child(2) { width: 10% !important;} #table_for_canshu tr td:nth-child(3) { width: 11% !important;} #table_for_canshu tr td:nth-child(4) { width: 10% !important;} #table_for_canshu tr td:nth-child(5) { width: 7% !important;} #table_for_canshu tr td:nth-child(6) { width: 9% !important;} #table_for_canshu tr td:nth-child(7) { width: 9% !important;} #table_for_canshu tr td:nth-child(8) { width: 8% !important;} #table_for_canshu tr td:nth-child(9) { width: 8% !important;} #table_for_canshu tr td:nth-child(10) { width: 8% !important;} #table_for_canshu tr td:nth-child(11) { width: 8% !important;}*/ #table_for_canshu td:last-child span { padding: 0; background-image: none;} /* 浜у搧 */ .swing { width: 100%; /* background-color: #eee; */ /* height: 600px; */ /* overflow: hidden; */ overflow-y: visible; position: relative; z-index: 1; } .swing table tbody tr td { height:.55rem;line-height: 1; font-size: 14px;} .dataTables_wrapper.no-footer .dataTables_scrollBody { border: none !important;} div#table_for_product_wrapper { margin: 0; position: relative; top: 0; } #copy_wrapper { position: absolute; top:65px; bottom: 0; z-index: 3; display: none; min-width: 224px; } #copy_wrapper table thead tr td span{ line-height: .36rem; } #copy_wrapper .dataTables_scrollHead thead tr td:last-child { min-width: 177px; } /* 鍒嗛〉 */ div#table_for_product_length, div#table_for_package_length { float: right; margin-top: 0px; color: #999; font-size: .18rem; height: 50px; margin-bottom: 15px; } div#table_for_product_length label, div#table_for_package_length label{ font-weight: normal;} .dataTables_wrapper .dataTables_info { float: right !important; margin-left: 1%; line-height: 2; padding-top: 0; } /* 2023-8 ds */ div#table_for_product_paginate, div#table_for_product_info { height: 0; overflow: hidden; display: none;} .dataTables_wrapper, #copy_wrapper table#table_for_package, #copy_wrapper .dataTables_scrollBody { overflow-x: hidden; overflow-y: hidden; margin-bottom: 0 !important; } div#table_for_product_paginate a.paginate_button , div#table_for_package_paginate a.paginate_button{ display: inline-block; width: .3rem; height: .3rem; min-width: unset; min-height: unset; background: transparent; padding: 0; margin: 0; border: 1px #999 solid; text-align: center; line-height: .3rem; outline: none; margin: 8px; color:#999 !important; border-radius: 5px; } /* 浜у搧鍒嗛〉 */ .fenye { width: 100%; text-align: right; font-size: .16rem; line-height: .32rem; margin-bottom: .5rem; } .fenye span,.fenye a { display: inline-block; } .fenye ul , .fenye span { float: right; } .fenye ul a { float: left; margin-right: 10px; height: .3rem; min-width: .3rem; border: 1px #dcdcdc solid; text-align: center; line-height: .32rem; text-decoration: none; } .fenye ul a:nth-child(1), .fenye ul a:nth-last-child(2) , .fenye a.next, .fenye a.prev { border: none; width: auto; } .fenye a.prev, div#table_for_product_paginate a.previous , div#table_for_package_paginate a.previous { background-image: url(../images/icons/pages_grey.png); background-repeat: no-repeat; background-position:center .06rem; background-size: .1rem; border: none; } .fenye a.next, div#table_for_product_paginate a.next, div#table_for_package_paginate a.next { background-image: url(../images/icons/pages_grey.png); background-repeat: no-repeat; background-position:center -.81rem; background-size: .1rem; border: none; } /* .fenye a.next { background-position-y: -.78rem; } .fenye a.prev { background-position-y: .085rem; } */ .fenye ul a:hover, .fenye ul a.active, div#table_for_product_paginate a.paginate_button:hover, div#table_for_package_paginate a.paginate_button:hover { background-color: #007AFF; border-color: #007AFF; color: #fff !important; } .fenye ul a:nth-child(1):hover, .fenye ul a:nth-last-child(2):hover { background-color: transparent; color: #007AFF !important; } div#table_for_product_paginate a.previous:hover, div#table_for_package_paginate a.previous:hover { background-position: center -.37rem; } div#table_for_product_paginate a.next:hover , div#table_for_package_paginate a.next:hover { background-position: center -1.25rem; } .total_pages { color: #999; font-size: .18rem;} span.total i, .total_pages span { color: #007AFF; font-size: .2rem; line-height: 1; font-style: normal; } div#table_for_product_paginate, div#table_for_product_info { height: 0; overflow: hidden; } /* 鍒嗛〉-end */ #copy_paginate { display: none;} .tab_clone { position: absolute; top: 25px; text-align: left; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody>table { margin-left: 0;} /* 12-28 */ table td, table th { border: none; } select { display: inherit; width: auto; } table.dataTable thead td:last-child span { padding-right: 0; } table thead:first-child tr:first-child td, table thead:first-child tr:first-child th { border-top: none; } input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { border: none; padding: 5px; outline: none;} [type=button], [type=submit], button, [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { border: none; outline: none; } div#table_for_package_paginate, .total_pages { height: 0; display: none; overflow: hidden; } /* .elementor.elementor-23916.elementor-location-header { position: fixed; width: 100%; top: 0; left: 0; z-index: 100; }*/ .navfixed { position: fixed !important; width: 100%; left: 0; z-index: 100; transition: all .35s; } /*.navfixed img.attachment-full.size-full { width: 130px !important; }*/ /*.navfixed .elementor-widget:not(:last-child) { margin-bottom: 10px !important; }*/ /* 1-19 */ .pack-otherdoc { margin: 2rem 0; } .pack-otherdoc thead td { text-align: center; font-size: .18rem !important; text-transform: capitalize; } .pack-otherdoc tbody tr td { background-color: #f4f4f4;text-align: center; font-size: .18rem; } /* 12-30鎵嬫満绔彍鍗 */ nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { width: 101vw; left: -55vw; top: 56px; } /*.elementor-18 .elementor-element.elementor-element-2d0676c { width: 57.176%; }*/ /*table tbody tr:hover>td, table tbody tr:hover>th { background-color: #f4f4f4; }*/ /*#table_for_package_wrapper tr td:nth-child(1) {width: 260px !important; } #table_for_package tr td:nth-child(1) { min-width: 220px !important;}*/ #table_for_package thead tr td:nth-child(1) { min-width: 156px !important; padding: 0 15px !important; } #table_for_package tbody tr td:nth-child(1) { width: unset !important; padding: 0 !important; overflow: hidden; } .dataTables_scrollBody #table_for_package thead tr:nth-child(1) td { min-height: 0 !important; } #table_for_package_wrapper .dataTables_scrollBody { overflow:hidden !important; } .elementor-23928 .elementor-element.elementor-element-6bc4ac68:not(.elementor-motion-effects-element-type-background), .elementor-23928 .elementor-element.elementor-element-6bc4ac68 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background: #3399FF; } section#fix-positon .elementor-view-stacked .elementor-icon { visibility: visible ; display: none; } section#fix-positon { opacity: 0;} /* 瀛愮被鍒嗙被鍗曢〉鏁堟灉 */ .cp_child_single { margin-bottom: 150px; } .panel_child { background-color: #3399FF11; padding: 50px;} .panel_child h2 { font-size: .3rem; text-align: center; margin-bottom: .5rem; } .panel_child ul { list-style: none; /*display: flex; justify-content: space-between;*/ /* flex-flow: row wrap; */ } .panel_child ul li { width: 14%; float: left; margin-right: 3%; } .panel_child ul li .childs_pics { width: 100%; height: 1.35rem; margin-bottom: 10px; } .panel_child ul li .childs_pics a { display: block; width: 100%; height: 100%; background-color: #fff; position: relative; z-index: 1; overflow: hidden; } .panel_child ul li .childs_pics a img { max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1); transition: all .35s; } .panel_child ul li p a { display: block; line-height: 1.8; color:#333; text-align: center; text-decoration: none; } .panel_child ul li:nth-child(6n) { margin-right: 0;} .panel_child ul li:hover .childs_pics a img { transform: translate(-50%,-50%) scale(1.15); transition: all .35s; } .panel_child ul li:hover p a { color: #007AFF; } /* 瀛愮被鍒嗙被鍗曢〉鏁堟灉-end */ /* 3-29 */ section#fix-positon { background-color: transparent; }