body { font-family: "微软雅黑","Microsoft Yahei","微软雅黑",SimSun,Arial,tahoma,arial ! important; font-style: normal ! important; font-variant: normal ! important; margin: 0px; padding: 0px; color: rgb(52, 52, 52); font-size: 12px; background-color: rgb(255, 255, 255); position: relative; } .c_breadcrumb_nav-01001 .p_breadcrumbFirst > a > .font:hover { text-decoration: none; color: rgb(13, 86, 160); } #c_portalResProduct_category-15824673247182618 .light { background-color: rgb(21, 130, 206) ! important; } .nav { width: 100%; margin: 0px auto; text-align: center; } .menu, .menu ul { list-style: outside none none; padding: 0px; margin: 0px; } .menu { height: 40px; margin-top: 0px; } .menu li { min-width: 124px; } .menu > li { display: block; float: left; position: relative; } .menu > li:first-child { border-radius: 5px 0px 0px; } .menu a { color: rgb(51, 51, 51); display: block; font-size: 14px; line-height: 40px; padding: 0px; text-decoration: none; text-transform: uppercase; } .menu li:hover { background: transparent url('nav_li.png') no-repeat scroll center center; } .menu li:hover > a { border-radius: 5px 0px 0px; border-left: 0px solid rgb(15, 89, 164); color: rgb(255, 255, 255); } .submenu1 { left: -60px; max-height: 0px; position: absolute; top: 100%; z-index: 0; perspective: 400px; min-width: 260px;} .submenu1 li { opacity: 0; transform: rotateY(90deg); transition: opacity 0.4s ease 0s, transform 0.5s ease 0s; } .menu .submenu1 li a { background: rgb(21, 130, 206) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(232, 232, 232); height: 40px; line-height: 40px; color: rgb(250, 250, 250); font-size: 14px; border-left: 1px solid rgb(240, 240, 240); } .menu .submenu1 li:hover a { border-left: 1px solid rgb(13, 86, 160); border-radius: 0px; color: rgb(255, 255, 255); background: rgb(13, 86, 160) none repeat scroll 0% 0%; } .submenu { left: 0px; max-height: 0px; position: absolute; top: 100%; z-index: 0; perspective: 400px; } .submenu li { opacity: 0; transform: rotateY(90deg); transition: opacity 0.4s ease 0s, transform 0.5s ease 0s; } .menu .submenu li a { background: rgb(21, 130, 206) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(232, 232, 232); height: 40px; line-height: 40px; color: rgb(250, 250, 250); font-size: 14px; border-left: 1px solid rgb(240, 240, 240); } .menu .submenu li:hover a { border-left: 1px solid rgb(13, 86, 160); border-radius: 0px; color: rgb(255, 255, 255); background: rgb(13, 86, 160) none repeat scroll 0% 0%; } .menu > li:hover .submenu, .menu > li:focus .submenu1 { max-height: 2000px; z-index: 10; } .menu > li:hover .submenu li, .menu > li:focus .submenu1 li { opacity: 1; transform: none; } .menu li:hover .submenu li:nth-child(1) { transition-delay: 0s; } .menu li:hover .submenu li:nth-child(2) { transition-delay: 50ms; } .menu li:hover .submenu li:nth-child(3) { transition-delay: 100ms; } .menu li:hover .submenu li:nth-child(4) { transition-delay: 150ms; } .menu li:hover .submenu li:nth-child(5) { transition-delay: 200ms; } .menu li:hover .submenu li:nth-child(6) { transition-delay: 250ms; } .menu li:hover .submenu li:nth-child(7) { transition-delay: 300ms; } .menu li:hover .submenu li:nth-child(8) { transition-delay: 350ms; } .menu > li:hover .submenu1, .menu > li:focus .submenu { max-height: 2000px; z-index: 10; } .menu > li:hover .submenu1 li, .menu > li:focus .submenu li { opacity: 1; transform: none; } .menu li:hover .submenu1 li:nth-child(1) { transition-delay: 0s; } .menu li:hover .submenu1 li:nth-child(2) { transition-delay: 50ms; } .menu li:hover .submenu1 li:nth-child(3) { transition-delay: 100ms; } .menu li:hover .submenu1 li:nth-child(4) { transition-delay: 150ms; } .menu li:hover .submenu1 li:nth-child(5) { transition-delay: 200ms; } .menu li:hover .submenu1 li:nth-child(6) { transition-delay: 250ms; } .menu li:hover .submenu1 li:nth-child(7) { transition-delay: 300ms; } .menu li:hover .submenu1 li:nth-child(8) { transition-delay: 350ms; } .menudh { font-family:Arial; width:200px; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menudh ul { padding:0; margin:0; list-style-type: none; } /* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */ .menudh ul li { float:left; position:relative; visibility: visible; overflow: visible; } /* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */ .menudh ul li a, .menu ul li a:visited { display:block; text-align:left; text-decoration:none; width:216px; height:36px; color:#FFFFFF; border-width:1px 1px 0 0; line-height:36px; font-size:14px; background-image: url(images/zz1.gif); text-indent: 40px; } /* make the dropdown ul invisible */ .menudh ul li ul { display: none; z-index:9999 } /* specific to non IE browsers */ /* set the background and foreground color of the main menu li on hover */ .menudh ul li:hover a { color:#fff; background-color: #319ED9; background-image: url(images/zz2.png); } /* make the sub menu ul visible and position it beneath the main menu list item */ .menudh ul li:hover ul { display:block; position:absolute; top:36px; left:0px; width:200px; } /* style the background and foreground color of the submenu links */ .menudh ul li:hover ul li a { display:block; background:#EEE; color:#666666; } /* style the background and forground colors of the links on hover */ .menudh ul li:hover ul li a:hover { background:#2F92E1; color:#FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; }.biankuang { border: 1px solid #EEEEEE; } img { vertical-align: middle; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h3, .h3 { font-size: 24px; } h5, .h5 { font-size: 14px; } p { margin: 0px 0px 10px; } ul, ol { margin-top: 0px; margin-bottom: 10px; } blockquote footer::before, blockquote small::before, blockquote .small::before { content: "— "; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); } @media screen and (max-width: 768px) { } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="radio"], input[type="checkbox"] { margin: 4px 0px 0px; line-height: normal; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline-offset: -2px; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(123, 123, 123); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } .form-control:focus { border-color: rgb(102, 175, 233); outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: rgb(153, 153, 153); opacity: 1; } textarea.form-control { height: auto; } @media not all { } .form-group { margin-bottom: 15px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0px; vertical-align: middle; font-weight: normal; cursor: pointer; } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0px; margin-bottom: 0px; padding-top: 7px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .btn { display: inline-block; margin-bottom: 0px; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -moz-user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: rgb(51, 51, 51); text-decoration: none; } .btn:active, .btn.active { outline: 0px none; background-image: none; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset; } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(24, 144, 255); border-color: rgb(50, 156, 255); } .btn-primary:focus, .btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(0, 118, 228); border-color: rgb(0, 92, 177); } .btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 118, 228); border-color: rgb(0, 126, 243); } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 118, 228); border-color: rgb(0, 126, 243); } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(0, 100, 192); border-color: rgb(0, 92, 177); } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 4px 4px 0px 0px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0px 0px 4px 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .nav { margin-bottom: 0px; padding-left: 0px; list-style: outside none none; } .breadcrumb > li + li::before { content: "/ "; padding: 0px 5px; color: rgb(204, 204, 204); } @media screen and (min-width: 769px) { } .popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .popover > .arrow::after { border-width: 10px; content: ""; } .popover.top > .arrow::after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0px; border-top-color: rgb(255, 255, 255); } .popover.right > .arrow::after { content: " "; left: 1px; bottom: -10px; border-left-width: 0px; border-right-color: rgb(255, 255, 255); } .popover.bottom > .arrow::after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); } .popover.left > .arrow::after { content: " "; right: 1px; border-right-width: 0px; border-left-color: rgb(255, 255, 255); bottom: -10px; } @media not all, (-webkit-transform-3d) { } .carousel-control .icon-prev::before { content: "‹"; } .carousel-control .icon-next::before { content: "›"; } @media screen and (min-width: 769px) { } blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, textarea, ul { margin: 0px; padding: 0px; list-style-type: none; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } textarea { overflow: auto ! important; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } * { box-sizing: border-box; } *::after, *::before { box-sizing: border-box; } *::-moz-selection { background: rgb(179, 212, 252) none repeat scroll 0% 0%; text-shadow: none; } :focus { outline: 0px none; } :-moz-placeholder { color: rgb(206, 206, 206); font-size: 14px; } *::-moz-placeholder { color: rgb(206, 206, 206); font-size: 14px; } img { vertical-align: middle; border: 0px none; } a { color: rgb(112, 112, 112); text-decoration: none; } a:active, a:hover { color: rgb(96, 169, 215); text-decoration: none; } @font-face { font-family: "iconfont"; src: url('iconfont_001.eot') format("embedded-opentype"), url('iconfont_001.woff') format("woff"), url('iconfont_001.ttf') format("truetype"), url('iconfont_001.svg') format("svg"); } .arrow, [class*="e_icon"], [class*="icon-from-user"]::after, [class*="iconfont"], [class*="in_icon"], [class*="link_icon"], [class~="e_icon"], [class~="icon-from-user"]::after, [class~="iconfont"], [class~="in_icon"] { font-family: iconfont ! important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; } * { animation-fill-mode: both; } .e_link { height: inherit; } .iconfont { display: inline; height: 100%; color: inherit; font-size: inherit; font-family: "Microsoft Yahei"; font-weight: 400; text-decoration: none; } .w_img { margin: 0px; padding: 0px; width: inherit; height: inherit; } .pagebox { position: relative; } .reset_style { line-height: normal; overflow-wrap: break-word; word-break: break-all; font-size: 14px; } .reset_style p { margin: 0px; font-size: 14px; } .resetHtmlCssStyle .reset_style a, .reset_style a { text-decoration: none ! important; } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 1024px) and (min-width: 769px) { } @media only screen and (min-width: 1025px) { } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { } .r_steps .r_item::before { content: ""; width: 10px; height: 10px; border: 1px solid rgb(255, 255, 255); border-radius: 5px; background: rgb(204, 204, 204) none repeat scroll 0% 0%; position: absolute; left: 50%; margin-left: -4px; top: -7px; } .r_steps .r_item.r_current::before, .r_steps .r_item.r_passed::before { background-color: rgb(24, 144, 255); } .r_steps .r_item.r_current::before { width: 12px; height: 12px; border-radius: 6px; top: -8px; } @media only screen and (max-width: 768px) { } @media only screen and (min-width: 769px) { } .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0px; padding: 0px; color: rgb(38, 38, 38); } .h5 { font-size: 16px; } .color_error { color: red; } @media only screen and (max-width: 768px) { } @media only screen and (min-width: 769px) { } @media only screen and (max-width: 768px) { .p_categoryBtn::before { content: ""; } .icon-arrow_up::before { content: ""; } .icon-arrow_down::before { content: ""; } .p_link { height: auto; vertical-align: middle; width: initial; margin: 10px 0px; flex: 1 1 0%; } } @media only screen and (max-width: 768px) { } @media only screen and (min-width: 769px) { } .btn { display: inline-block; } @media only screen and (max-width: 768px) { } .btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus { outline: 0px none; } .js-regionTreeSelect .icon_notLeafNode::before { content: ""; } @media only screen and (max-width: 768px) { } .p_PromptNoneData .prompt_title .iconfont::before { content: ""; } .p_PromptNoneData .prompt_title .first::before { content: ""; } @media screen and (max-width: 768px) { .p_OccupyBox { margin: 0px; width: auto; height: auto; padding: 0px; border: medium none; } .p_OccupyBox { margin: 0px; width: auto; height: auto; padding: 0px; border: 0px none; overflow: initial; } .p_pagebox .pre .iconfont::before { content: ""; } .p_pagebox .next .iconfont::before { content: ""; } .p_pagebox .num .iconfont::before { content: ""; font-size: 22px; } .p_pagebox .NumBox ul li .iconfont::before { content: ""; } .p_more .iconfont::before { content: ""; } .p_CommonSwitchBtnA .iconfont::before { content: ""; display: inline-block; } .p_CommonSwitchBtnB .iconfont::before { content: ""; display: inline-block; } } @media only screen and (min-width: 769px) { .e_pagebox { width: auto; height: auto; clear: both; position: relative; } .p_page { display: inline-block; padding: 30px 0px; } .p_page .pre::after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgb(242, 242, 242); font-size: 0px; line-height: 0; transform: rotate(45deg); z-index: -1; } .p_page .pre:hover::after { top: 4px; left: -12px; background-color: rgb(101, 190, 186); border-radius: 4px 0px 0px; box-shadow: 0px 3px 0px rgba(90, 90, 90, 0.8); transform: rotate(45deg); z-index: -1; } .p_page .pre:active::after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgb(90, 170, 167); border-radius: 0px 3px 0px 0px; box-shadow: 0px 3px 0px rgba(90, 90, 90, 0.8); transform: rotate(-226deg); z-index: -1; } .p_page .pre { display: inline-table; position: relative; left: 0px; top: 0px; float: left; height: 30px; margin: 0px 5px 0px 18px; text-align: center; padding: 0px 10px; border-radius: 6px; border: 1px solid rgb(217, 217, 217); background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(89, 89, 89); } .p_page .pre:hover { color: rgb(255, 255, 255); background: rgb(24, 144, 255) none repeat scroll 0% 0%; border-color: rgb(24, 144, 255); cursor: pointer; } .p_page .pre:active { background: rgb(24, 144, 255) none repeat scroll 0% 0%; border-color: rgb(24, 144, 255); color: rgb(255, 255, 255); } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0px; font-size: 12px; } .p_page .pre:hover .iconfont { color: rgb(255, 255, 255); } .p_page .pre:active .iconfont { color: rgb(255, 255, 255); } .p_page .pre .iconfont::before { content: ""; margin-right: 0px; } .p_page .pre .i_pre { display: none; } .p_page .next::after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgb(101, 190, 186); font-size: 0px; line-height: 0; transform: rotate(45deg); z-index: -1; } .p_page .next:hover::after { top: 5px; right: -12px; background-color: rgb(101, 190, 186); border-radius: 4px 0px 0px; box-shadow: 0px 3px 0px rgb(119, 119, 119); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .p_page .next:active::after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgb(90, 170, 167); border-radius: 0px 3px 0px 0px; box-shadow: 0px 3px 0px rgb(119, 119, 119); transform: rotate(226deg); z-index: -1; } .p_page .next { display: inline-table; position: relative; left: 0px; top: 0px; float: left; height: 30px; border: 1px solid rgb(217, 217, 217); background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(89, 89, 89); text-align: center; padding: 0px 10px; border-radius: 6px; } .p_page .next:hover { background: rgb(24, 144, 255) none repeat scroll 0% 0%; border-color: rgb(24, 144, 255); color: rgb(255, 255, 255); cursor: pointer; } .p_page .next:active { background: rgb(24, 144, 255) none repeat scroll 0% 0%; border-color: rgb(24, 144, 255); color: rgb(255, 255, 255); } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0px; font-size: 12px; } .p_page .next:hover .iconfont { color: rgb(255, 255, 255); } .p_page .next:active .iconfont { color: rgb(255, 255, 255); } .p_page .next .iconfont::before { content: ""; margin-top: 0px; float: right; margin-left: 0px; } .p_page .next .i_next { display: none; } .p_page .pageNum { position: relative; float: left; height: 30px; min-width: 30px; margin: 0px 5px 0px 0px; padding: 0px 5px; background-size: 100% 100%; color: rgb(89, 89, 89); border: 1px solid rgb(217, 217, 217); cursor: pointer; line-height: 30px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: rgb(255, 255, 255); text-align: center; border-radius: 6px; } .p_page .pageNum:hover { color: rgb(255, 255, 255); border-color: rgb(24, 144, 255); cursor: pointer; text-decoration: none; background-color: rgb(24, 144, 255); } .p_page .pageNum:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(24, 144, 255); border-color: rgb(24, 144, 255); } .p_page .pageNum.active { text-decoration: none; background-color: rgb(24, 144, 255); color: rgb(255, 255, 255); border-color: rgb(24, 144, 255); } .p_page .pageNum .iconfont::before { content: ""; } .p_OccupyBox { margin: 0px; width: auto; height: auto; padding: 0px; border: medium none; overflow: hidden; text-align: center; } .p_CommonSwitchBtnA .iconfont::before { content: ""; display: inline-block; } .p_CommonSwitchBtnB .iconfont::before { content: ""; display: inline-block; } .p_more .iconfont::before { content: ""; } } /* ::::: http://2006285134.a.site.cn/css/site_impt_r.css?v=1593479511000 ::::: */ html, body { margin: 0px; padding: 0px; } .pagebox { position: relative; } a:hover, a:active, a:focus { color: rgb(21, 130, 206); } /* ::::: http://2006285134.a.site.cn/css/ftmpl_impt_b9f194b0-9d13-48b0-82ba-67de26d84b3a.css?v=1593479511000 ::::: */ .e_FlowCommonStyleBox-001 .title_icon::before { content: ""; } .e_FlowCommonStyleBox-001 .link_icon::before { content: ""; } .e_IndexOrdinaryStyleBox-001 .title_icon::before { content: ""; } .e_IndexOrdinaryStyleBox-001 .link_icon::before { content: ""; } .e_SideMajorStyleBox-001 .title_icon::before { content: ""; } .e_SideMajorStyleBox-001 .link_icon::before { content: ""; } .w_fimg-000 .p_title .iconfont::before { display: inline-block; content: ""; } .w_fimg-000 { position: relative; width: 100%; height: auto; min-height: 200px; } .w_fimg-000 .animated { width: 100%; height: 100%; position: relative; min-height: inherit; } .w_fimg-000 .p_link001 { width: 100%; height: 100%; } .w_fimg-000 .p_box { width: 100%; height: 100%; text-align: center; position: static; } .w_fimg-000 .p_dimage { height: inherit; overflow: hidden; font-size: 0px; } .w_fimg-000 .e_image:hover::after { background: transparent none repeat scroll 0% 0%; } .w_fimg-000 .p_dimage:empty { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: rgb(242, 242, 242) url('camera.png') no-repeat scroll center center; } @media only screen and (max-width: 768px) { .c_portalResnav_main-01001 .p_categoryBtn::before { } .c_portalResnav_main-01001 .icon-arrow_up::before { content: ""; } .c_portalResnav_main-01001 .icon-arrow_down::before { content: ""; } .c_portalResnav_main-01001 { width: 640px; } } @media only screen and (min-width: 769px) { .c_portalResnav_main-01001 { width: auto; height: auto; overflow: visible; } .clearfix::before, .clearfix::after { content: ""; display: block; clear: both; width: 0px; height: 0px; visibility: hidden; font-size: 0px; } .c_portalResnav_main-01001 .p_linkBox .iconfont::before { content: ""; } .c_portalResnav_main-01001 .p_childBox .p_linkBox .icon-duduyinleappicon1401::before { content: ""; color: rgb(64, 143, 244); font-size: 10px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } .w_grid-000 { margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid { width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell { float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty)::before { content: ""; height: 0px; display: block; } .w_grid-000 > .w_grid.signal { min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox { min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell { min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child { margin-left: 0px; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { .w_grid-000 > div > .p_gridbox > .p_gridCell { width: 100%; margin-left: 0px; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px) { .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child { width: 100%; margin-left: 0px; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } @media screen and (max-width: 768px) { .c_portalResMessage_form-01001 { width: 100%; overflow: hidden; } .c_portalResMessage_form-01001 .p_intentionIntroTitle { width: 100%; padding: 0px; text-align: left; margin-bottom: 10px; margin-top: 20px; } .c_portalResMessage_form-01001 .p_UnitName { margin-top: 10px; } .c_portalResMessage_form-01001 .p_CoupWBox { padding: 0px; width: 80%; margin: 32px auto; } .c_portalResMessage_form-01001 .p_CoupWBox button { width: 100%; } .c_portalResMessage_form-01001 .p_ConWBox { padding: 0px; } .c_portalResMessage_form-01001 .form-group { margin: 0px; padding: 0px 15px; } .c_portalResMessage_form-01001 .p_image { position: absolute; right: 16px; top: 50px; height: 29px; } .c_portalResMessage_form-01001 .p_sex { display: inline-block; } .c_portalResMessage_form-01001 .p_CaptchasBox { position: relative; } } @media only screen and (min-width: 769px) { .c_portalResMessage_form-01001 .e_box, .c_portalResMessage_form-01001 .e_icon, .c_portalResMessage_form-01001 .e_title { width: auto; height: auto; } .c_portalResMessage_form-01001 { width: 100%; height: auto; overflow: hidden; } .c_portalResMessage_form-01001 .p_inquiry { } .c_portalResMessage_form-01001 .p_ConWBox { padding: 5px 40px 25px; } .c_portalResMessage_form-01001 .boxTitleText .iconfont::before { display: inline-block; } .c_portalResMessage_form-01001 .p_NameB { display: inline-block; font-size: 14px; width: 110px; text-align: right; } .c_portalResMessage_form-01001 .p_NameInfoB { display: inline-block; font-size: 20px; font-weight: bold; text-align: left; } .c_portalResMessage_form-01001 .p_DepictBoxB { padding: 10px 0px 0px; line-height: 20px; overflow: hidden; } .c_portalResMessage_form-01001 .p_DepicNameB { float: left; font-size: 14px; width: 110px; text-align: right; } .c_portalResMessage_form-01001 .p_DepictInfoB { display: flex; font-size: 14px; } .c_portalResMessage_form-01001 .p_groupBox { padding-top: 0px; } .c_portalResMessage_form-01001 .p_groupBox textarea { display: block; width: inherit; resize: none; height: 92px; padding: 6px; background: transparent none repeat scroll 0% 0%; } .c_portalResMessage_form-01001 .p_ContactInfo > div .e_text { width: 335px; display: inline-block; position: relative; } .c_portalResMessage_form-01001 .d_CustomValueBox { max-width: 725px; display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto; } .c_portalResMessage_form-01001 .p_sex { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; } .c_portalResMessage_form-01001 .p_sex .option { width: auto; height: auto; cursor: pointer; line-height: 100%; } .c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked + i::after { content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 0px; left: 0px; display: block; } .c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked + .iconfont.first::before { content: ""; font-size: 21px; position: absolute; top: -3px; left: -3px; } .c_portalResMessage_form-01001 .p_ContactInfo > div .e_unit { display: inline-block; } .c_portalResMessage_form-01001 .p_checkboxA .first::before { } .c_portalResMessage_form-01001 .p_checkboxA input[type="checkbox"]:checked + i::after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; transform: rotate(-45deg); } .c_portalResMessage_form-01001 .p_checkboxA input[type="checkbox"]:hover + i::after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; transform: rotate(-45deg); } .c_portalResMessage_form-01001 .p_ContactInfo { padding-top: 10px; } .c_portalResMessage_form-01001 .p_ContactInfo > div { margin-top: 24px; } .c_portalResMessage_form-01001 .p_ContactInfo > div .e_input, .c_portalResMessage_form-01001 .e_droplist, .c_portalResMessage_form-01001 .p_ContactInfo > div .p_EntryBox, .c_portalResMessage_form-01001 select.InputText { width: 335px; height: 30px; display: inline-block; vertical-align: middle; position: relative; } .c_portalResMessage_form-01001 .p_ContactInfo > div .e_input .InputText { border-radius: 2px; padding-left: 7px; line-height: inherit; height: inherit; width: inherit; display: inline-block; background: transparent none repeat scroll 0% 0%; } .c_portalResMessage_form-01001 .p_ContactInfo > div .p_EntryBox { width: 165px; } .c_portalResMessage_form-01001 .p_ContactInfo > div .p_EntryInput { width: 165px; } .c_portalResMessage_form-01001 .p_ContactInfo > div .p_image { display: inline-block; position: relative; width: 85px; height: 30px; border-style: none; cursor: pointer; vertical-align: middle; } .c_portalResMessage_form-01001 .p_ContactInfo > div .p_AssistLabelA .iconfont::before { position: absolute; right: 0px; top: 3px; content: ""; display: block; } .c_portalResMessage_form-01001 .p_AreaBox .e_droplist .shape::before { content: ""; } .c_portalResMessage_form-01001 .p_ContactInfo > div .p_LoginPrompt .text-error::after, .c_portalResMessage_form-01001 .p_eqdesc > div .p_LoginPrompt .text-error::after { left: -15px; } .c_portalResMessage_form-01001 .p_CoupWBox, .c_portalResMessage_form-01001 .p_CoupWBoxA { height: 40px; } .c_portalResMessage_form-01001 .p_succ .iconfont::before { content: ""; } .c_portalResMessage_form-01001 .p_fail .iconfont::before { content: ""; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .iconfont::before { content: ""; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .first::before { content: ""; } .c_portalResMessage_form-01001 .p_intentionIntroTitle { min-width: 120px; text-align: right; } .c_portalResMessage_form-01001 .form-control { max-width: 470px; } .c_portalResMessage_form-01001 .p_CoupWBox { padding-left: 102px; margin-bottom: 30px; } .c_portalResMessage_form-01001 .p_UnitName { position: absolute; right: -110px; top: 6px; width: 100px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } .w_fline-001 .p_FLine { width: 100%; border-top: 1px solid rgb(240, 240, 240); opacity: 1; display: inline-block; vertical-align: middle; } .w_fline-001 { width: 100%; min-height: 20px; display: block; margin: 0px auto; } .w_fline-001 .w_fline { width: 100%; min-height: inherit; font-size: 0px; } .w_fline-001 .w_fline::before { content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0px; } .w_ficon-001 { display: table; width: 100%; height: 100%; max-width: 80px; max-height: 0px; min-height: 80px; margin: 0px auto; } .w_ficon-001 .w_ficon { display: table-cell; vertical-align: middle; text-align: center; } .w_ficon-001 .e_link { display: inline-block; height: auto; } .w_ficon-001 .p_icon { margin: 0px; width: inherit; height: inherit; color: rgb(102, 102, 102); } .w_ficon-001 .p_icon::before { content: ""; font-size: 30px; } * { padding: 0px; margin: 0px; } .pagebox { width: 100%; margin: 0px auto; } .pagebox, #-remove--flag { } body, #-remove--flag { } #c_portalResnav_main-15806922250490675 .p_MatteIcon .iconfont::before { content: ""; } #c_portalResnav_main-15806922250490675 > div { animation-fill-mode: both; } #c_portalResnav_main-15806922250490675 .nav { width: 100%; height: auto; overflow: hidden; } #c_portalResnav_main-15806922250490675 .show_btn { display: none; } #c_portalResnav_main-15806922250490675 .nav_ul { width: 100%; height: auto; font-size: 0px; white-space: nowrap; display: flex; justify-content: flex-end; } #c_portalResnav_main-15806922250490675 .nav_li { cursor: pointer; padding: 0px 10px; } #c_portalResnav_main-15806922250490675 .nav_h3 { height: 40px; line-height: 40px; text-align: center; font-size: 16px; } #c_portalResnav_main-15806922250490675 .yj_name { color: rgb(255, 255, 255); } @media only screen and (min-width: 769px) { #c_portalResnav_main-15806922250490675 .yj_li { display: inline-block; } #c_portalResnav_main-15806922250490675 .iconfont { display: none; } #c_portalResnav_main-15806922250490675 .link { display: block; width: 100%; height: 100%; } #c_portalResnav_main-15806922250490675 .yj_link { color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .yj_li:hover .yj_link { color: rgb(255, 255, 255); } } @media only screen and (max-width: 768px) { #c_portalResnav_main-15806922250490675 .show_btn { display: flex; width: 50px; height: 50px; float: right; } #c_portalResnav_main-15806922250490675 .cd { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 24px; color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .nav_ul { display: none; } #c_portalResnav_main-15806922250490675 .nav_li { width: 100%; } #c_portalResnav_main-15806922250490675 .nav_h3 { color: rgb(255, 255, 255); padding-left: 10%; text-align: left; } #c_portalResnav_main-15806922250490675 .yj_link { display: inline-block; width: 80%; color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .show_ul { position: fixed; left: 0px; top: 70px; z-index: 999; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; } } @media only screen and (max-width: 1100px) { #c_portalResnav_main-15806922250490675 .show_btn { display: flex; width: 50px; height: 50px; float: right; } #c_portalResnav_main-15806922250490675 .cd { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 24px; color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .nav_ul { display: none; } #c_portalResnav_main-15806922250490675 .nav_li { width: 100%; } #c_portalResnav_main-15806922250490675 .nav_h3 { color: rgb(255, 255, 255); padding-left: 10%; text-align: left; } #c_portalResnav_main-15806922250490675 .yj_link { display: inline-block; width: 80%; color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .show_ul { position: fixed; left: 0px; top: 70px; z-index: 999; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; } } #c_portalResnav_main-15806922250490675 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 20px 0px 0px auto; padding: 0px; } #c_portalResMessage_form-15924594134180689 .p_MatteIcon .iconfont::before { content: ""; } #c_portalResMessage_form-15924594134180689 > div { animation-fill-mode: both; } #c_portalResMessage_form-15924594134180689 .p_NameBox { display: none; } #c_portalResMessage_form-15924594134180689 .p_DepictBoxB { display: none; } #c_portalResMessage_form-15924594134180689 .p_FullNameBox { display: none; } #c_portalResMessage_form-15924594134180689 .p_GenderBox { display: none; } #c_portalResMessage_form-15924594134180689 .p_PhoneBox { display: none; } #c_portalResMessage_form-15924594134180689 .p_TelephoneBox { display: none; } #c_portalResMessage_form-15924594134180689 .p_EmailBox { display: none; } #c_portalResMessage_form-15924594134180689 .p_intentionIntroTitle { display: none; } #c_portalResMessage_form-15924594134180689 .e_text { width: 100%; } #c_portalResMessage_form-15924594134180689 .p_groupBox textarea { height: 40px; } #c_portalResMessage_form-15924594134180689 .p_groupBox { height: 40px; } #c_portalResMessage_form-15924594134180689 .form-control { border-radius: 0px; border: 0px solid rgb(170, 170, 170); background-color: white; } #c_portalResMessage_form-15924594134180689 .InputText { border-radius: 0px; height: 40px; } #c_portalResMessage_form-15924594134180689 .btn-primary { background-color: rgb(197, 138, 98); height: 40px; } #c_portalResMessage_form-15924594134180689 .btn { border: 0px none; width: 100%; border-radius: 0px; } #c_portalResMessage_form-15924594134180689 .p_CoupWBox { padding-left: 0px; margin-bottom: 10px; } #c_portalResMessage_form-15924594134180689 .p_image { float: right; height: 40px; width: 30%; } #c_portalResMessage_form-15924594134180689 .p_ContactInfo { padding-top: 0px; } #c_portalResMessage_form-15924594134180689 .p_ContactInfo > div { margin-top: 16px; } #c_portalResMessage_form-15924594134180689 .p_ConWBox { padding: 0px; } #c_portalResMessage_form-15924594134180689 .form-group { margin-left: 0px; margin-right: 0px; } #c_portalResMessage_form-15924594134180689 .p_EntryBox { width: 70%; } #c_portalResMessage_form-15924594134180689 .p_EntryInput { width: 100%; } @media screen and (max-width: 768px) { #c_portalResMessage_form-15924594134180689 .form-control:-moz-placeholder { font-size: 14px; color: rgb(153, 153, 153); } #c_portalResMessage_form-15924594134180689 .form-control::-moz-placeholder { font-size: 14px; color: rgb(153, 153, 153); } #c_portalResMessage_form-15924594134180689 .form-control { border: 0px solid rgb(170, 170, 170); } #c_portalResMessage_form-15924594134180689 .p_image { width: 90px; height: 40px; bottom: 0px; margin-top: -30px; right: 0px; } #c_portalResMessage_form-15924594134180689 .form-group { padding: 20px 0px 0px; } #c_portalResMessage_form-15924594134180689 .p_CoupWBox { width: 100%; margin: 28px auto 0px; } } @media only screen and (min-width: 769px) { #c_portalResnav_main-15806922250490675 .yj_li { display: inline-block; } #c_portalResnav_main-15806922250490675 .iconfont { display: none; } #c_portalResnav_main-15806922250490675 .link { display: block; width: 100%; height: 100%; } #c_portalResnav_main-15806922250490675 .yj_link { color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .yj_li:hover .yj_link { color: rgb(255, 255, 255); } } @media only screen and (max-width: 768px) { #c_portalResnav_main-15806922250490675 .show_btn { display: flex; width: 50px; height: 50px; float: right; } #c_portalResnav_main-15806922250490675 .cd { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 24px; color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .nav_ul { display: none; } #c_portalResnav_main-15806922250490675 .nav_li { width: 100%; } #c_portalResnav_main-15806922250490675 .nav_h3 { color: rgb(255, 255, 255); padding-left: 10%; text-align: left; } #c_portalResnav_main-15806922250490675 .yj_link { display: inline-block; width: 80%; color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .show_ul { position: fixed; left: 0px; top: 70px; z-index: 999; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; } } @media only screen and (max-width: 1100px) { #c_portalResnav_main-15806922250490675 .show_btn { display: flex; width: 50px; height: 50px; float: right; } #c_portalResnav_main-15806922250490675 .cd { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 24px; color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .nav_ul { display: none; } #c_portalResnav_main-15806922250490675 .nav_li { width: 100%; } #c_portalResnav_main-15806922250490675 .nav_h3 { color: rgb(255, 255, 255); padding-left: 10%; text-align: left; } #c_portalResnav_main-15806922250490675 .yj_link { display: inline-block; width: 80%; color: rgb(255, 255, 255); } #c_portalResnav_main-15806922250490675 .show_ul { position: fixed; left: 0px; top: 70px; z-index: 999; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; } } @media screen and (max-width: 768px) { #c_portalResMessage_form-15924594134180689 .form-control:-moz-placeholder { font-size: 14px; color: rgb(153, 153, 153); } #c_portalResMessage_form-15924594134180689 .form-control::-moz-placeholder { font-size: 14px; color: rgb(153, 153, 153); } #c_portalResMessage_form-15924594134180689 .form-control { border: 0px solid rgb(170, 170, 170); } #c_portalResMessage_form-15924594134180689 .p_image { width: 90px; height: 40px; bottom: 0px; margin-top: -30px; right: 0px; } #c_portalResMessage_form-15924594134180689 .form-group { padding: 20px 0px 0px; } #c_portalResMessage_form-15924594134180689 .p_CoupWBox { width: 100%; margin: 28px auto 0px; } } #c_portalResMessage_form-15924594134180689 { width: 100%; max-width: 420px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 10px 0px 0px; padding: 0px; } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1593408925980 > div > .p_gridbox { background-color: rgb(34, 34, 34); } #w_grid-1593408925980 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1593408925980 > div { animation-fill-mode: both; } #w_grid-1593408925980 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1593408925980 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1593408925980 > div > .p_gridbox > .p_gridCell:nth-child(n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1593408925980 > div > .p_gridbox > .p_gridCell:nth-child(n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1593408926001 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1593408926001 > div { animation-fill-mode: both; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 2%; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 46.906%; margin-left: 2%; margin-right: 0px; clear: none; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { clear: left; margin-left: 2%; margin-right: 0px; width: 47.094%; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 2%; } } @media only screen and (min-width: 769px) { #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 2%; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 66.505%; margin-left: 2%; margin-right: 0px; clear: none; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { clear: left; margin-left: 2%; margin-right: 0px; width: 27.495%; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 2%; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 2%; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 66.505%; margin-left: 2%; margin-right: 0px; clear: none; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { clear: left; margin-left: 2%; margin-right: 0px; width: 27.495%; } #w_grid-1593408926001 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 2%; } } #w_fimg-1580692224962 .p_MatteIcon .iconfont::before { content: ""; } #w_fimg-1580692224962 > div { animation-fill-mode: both; } #w_grid-1580689058776 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1592459695721 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1592459695727 > div > .p_gridbox { background-color: rgb(39, 39, 39); } #w_grid-1592459695727 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1592459695727 > div { animation-fill-mode: both; } @media only screen and (min-width: 769px) { #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell:nth-child(n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell:nth-child(n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell:nth-child(n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell:nth-child(n) { margin-right: 0px; } } @media only screen and (max-width: 768px) { #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell:nth-child(n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695727 > div > .p_gridbox > .p_gridCell:nth-child(n) { margin-right: 0px; } } #w_grid-1592459695735 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1592459695735 > div { animation-fill-mode: both; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 100%; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(3n) { width: 33.3333%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(3n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 33.3333%; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 33.3333%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(3n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(3n) { width: 33.3333%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(3n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 33.3333%; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 33.3333%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695735 > div > .p_gridbox > .p_gridCell:nth-child(3n) { margin-right: 0px; } } #w_grid-1592459695741 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1592459695758 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1592459695758 > div { animation-fill-mode: both; } #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 91.07%; margin-left: 0%; margin-right: 0px; clear: none; } #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 8.93%; } #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 3%; } #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 89.1818%; margin-left: 3%; margin-right: 0px; clear: none; } #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 7.8182%; } #w_grid-1592459695758 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_ficon-1592459695769 .p_icon { color: rgb(255, 255, 255); } #w_ficon-1592459695769 .p_icon::before { content: ""; font-size: 20px; } #w_ficon-1592459695769 .p_MatteIcon .iconfont::before { content: ""; } #w_ficon-1592459695769 > div { animation-fill-mode: both; } @media only screen and (max-width: 768px) { #w_ficon-1592459695769 .p_link { margin: 0px; } } #w_grid-1592459695762 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1592459695762 > div { animation-fill-mode: both; } #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 91.14%; margin-left: 0%; margin-right: 0px; clear: none; } #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 8.86%; } #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 3%; } #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 89.1818%; margin-left: 3%; margin-right: 0px; clear: none; } #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 7.8182%; } #w_grid-1592459695762 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_ficon-1592459695777 .p_icon { color: rgb(255, 255, 255); } #w_ficon-1592459695777 .p_icon::before { content: ""; font-size: 20px; } #w_ficon-1592459695777 .p_MatteIcon .iconfont::before { content: ""; } #w_ficon-1592459695777 > div { animation-fill-mode: both; } @media only screen and (max-width: 768px) { #w_ficon-1592459695777 .p_link { margin: 0px; } } #w_grid-1592459695766 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1592459695766 > div { animation-fill-mode: both; } #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 91.16%; margin-left: 0%; margin-right: 0px; clear: none; } #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 8.84%; } #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 3%; } #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell:nth-child(2n) { width: 89.1818%; margin-left: 3%; margin-right: 0px; clear: none; } #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 7.8182%; } #w_grid-1592459695766 > div > .p_gridbox > .p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_ficon-1592459695783 .p_icon { color: rgb(255, 255, 255); } #w_ficon-1592459695783 .p_icon::before { content: ""; font-size: 20px; } #w_ficon-1592459695783 .p_MatteIcon .iconfont::before { content: ""; } #w_ficon-1592459695783 > div { animation-fill-mode: both; } @media only screen and (max-width: 768px) { #w_ficon-1592459695783 .p_link { margin: 0px; } } #w_grid-1592459695744 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1592459695744 > div { animation-fill-mode: both; } #w_grid-1592459695744 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } #w_grid-1592459695744 > div > .p_gridbox { padding: 0px 20px; } @media only screen and (min-width: 769px) { #w_grid-1592459695744 > div > .p_gridbox { border-right: 1px solid rgb(170, 170, 170); border-left: 1px solid rgb(170, 170, 170); } #w_grid-1592459695744 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1592459695744 > div > .p_gridbox > .p_gridCell:nth-child(n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695744 > div > .p_gridbox > .p_gridCell:nth-child(n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_fimg-1592459695799 .p_MatteIcon .iconfont::before { content: ""; } #w_fimg-1592459695799 > div { animation-fill-mode: both; } #w_grid-1592459695748 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1592459695731 > div > .p_gridbox { background-color: rgb(17, 17, 17); } #w_grid-1592459695731 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1592459695731 > div { animation-fill-mode: both; } #w_grid-1592459695731 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1592459695731 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1592459695731 > div > .p_gridbox > .p_gridCell:nth-child(n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1592459695731 > div > .p_gridbox > .p_gridCell:nth-child(n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1593408925980 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } #w_grid-1593408926001 { width: 100%; max-width: 1200px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } #w_fimg-1580692224962 { width: 100%; max-width: 200px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 20px 0px; padding: 0px; } #w_grid-1580689058776 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 700px; margin: 0px auto; padding: 0px; } #w_grid-1592459695721 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin: 0px auto; padding: 0px; } #w_grid-1592459695727 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } #w_grid-1592459695735 { width: 100%; max-width: 1240px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 20px auto 10px; padding: 0px 10px; } #w_grid-1592459695741 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 20px auto; padding: 0px 20px; } #w_common_text-1592459695751 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto 0px 0px; padding: 0px; } #w_common_text-1592459695753 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 5px auto 0px 0px; padding: 0px; } #w_fline-1592459695756 { width: 100%; max-width: 50px; min-width: 0px; height: auto; max-height: none; min-height: 5px; margin: 0px auto 0px 0px; padding: 0px; } #w_grid-1592459695758 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 20px auto 0px; padding: 0px; } #w_ficon-1592459695769 { width: 100%; max-width: 28px; min-width: 0px; height: auto; max-height: 0px; min-height: 0px; margin: 0px auto 0px 0px; padding: 0px; } #w_common_text-1592459695775 { width: auto; max-width: 226px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px; padding: 0px; } #w_grid-1592459695762 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 15px auto 0px; padding: 0px; } #w_ficon-1592459695777 { width: 100%; max-width: 28px; min-width: 0px; height: auto; max-height: 0px; min-height: 0px; margin: 0px auto 0px 0px; padding: 0px; } #w_common_text-1592459695781 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px; padding: 0px; } #w_grid-1592459695766 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 15px auto 0px; padding: 0px; } #w_ficon-1592459695783 { width: 100%; max-width: 28px; min-width: 0px; height: auto; max-height: 0px; min-height: 0px; margin: 0px auto 0px 0px; padding: 0px; } #w_common_text-1592459695786 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px; padding: 0px; } #w_grid-1592459695744 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 20px auto; padding: 0px; } #w_common_text-1592459695790 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto 0px 0px; padding: 0px; } #w_common_text-1592459695792 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 5px auto 0px 0px; padding: 0px; } #w_fline-1592459695794 { width: 100%; max-width: 50px; min-width: 0px; height: auto; max-height: none; min-height: 5px; margin: 0px auto 0px 0px; padding: 0px; } #w_common_text-1592459695797 { width: auto; max-width: 226px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 20px auto 0px 0px; padding: 0px; } #w_fimg-1592459695799 { width: 100%; max-width: 140px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 10px auto 0px 0px; padding: 0px; } #w_grid-1592459695748 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 20px auto; padding: 0px 20px; } #w_common_text-1592459695802 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto 0px 0px; padding: 0px; } #w_common_text-1592459695804 { width: auto; max-width: 132px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 5px auto 0px 0px; padding: 0px; } #w_fline-1592459695807 { width: 100%; max-width: 50px; min-width: 0px; height: auto; max-height: none; min-height: 5px; margin: 0px auto 0px 0px; padding: 0px; } #w_grid-1592459695731 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } #w_common_text-1592459695811 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 30px 0px; padding: 0px 20px; } /* ::::: http://2006285134.a.site.cn/css/page_impt_Product.css?v=1593479511000 ::::: */ .e_FlowCommonStyleBox-001 .title_icon::before { content: ""; } .e_FlowCommonStyleBox-001 .link_icon::before { content: ""; } .e_IndexOrdinaryStyleBox-001 .title_icon::before { content: ""; } .e_IndexOrdinaryStyleBox-001 .link_icon::before { content: ""; } @media only screen and (max-width: 768px) { .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .p_num .iconfont::before { content: ""; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up::before { content: ""; color: rgb(123, 123, 126); } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down::before { content: ""; color: rgb(123, 123, 126); } .c_portalResProduct_category-01001 .p_num .iconfont::before { content: ""; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up::before { content: ""; color: rgb(123, 123, 126); } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down::before { content: ""; color: rgb(123, 123, 126); } .c_portalResProduct_category-01001 .p_num .iconfont::before { content: ""; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .p_linkBox .iconfont::before { } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up::before { content: ""; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down::before { content: ""; } .c_portalResProduct_category-01001 .p_num .iconfont::before { content: ""; } } @media only screen and (min-width: 1024px) { .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up::before { content: ""; color: rgb(123, 123, 126); } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down::before { content: ""; color: rgb(123, 123, 126); } .c_portalResProduct_category-01001 .p_num .iconfont::before { content: ""; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down::before { content: ""; } .c_portalResProduct_category-01001 .p_num .iconfont::before { content: ""; } } .c_portalResProduct_list-01001 .p_tipsBox .iconfont::before { content: ""; position: absolute; bottom: -9px; left: 50%; transform: translate(-50%, 0px); } @media only screen and (max-width: 768px) { .c_portalResProduct_list-01001 { overflow: hidden; width: 100%; height: auto; min-width: 640px; margin-left: 0px; margin-right: 0px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) { border-color: rgb(24, 144, 255); color: rgb(24, 144, 255); z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont::before { content: ""; line-height: 30px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont { color: rgb(24, 144, 255); border-top-color: rgb(24, 144, 255); } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow::before { content: ""; } .c_portalResProduct_list-01001 .p_products { width: auto; height: auto; margin: 0px; padding: 0px; overflow: hidden; white-space: normal; } .c_portalResProduct_list-01001 .p_priceUnit::before { content: ""; } } @media only screen and (min-width: 769px) { .c_portalResProduct_list-01001 { overflow: hidden; width: 100%; height: auto; margin-left: 0px; margin-right: 0px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) { border-color: rgb(24, 144, 255); color: rgb(24, 144, 255); z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont::before { content: ""; line-height: 30px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont { color: rgb(24, 144, 255); } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow::before { content: ""; } .c_portalResProduct_list-01001 .p_products { width: auto; height: auto; margin: 0px; padding: 0px; overflow: hidden; white-space: normal; } .c_portalResProduct_list-01001 .p_priceUnit::before { content: ""; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { } .w_fimg-000 .p_title .iconfont::before { display: inline-block; content: ""; } .w_fimg-000 { position: relative; width: 100%; height: auto; min-height: 200px; } .w_fimg-000 .animated { width: 100%; height: 100%; position: relative; min-height: inherit; } .w_fimg-000 .p_link001 { width: 100%; height: 100%; } .w_fimg-000 .p_box { width: 100%; height: 100%; text-align: center; position: static; } .w_fimg-000 .p_dimage { height: inherit; overflow: hidden; font-size: 0px; } .w_fimg-000 .e_image:hover::after { background: transparent none repeat scroll 0% 0%; } .w_fimg-000 .p_dimage:empty { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: rgb(242, 242, 242) url('camera.png') no-repeat scroll center center; } .w_grid-000 { margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid { width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell { float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty)::before { content: ""; height: 0px; display: block; } .w_grid-000 > .w_grid.signal { min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox { min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell { min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child { margin-left: 0px; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { .w_grid-000 > div > .p_gridbox > .p_gridCell { width: 100%; margin-left: 0px; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px) { .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child { width: 100%; margin-left: 0px; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } * { padding: 0px; margin: 0px; } .pagebox { width: 100%; } .pagebox, #-remove--flag { } body, #-remove--flag { } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #c_portalResProduct_list-15815726709704848 .p_MatteIcon .iconfont::before { content: ""; } #c_portalResProduct_list-15815726709704848 > div { animation-fill-mode: both; } #c_portalResProduct_list-15815726709704848 .proBox { width: 100%; height: auto; overflow: hidden; } #c_portalResProduct_list-15815726709704848 .proContainer { width: 100%; height: auto; overflow: hidden; margin: 1rem auto; } #c_portalResProduct_list-15815726709704848 .proLi { position: relative; overflow: hidden; padding: 20px; } #c_portalResProduct_list-15815726709704848 .porTbox { position: relative; overflow: hidden; width: 100%; height: 260px; border: 1px solid rgb(242, 242, 242); } #c_portalResProduct_list-15815726709704848 .proImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: all 0.5s ease 0s; } #c_portalResProduct_list-15815726709704848 .porBbox { position: relative; overflow: hidden; width: 100%; height: 90px; padding: 10px 10px 10px; border: 1px solid rgb(242, 242, 242); } #c_portalResProduct_list-15815726709704848 .proTitle { font-size: 1rem; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; width: 100%; } #c_portalResProduct_list-15815726709704848 .proSummry { color: rgb(119, 119, 119); white-space: nowrap; overflow: hidden; margin: 10px 0px; text-overflow: ellipsis; } #c_portalResProduct_list-15815726709704848 .lookDetail { position: relative; display: block; color: rgb(119, 119, 119); height: 38px; line-height: 38px; border-top: 1px solid rgb(229, 229, 229); } #c_portalResProduct_list-15815726709704848 .arrowsR { position: absolute; top: 50%; right: 0px; transform: translate(0px, -50%); width: 30px; } #c_portalResProduct_list-15815726709704848 .arrowsR img { position: absolute; transition: all 0.5s ease 0s; } #c_portalResProduct_list-15815726709704848 .harr { opacity: 0; } #c_portalResProduct_list-15815726709704848 .showBox { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; } #c_portalResProduct_list-15815726709704848 .showBoxLink { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 60%; color: rgb(255, 255, 255); text-align: center; font-size: 1rem; padding: 0.5rem 0px; } #c_portalResProduct_list-15815726709704848 .showBoxLink::before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; } #c_portalResProduct_list-15815726709704848 .showBoxLink::after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; } #c_portalResProduct_list-15815726709704848 .lookDetail:hover .barr { opacity: 0; } #c_portalResProduct_list-15815726709704848 .lookDetail:hover .harr { opacity: 1; } #c_portalResProduct_list-15815726709704848 .proLi:hover .showBox { opacity: 1; } #c_portalResProduct_list-15815726709704848 .proLi:hover .proImg { transform: translate(-50%, -50%) scale(1.1); } #c_portalResProduct_list-15815726709704848 .proLi:hover .showBoxLink::before { width: 1rem; } #c_portalResProduct_list-15815726709704848 .proLi:hover .showBoxLink::after { width: 1rem; } @media only screen and (min-width: 769px) { #c_portalResProduct_list-15815726709704848 .proContainer { max-width: 1400px; } #c_portalResProduct_list-15815726709704848 .proLi { width: calc(100% / 3); height: 400px; float: left; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #c_portalResProduct_list-15815726709704848 .proContainer { max-width: 900px; } #c_portalResProduct_list-15815726709704848 .proLi { width: 50%; height: 400px; } } #c_portalResProduct_list-15815726709704848 .p_page .pre .iconfont::before { } #c_portalResProduct_list-15815726709704848 .p_page .next .iconfont::before { } #c_portalResProduct_list-15815726709704848 .p_more .iconfont::before { } #c_portalResProduct_list-15815726709704848 .p_loading .iconfont::before { } #c_portalResProduct_list-15815726709704848 .p_page .pageNum:hover { background-color: rgb(17, 17, 17) ! important; border-color: rgb(17, 17, 17) ! important; } #c_portalResProduct_list-15815726709704848 .p_page .pageNum:active { background-color: rgb(17, 17, 17) ! important; } #c_portalResProduct_list-15815726709704848 .p_page .pageNum.active { background-color: rgb(17, 17, 17) ! important; border-color: rgb(17, 17, 17) ! important; } #c_portalResProduct_list-15815726709704848 .p_page .pre:active { background-color: rgb(17, 17, 17) ! important; } #c_portalResProduct_list-15815726709704848 .p_page .pre:hover { background-color: rgb(17, 17, 17) ! important; border-color: rgb(17, 17, 17) ! important; } #c_portalResProduct_list-15815726709704848 .p_page .next:hover { background-color: rgb(17, 17, 17) ! important; border-color: rgb(17, 17, 17) ! important; } #c_portalResProduct_list-15815726709704848 .p_page .next:active { background-color: rgb(17, 17, 17) ! important; border-color: rgb(17, 17, 17) ! important; } #c_portalResProduct_list-15815726709704848 .p_page .next { background-color: rgb(17, 17, 17) ! important; color: rgb(255, 255, 255) ! important; } @media screen and (max-width: 768px) { } #c_portalResProduct_list-15815726709704848 { width: auto; max-width: 1300px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } @media only screen and (min-width: 769px) and (max-width: 1024px) { } @media only screen and (min-width: 769px) and (max-width: 1024px) { } @media only screen and (min-width: 769px) and (max-width: 1024px) { } #c_portalResProduct_category-15824673247182618 .p_MatteIcon .iconfont::before { content: ""; } #c_portalResProduct_category-15824673247182618 > div { animation-fill-mode: both; } #c_portalResProduct_category-15824673247182618 .cateBox { width: 100%; } @media only screen and (min-width: 769px) { #c_portalResProduct_category-15824673247182618 .cateBox { background-color: rgb(51, 51, 51); height: 50px; } #c_portalResProduct_category-15824673247182618 .backBtn { display: none; } #c_portalResProduct_category-15824673247182618 .cate1 { width: 100%; height: 50px; overflow: visible; font-size: 0px; white-space: nowrap; } #c_portalResProduct_category-15824673247182618 .cateListBox { position: relative; width: 260px; height: auto; background-color: rgb(51, 51, 51); } #c_portalResProduct_category-15824673247182618 .li1 { display: inline-block; } #c_portalResProduct_category-15824673247182618 .cateNameH3 { width: 100%; height: 50px; line-height: 50px; border-bottom: 0px solid rgb(153, 153, 153); } #c_portalResProduct_category-15824673247182618 .cateName { display: inline-block; height: 50px; line-height: 50px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); text-align: center; } #c_portalResProduct_category-15824673247182618 .cateName1 { font-size: 1rem; } #c_portalResProduct_category-15824673247182618 .cateNameH3:hover { background-color: rgb(21, 130, 206); } } @media only screen and (max-width: 768px) { #c_portalResProduct_category-15824673247182618 .cateBox { overflow: hidden; } #c_portalResProduct_category-15824673247182618 .backBtn { width: 50px; height: 50px; line-height: 50px; text-align: center; } #c_portalResProduct_category-15824673247182618 .backBtn > i { font-size: 1.8rem; color: rgb(255, 255, 255); } #c_portalResProduct_category-15824673247182618 .cate1 { display: none; width: 100%; height: 100%; background-color: rgb(51, 51, 51); left: 0px; overflow: hidden; z-index: 999; } #c_portalResProduct_category-15824673247182618 .cateNameH3 { width: 100%; height: 50px; line-height: 50px; font-size: 0px; border-bottom: 0px solid rgb(153, 153, 153); } #c_portalResProduct_category-15824673247182618 .cateName { display: inline-block; height: 50px; line-height: 50px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); } #c_portalResProduct_category-15824673247182618 .cateName1 { font-size: 1rem; padding-left: 12px; } #c_portalResProduct_category-15824673247182618 .backBtn .iconfont { vertical-align: middle; } } #c_portalResProduct_category-15824673247182618 { width: auto; max-width: 1300px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } @media only screen and (max-width: 1024px) and (min-width: 769px) { } @media only screen and (max-width: 1024px) and (min-width: 769px) { } @media only screen and (min-width: 769px) { #c_portalResProduct_category-15824673247182618 .cateBox { background-color: rgb(51, 51, 51); height: 50px; } #c_portalResProduct_category-15824673247182618 .backBtn { display: none; } #c_portalResProduct_category-15824673247182618 .cate1 { width: 100%; height: 50px; overflow: visible; font-size: 0px; white-space: nowrap; } #c_portalResProduct_category-15824673247182618 .cateListBox { position: relative; width: 260px; height: auto; background-color: rgb(51, 51, 51); } #c_portalResProduct_category-15824673247182618 .li1 { display: inline-block; } #c_portalResProduct_category-15824673247182618 .cateNameH3 { width: 100%; height: 50px; line-height: 50px; border-bottom: 0px solid rgb(153, 153, 153); } #c_portalResProduct_category-15824673247182618 .cateName { display: inline-block; height: 50px; line-height: 50px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); text-align: center; } #c_portalResProduct_category-15824673247182618 .cateName1 { font-size: 1rem; } #c_portalResProduct_category-15824673247182618 .cateNameH3:hover { background-color: rgb(21, 130, 206); } } @media only screen and (max-width: 768px) { #c_portalResProduct_category-15824673247182618 .cateBox { overflow: hidden; } #c_portalResProduct_category-15824673247182618 .backBtn { width: 50px; height: 50px; line-height: 50px; text-align: center; } #c_portalResProduct_category-15824673247182618 .backBtn > i { font-size: 1.8rem; color: rgb(255, 255, 255); } #c_portalResProduct_category-15824673247182618 .cate1 { display: none; width: 100%; height: 100%; background-color: rgb(51, 51, 51); left: 0px; overflow: hidden; z-index: 999; } #c_portalResProduct_category-15824673247182618 .cateNameH3 { width: 100%; height: 50px; line-height: 50px; font-size: 0px; border-bottom: 0px solid rgb(153, 153, 153); } #c_portalResProduct_category-15824673247182618 .cateName { display: inline-block; height: 50px; line-height: 50px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); } #c_portalResProduct_category-15824673247182618 .cateName1 { font-size: 1rem; padding-left: 12px; } #c_portalResProduct_category-15824673247182618 .backBtn .iconfont { vertical-align: middle; } } @media only screen and (min-width: 769px) { #c_portalResProduct_list-15815726709704848 .proContainer { max-width: 1400px; } #c_portalResProduct_list-15815726709704848 .proLi { width: calc(100% / 3); height: 400px; float: left; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #c_portalResProduct_list-15815726709704848 .proContainer { max-width: 900px; } #c_portalResProduct_list-15815726709704848 .proLi { width: 50%; height: 400px; } } @media screen and (max-width: 768px) { } #w_grid-1593409294649 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1587705470441 > div > .p_gridbox { background-color: rgb(51, 51, 51); overflow: visible; } #w_grid-1587705470441 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1587705470441 > div { animation-fill-mode: both; } #w_grid-1587705470441 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } #w_grid-1587705470441 > div > .p_gridbox::after { content: ""; display: block; clear: both; } @media only screen and (min-width: 769px) { #w_grid-1587705470441 > div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1587705470441 > div > .p_gridbox > .p_gridCell:nth-child(n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1587705470441 > div > .p_gridbox > .p_gridCell:nth-child(n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1587705844963 .p_MatteIcon .iconfont::before { content: ""; } #w_grid-1587705844963 > div { animation-fill-mode: both; } #w_grid-1587705844963 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { } @media only screen and (min-width: 769px) { #w_grid-1587705844963 > div > .p_gridbox > .p_gridCell { margin-bottom: 3rem; margin-top: 3rem; margin-left: 0px; } #w_grid-1587705844963 > div > .p_gridbox > .p_gridCell:nth-child(n) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1587705844963 > div > .p_gridbox > .p_gridCell:nth-child(n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #w_grid-1593409294649 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } #w_fimg-1593409425515 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px; padding: 0px; } #w_grid-1587705470441 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } #w_grid-1587705844963 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; } /* ::::: http://2006285134.a.site.cn/public/wgt/frontPlugin/laydate/theme/default/laydate.css?v=5.0.9 ::::: */ html #layuicss-laydate { display: none; position: absolute; width: 1989px; } .laydate-day-mark::after { position: absolute; content: ""; right: 2px; top: 2px; width: 5px; height: 5px; border-radius: 50%; } .laydate-day-mark::after { background-color: rgb(95, 184, 120); } .layui-laydate-content td.layui-this .laydate-day-mark::after { display: none; } @font-face { font-family: "laydate-icon"; src: url('iconfont_002.eot') format("embedded-opentype"), url('iconfont_002.svg') format("svg"), url('iconfont_002.woff') format("woff"), url('iconfont_002.ttf') format("truetype"); }