/* 分页 */ #pages { padding:14px 0 10px; font-family:宋体 } #pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px} #pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 } #pages a:hover { background:#f1f1f1; color:#000; text-decoration:none } #pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px} .page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; } .fyys{ font-size:14px; } .e_ContentMajorStyleBox-001 { height: auto; height-and-height-uint: auto; width: 100%; width-and-width-uint: 100%; width-uint: %; } .e_ContentMajorStyleBox-001 .stylebox_top { height: 40px; height-and-height-uint: 40px; width: auto; width-and-width-uint: auto; background-color: rgba(255, 255, 255, 0); } .e_ContentMajorStyleBox-001 .title_icon { vertical-align: middle; margin-right: 10px; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: medium; display: inline-block; } .e_ContentMajorStyleBox-001 .title_icon::before { content: ""; } .e_ContentMajorStyleBox-001 .title_main { vertical-align: middle; line-height: 40px; max-width: 600px; color: rgba(0, 0, 0, 1); text-align: center; text-overflow: ellipsis; overflow: hidden; font-size: 18px; white-space: nowrap; display: inline-block; font-weight: normal; } .e_ContentMajorStyleBox-001 .title_sub { vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 14px; margin-left: 10px; display: inline-block; font-weight: normal; } .e_ContentMajorStyleBox-001 .stylebox_title { padding-left: 15px; padding-right: 15px; height-and-height-uint: auto; width: 100%; background-color: rgba(255, 255, 255, 0); display: inline-block; width-uint: %; vertical-align: bottom; width-and-width-uint: 100%; font-size: 0px; width-and-height: custom; white-space: nowrap; height-uint: auto; } .e_ContentMajorStyleBox-001 .stylebox_link { vertical-align: middle; margin-right: 15px; height: inherit; color: #666666; font-size: 14px; display: table; border-width: 0px; padding: 0 15px; float: right; } .e_ContentMajorStyleBox-001 .stylebox_link a { vertical-align: middle; color: inherit; display: table-cell; } .e_ContentMajorStyleBox-001 .link_icon { margin-left: 5px; display: inline-block; } .e_ContentMajorStyleBox-001 .link_icon::before { content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1); } .e_ContentMajorStyleBox-001 .stylebox_content { height: calc(100% - 48px); width: 100%; border-style: solid; border-color: #f0f0f0; border-width: 1px; width-uint: %; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1); } .e_IndexOrdinaryStyleBox-001 { width: 100%; height: auto; width-uint: %; } .e_IndexOrdinaryStyleBox-001 .stylebox_top { background-color: transparent; } .e_IndexOrdinaryStyleBox-001 .stylebox_link { color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover { color: rgba(101, 190, 186, 1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active { color: rgba(101, 190, 186, 1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top { width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); margin-right: 10px; font-size: medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before { content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link { float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before { content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint: %; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1); } .e_SideMajorStyleBox-001 { width: 100%; height: auto; width-uint: %; } .e_SideMajorStyleBox-001 .stylebox_link { color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top { width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before { content: ""; } .e_SideMajorStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before { content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint: %; } .e_SideMajorStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1); } .e_AllWBox-001 { width: 490px; height: 39px; background-color: rgba(77, 144, 203, 1); } .w_wbox-001 .p_wbox { background-color: rgba(255, 255, 255, 1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; } .w_wbox-001 { position: absolute; width: 100%; height: 120px; } .c_product_list-01001 .p_shade { width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, .6); z-index: 999; } .c_product_list-01001 .p_PopupWindow { margin: 0; width: auto; height: auto; padding: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: transparent; z-index: 999999; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .c_product_list-01001 .p_PopupWindow:hover {} .c_product_list-01001 .p_PopupWindow:active {} .c_product_list-01001 .p_PopupWindow iframe { width: 100%; height: 100%; } .c_product_list-01001 .p_CloseBtn { position: absolute; vertical-align: middle; width: 32px; height: 38px; cursor: pointer; right: -28px; top: 0px; z-index: 999999; text-align: center; } .c_product_list-01001 .p_CloseBtn:hover .iconfont { color: #65beba; } .c_product_list-01001 .p_CloseBtn:active {} .c_product_list-01001 .p_CloseBtn .iconfont { display: inline-block; vertical-align: top; color: rgba(255, 255, 255, 1.0); } .c_product_list-01001 .p_CloseBtn .iconfont:before { content: "\e640"; font-size: 32px; } .c_product_list-01001 .p_scroll { width: 100%; height: auto; position: relative; } .c_product_list-01001 .p_scroll .vline { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .c_product_list-01001 .p_scroll .scrolling { width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F2F2F3); background: -o-linear-gradient(#fff, #F2F2F3); background: -moz-linear-gradient(#fff, #F2F2F3); background: linear-gradient(#fff, #F2F2F3); border-radius: 6px; position: relative; left: 50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #AAAAAA; cursor: pointer; } .c_product_list-01001 .p_scroll .scrolling:hover { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F7F7F8); background: -o-linear-gradient(#fff, #F7F7F8); background: -moz-linear-gradient(#fff, #F7F7F8); background: linear-gradient(#fff, #F7F7F8); } .c_product_list-01001 .p_scroll .scrolling:active { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #E4E4E4); background: -o-linear-gradient(#fff, #E4E4E4); background: -moz-linear-gradient(#fff, #E4E4E4); background: linear-gradient(#fff, #E4E4E4); box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, 0.1); } .c_product_list-01001 .p_succ { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_product_list-01001 .p_succ .iconfont { height: auto; color: #A2D465; margin-right: 20px; display: inline-block; margin-left: 40px; } .c_product_list-01001 .p_succ .iconfont:before { content: "\e648"; } .c_product_list-01001 .p_succ .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px; } .c_product_list-01001 .p_succ .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_product_list-01001 .p_succ .assistfont { display: none; } .c_product_list-01001 .p_succ .closebtn { display: none; } .c_product_list-01001 .p_fail { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_product_list-01001 .p_fail .iconfont { height: auto; color: #FF0000; margin-right: 20px; display: inline-block; margin-left: 40px; } .c_product_list-01001 .p_fail .iconfont:before { content: "\e641"; } .c_product_list-01001 .p_fail .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px; } .c_product_list-01001 .p_fail .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_product_list-01001 .p_fail .assistfont { font-size: 14px; color: #999999; margin-top: 5px; } .c_product_list-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_product_list-01001 .p_fail .closebtn:hover { cursor: pointer; } .c_product_list-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_product_list-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_product_list-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_product_list-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_product_list-01001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } .c_product_list-01001 .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51, 51, 51, 1); font-weight: bold; text-align: left; } .c_product_list-01001 .p_PromptNoneData .promptbox { width: auto; height: 100%; } .c_product_list-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105, 1); padding-left: 65px; } .c_product_list-01001 .p_moreBtn { background: rgba(252, 252, 252, 1); border-color: rgba(240, 240, 240, 1); border-style: solid; border-width: 1px; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; color: rgba(101, 190, 186, 1); font-size: 12px; text-align: center; } .c_product_list-01001 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle; } .c_product_list-01001 .p_moreBtn:hover { background: rgba(101, 190, 186, 1); border-color: transparent; } .c_product_list-01001 .p_moreBtn:hover { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_moreBtn .iconfont:before { content: ""; } .e_pagebox { width: auto; height: auto; clear: both; position: relative; } .c_product_list-01001 .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .c_product_list-01001 .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .c_product_list-01001 .p_page .next { display: inline-table; float: left; } .c_product_list-01001 .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .c_product_list-01001 .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .c_product_list-01001 .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_product_list-01001 .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_product_list-01001 .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .c_product_list-01001 .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .c_product_list-01001 .p_page .pre:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer; } .c_product_list-01001 .p_page .pre:active { background-color: rgba(90, 170, 167, 1); } .c_product_list-01001 .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .c_product_list-01001 .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_page .pre .iconfont:before { content: ""; margin-right: 5px; shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_product_list-01001 .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .c_product_list-01001 .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .c_product_list-01001 .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .c_product_list-01001 .p_page .next:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer; } .c_product_list-01001 .p_page .next:active { background-color: rgba(90, 170, 167, 1); } .c_product_list-01001 .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .c_product_list-01001 .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_page .pageNum { position: relative; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; position: absolute; text-decoration: none; width: inherit; } .c_product_list-01001 .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .c_product_list-01001 .p_page .pageNum:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); cursor: pointer; text-decoration: none; background-color: rgba(101, 190, 186, 1); } .c_product_list-01001 .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .c_product_list-01001 .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .c_product_list-01001 .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle; } .c_product_list-01001 .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_page .pageNum .iconfont:before { content: ""; } .c_product_list-01001 .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1); } .c_product_list-01001 .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1); } .c_product_list-01001 .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .c_product_list-01001 .d_unitB { display: inline-table; margin: 0; padding: 0; vertical-align: middle; color: rgba(0, 0, 0, 1); font-size: 14px; text-align: justify; } .c_product_list-01001 .d_unitB .font { line-height: 19px; } .c_product_list-01001 .d_unitB .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_unitA { display: inline-table; margin: 0; padding: 0; vertical-align: middle; color: rgba(0, 0, 0, 1); font-size: 14px; text-align: justify; } .c_product_list-01001 .d_unitA .font { line-height: 19px; } .c_product_list-01001 .d_unitA .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_keyword { display: inline-block; margin: 0; padding-bottom: 0px; padding-left: 0px; padding-right: 5px; padding-top: 0px; color: rgba(102, 102, 102, 1); font-size: 14px; text-align: left; } .c_product_list-01001 .d_keyword .font { white-space: nowrap; vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_keyword .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_keywords { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_AssistNameD { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_product_list-01001 .d_AssistNameD .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_product_list-01001 .d_AssistNameD .iconfont:before { content: "\e69e"; } .c_product_list-01001 .d_KeywordBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_view { display: inline-table; margin: 0; padding: 0 5px 0 0; vertical-align: middle; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_product_list-01001 .p_view .font { vertical-align: middle; display: table-cell; line-height: 18px; } .c_product_list-01001 .p_view .iconfont:before { content: ""; } .c_product_list-01001 .p_AssistNameC { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_product_list-01001 .p_AssistNameC .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_product_list-01001 .p_AssistNameC .iconfont:before { content: "\e69e"; shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_ViewBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_comment { display: inline-table; margin: 0; padding: 0 5px 0 0; vertical-align: middle; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_product_list-01001 .p_comment .font { vertical-align: middle; display: table-cell; line-height: 18px; } .c_product_list-01001 .p_comment .iconfont:before { content: ""; } .c_product_list-01001 .p_AssistNameB { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_product_list-01001 .p_AssistNameB .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_product_list-01001 .p_AssistNameB .iconfont:before { content: "\e69e"; shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_CommentBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_favorite { display: inline-table; margin: 0; padding: 0 5px 0 0; vertical-align: middle; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_product_list-01001 .p_favorite .font { vertical-align: middle; display: table-cell; line-height: 18px; } .c_product_list-01001 .p_favorite .iconfont:before { content: ""; } .c_product_list-01001 .p_AssistNameA { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_product_list-01001 .p_AssistNameA .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_product_list-01001 .p_AssistNameA .iconfont:before { content: "\e69e"; shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_FavoriteBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_InteractionInfo { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_btnA { font-size: 14px; height: 38px; color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 0); background-color: rgba(106, 186, 190, 1); padding-top: 0; padding-right: 12px; padding-left: 12px; white-space: nowrap; text-align: center; } .c_product_list-01001 .p_btnA:hover { color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 0); background-color: rgba(106, 186, 190, 1); } .c_product_list-01001 .p_btnA:active { color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 0); background-color: rgba(106, 186, 190, 1); } .c_product_list-01001 .p_btnA .font { display: table-cell; vertical-align: middle; } .c_product_list-01001 .p_btnA .iconfont { display: none; } .iconfont:before { content: ""; } .c_product_list-01001 .p_ToDetail { font-size: 14px; height: 38px; color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 0); background-color: rgba(106, 186, 190, 1); padding-top: 0; padding-right: 12px; padding-left: 12px; white-space: nowrap; text-align: center; } .c_product_list-01001 .p_ToDetail:hover { color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 0); background-color: rgba(106, 186, 190, 1); } .c_product_list-01001 .p_ToDetail:active { color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 0); background-color: rgba(106, 186, 190, 1); } .c_product_list-01001 .p_ToDetail .font { display: table-cell; vertical-align: middle; } .c_product_list-01001 .p_ToDetail .iconfont { display: none; } .iconfont:before { content: ""; } .c_product_list-01001 .p_inquiry { font-size: 14px; height: 38px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: none; border-color: transparent; background-color: rgba(255, 102, 0, 1); padding-top: 0; padding-right: 12px; padding-left: 12px; white-space: nowrap; text-align: center; } .c_product_list-01001 .p_inquiry:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 102, 0, 1); } .c_product_list-01001 .p_inquiry:active { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 102, 0, 1); } .c_product_list-01001 .p_inquiry .font { display: table-cell; vertical-align: middle; } .c_product_list-01001 .p_inquiry .iconfont { display: none; } .iconfont:before { content: ""; } .c_product_list-01001 .p_AddCart { font-size: 14px; height: 38px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 102, 0, 1); text-align: center; padding-top: 0; padding-right: 12px; padding-left: 12px; white-space: nowrap; word-break: no-break; } .c_product_list-01001 .p_AddCart:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 102, 0, 1); } .c_product_list-01001 .p_AddCart .font { display: table-cell; vertical-align: middle; bottom: 0; } .c_product_list-01001 .p_AddCart .iconfont { display: inline; } .c_product_list-01001 .p_AddCart:active .iconfont { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_AddCart .iconfont:before { content: "\e754"; shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_buy { font-size: 14px; height: 38px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 102, 0, 1); text-align: center; padding-top: 0; padding-right: 12px; padding-left: 12px; white-space: nowrap; word-break: no-break; } .c_product_list-01001 .p_buy:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 102, 0, 1); } .c_product_list-01001 .p_buy .font { display: table-cell; vertical-align: middle; bottom: 0; } .c_product_list-01001 .p_buy .iconfont { display: inline; } .c_product_list-01001 .p_buy:active .iconfont { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_buy .iconfont:before { content: "\e754"; shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_interaction { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_summaryA { color: rgba(102, 102, 102, 1); font-size: 14px; line-height: 26px; text-align: left; vertical-align: top; word-break: break-all; } .c_product_list-01001 .d_nameJ { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameJ .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameJ .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_LabelBoxB { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_label { display: inline-table; margin: 0; padding: 0; vertical-align: middle; color: rgba(0, 0, 0, 1); font-size: 14px; text-align: justify; } .c_product_list-01001 .d_label .font { line-height: 19px; } .c_product_list-01001 .d_label .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_nameH { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameH .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameH .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_LabelBoxA { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_summary { color: rgba(102, 102, 102, 1); font-size: 14px; line-height: 26px; text-align: left; vertical-align: top; word-break: break-all; } .c_product_list-01001 .d_nameI { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameI .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameI .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_unit { display: inline-table; margin: 0; padding: 0; vertical-align: middle; color: rgba(0, 0, 0, 1); font-size: 14px; text-align: justify; } .c_product_list-01001 .d_unit .font { line-height: 19px; } .c_product_list-01001 .d_unit .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_num { display: inline-table; margin: 0; padding: 0; vertical-align: middle; color: rgba(0, 0, 0, 1); font-size: 14px; text-align: justify; } .c_product_list-01001 .d_num .font { line-height: 19px; } .c_product_list-01001 .d_num .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_nameG { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameG .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameG .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_NumBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_weight { display: inline-table; margin: 0; padding: 0; vertical-align: middle; color: rgba(0, 0, 0, 1); font-size: 14px; text-align: justify; } .c_product_list-01001 .d_weight .font { line-height: 19px; } .c_product_list-01001 .d_weight .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_nameF { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameF .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameF .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_WeightBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_MarketPrice { display: inline-block; margin: 0; padding: 0; color: rgba(153, 153, 153, 1); font-size: 14px; } .c_product_list-01001 .d_MarketPrice .font { text-decoration: line-through; white-space: nowrap; } .c_product_list-01001 .d_MarketPrice .iconfont:before { content: ""; } .c_product_list-01001 .d_nameE { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameE .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameE .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_MarketPriceBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_SalePrice { display: inline-table; margin: 0; padding: 0; color: rgba(255, 0, 0, 1); font-size: 14px; text-align: left; } .c_product_list-01001 .d_SalePrice .font { display: table-cell; white-space: nowrap; vertical-align: middle; } .c_product_list-01001 .d_SalePrice .iconfont:before { display: inline-block; vertical-align: middle; content: ""; } .c_product_list-01001 .d_nameD { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameD .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameD .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_SalePriceBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_nom { display: inline-table; margin: 0; padding: 0; vertical-align: middle; color: rgba(0, 0, 0, 1); font-size: 14px; text-align: justify; } .c_product_list-01001 .d_nom .font { line-height: 19px; } .c_product_list-01001 .d_nom .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_nameC { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameC .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameC .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_NomBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_BrandImg { width: 128px; height: 190px; margin-top: 5px; position: relative; border-color: rgba(154, 155, 155, 1); border-width: 2px; border-style: solid; } .c_product_list-01001 .d_BrandImg img { display: block; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .c_product_list-01001 .d_BrandImg:hover { border-color: rgba(105, 192, 188, 1); } .c_product_list-01001 .d_BrandImg:hover .shape { border-bottom-color: rgba(105, 192, 188, 1) } .c_product_list-01001 .d_BrandImg.click img { border-color: rgba(105, 192, 188, 1); } .c_product_list-01001 .d_nameB { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameB .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameB .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_brandA { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_title { display: inline-table; margin: 0; min-width: 37px; padding: 0; color: rgba(51, 51, 51, 1); font-size: 16px; font-weight: 400; cursor: pointer; } .c_product_list-01001 .d_title .font { vertical-align: middle; line-height: 21px; } .c_product_list-01001 .d_title:hover { color: rgba(87, 177, 173, 1); } .c_product_list-01001 .d_title:active { color: rgba(69, 165, 161, 1); } .c_product_list-01001 .d_title .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_nameA { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_product_list-01001 .d_nameA .font { vertical-align: middle; line-height: 19px; } .c_product_list-01001 .d_nameA .iconfont:before { display: inline-block; content: ""; } .c_product_list-01001 .d_HeadBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .d_articles { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_thumbnail { width: 128px; height: 190px; margin-top: 5px; position: relative; border-color: rgba(154, 155, 155, 1); border-width: 2px; border-style: solid; } .c_product_list-01001 .p_thumbnail img { display: block; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .c_product_list-01001 .p_thumbnail:hover { border-color: rgba(105, 192, 188, 1); } .c_product_list-01001 .p_thumbnail:hover .shape { border-bottom-color: rgba(105, 192, 188, 1) } .c_product_list-01001 .p_thumbnail.click img { border-color: rgba(105, 192, 188, 1); } .c_product_list-01001 .p_ThumbnailBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_tag { padding: 0; border-width: 1px; border-style: none; border-color: transparent; overflow: hidden; } .c_product_list-01001 .p_tag:hover { border-width: 1px; border-style: none; border-color: transparent; } .c_product_list-01001 .p_tag:active { border-width: 1px; border-style: none; border-color: transparent; } .c_product_list-01001 .p_TagBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_image { padding: 0; border-width: 1px; border-style: none; border-color: transparent; overflow: hidden; } .c_product_list-01001 .p_image:hover { border-width: 1px; border-style: none; border-color: transparent; } .c_product_list-01001 .p_image:active { border-width: 1px; border-style: none; border-color: transparent; } .c_product_list-01001 .p_MatteIcon { margin: 0; width: inherit; height: inherit; color: rgba(102, 102, 102, 1); } .c_product_list-01001 .p_MatteIcon .iconfont:before { content: '\e602'; font-size: 50px; } .c_product_list-01001 .p_Position { width: inherit; height: auto; display: table-cell; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-duration: 0.5s; animation-delay: 0s; text-align: left; vertical-align: middle; display: none; } .c_product_list-01001 .p_matte { width: 100%; height: 100%; position: absolute; z-index: 999; display: none; table-layout: fixed; } .c_product_list-01001 .p_matteA { width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, .3); z-index: 999; display: none; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: ; animation-duration: ; animation-delay: ; } .c_product_list-01001 .p_images { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } @charset "utf-8"; .c_product_list-01001 .p_Product { width: calc((100% - 60px)/3); height: auto; margin: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } .c_product_list-01001 .p_products { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_CommentSort { position: relative; width: 100px; height: 30px; line-height: 30px; text-align: left; padding-left: 10px; background-color: rgba(255, 255, 255, 1); border-width: 1px; border-style: solid; border-color: rgba(203, 203, 203, 1); cursor: pointer; color: rgba(153, 153, 153, 1); } .c_product_list-01001 .p_CommentSort:hover, .c_product_list-01001 .p_CommentSort:active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_CommentSort:hover .font, .c_product_list-01001 .p_CommentSort:active .font { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_CommentSort.active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_CommentSort .font .iconfont:first-child { display: none; } .c_product_list-01001 .p_CommentSort .font .iconfont { display: inline-block; position: absolute; top: 0; right: 0; font-size: 20px; color: rgba(255, 255, 255, 1); text-align: center; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_CommentSort .font .iconfont:before { content: "\e6bf"; line-height: 30px; } .c_product_list-01001 .p_CommentSort .font .arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_CommentSort .font .down-arrow { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .c_product_list-01001 .p_CommentSort .font .arrow:before { content: "\e6bf"; } .c_product_list-01001 .p_CommentSort:lang(active) .font { color: #fff; } .c_product_list-01001 .p_TimeSort { position: relative; width: 100px; height: 30px; line-height: 30px; text-align: left; padding-left: 10px; background-color: rgba(255, 255, 255, 1); border-width: 1px; border-style: solid; border-color: rgba(203, 203, 203, 1); cursor: pointer; color: rgba(153, 153, 153, 1); } .c_product_list-01001 .p_TimeSort:hover, .c_product_list-01001 .p_TimeSort:active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_TimeSort:hover .font, .c_product_list-01001 .p_TimeSort:active .font { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_TimeSort.active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_TimeSort .font .iconfont:first-child { display: none; } .c_product_list-01001 .p_TimeSort .font .iconfont { display: inline-block; position: absolute; top: 0; right: 0; font-size: 20px; color: rgba(255, 255, 255, 1); text-align: center; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_TimeSort .font .iconfont:before { content: "\e6bf"; line-height: 30px; } .c_product_list-01001 .p_TimeSort .font .arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_TimeSort .font .down-arrow { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .c_product_list-01001 .p_TimeSort .font .arrow:before { content: "\e6bf"; } .c_product_list-01001 .p_TimeSort:lang(active) .font { color: #fff; } .c_product_list-01001 .p_ViewSort { position: relative; width: 100px; height: 30px; line-height: 30px; text-align: left; padding-left: 10px; background-color: rgba(255, 255, 255, 1); border-width: 1px; border-style: solid; border-color: rgba(203, 203, 203, 1); cursor: pointer; color: rgba(153, 153, 153, 1); } .c_product_list-01001 .p_ViewSort:hover, .c_product_list-01001 .p_ViewSort:active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_ViewSort:hover .font, .c_product_list-01001 .p_ViewSort:active .font { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_ViewSort.active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_ViewSort .font .iconfont:first-child { display: none; } .c_product_list-01001 .p_ViewSort .font .iconfont { display: inline-block; position: absolute; top: 0; right: 0; font-size: 20px; color: rgba(255, 255, 255, 1); text-align: center; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_ViewSort .font .iconfont:before { content: "\e6bf"; line-height: 30px; } .c_product_list-01001 .p_ViewSort .font .arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_ViewSort .font .down-arrow { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .c_product_list-01001 .p_ViewSort .font .arrow:before { content: "\e6bf"; } .c_product_list-01001 .p_ViewSort:lang(active) .font { color: #fff; } .c_product_list-01001 .p_PriceSort { position: relative; width: 100px; height: 30px; line-height: 30px; text-align: left; padding-left: 10px; background-color: rgba(255, 255, 255, 1); border-width: 1px; border-style: solid; border-color: rgba(203, 203, 203, 1); cursor: pointer; color: rgba(153, 153, 153, 1); } .c_product_list-01001 .p_PriceSort:hover, .c_product_list-01001 .p_PriceSort:active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_PriceSort:hover .font, .c_product_list-01001 .p_PriceSort:active .font { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_PriceSort.active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_PriceSort .font .iconfont:first-child { display: none; } .c_product_list-01001 .p_PriceSort .font .iconfont { display: inline-block; position: absolute; top: 0; right: 0; font-size: 20px; color: rgba(255, 255, 255, 1); text-align: center; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_PriceSort .font .iconfont:before { content: "\e6bf"; line-height: 30px; } .c_product_list-01001 .p_PriceSort .font .arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_PriceSort .font .down-arrow { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .c_product_list-01001 .p_PriceSort .font .arrow:before { content: "\e6bf"; } .c_product_list-01001 .p_PriceSort:lang(active) .font { color: #fff; } .c_product_list-01001 .p_NoSort { position: relative; width: 100px; height: 30px; line-height: 30px; text-align: left; padding-left: 10px; background-color: rgba(255, 255, 255, 1); border-width: 1px; border-style: solid; border-color: rgba(203, 203, 203, 1); cursor: pointer; color: rgba(153, 153, 153, 1); } .c_product_list-01001 .p_NoSort:hover, .c_product_list-01001 .p_NoSort:active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_NoSort:hover .font, .c_product_list-01001 .p_NoSort:active .font { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_NoSort.active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_NoSort .font .iconfont:first-child { display: none; } .c_product_list-01001 .p_NoSort .font .iconfont { display: inline-block; position: absolute; top: 0; right: 0; font-size: 20px; color: rgba(255, 255, 255, 1); text-align: center; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_NoSort .font .iconfont:before { content: "\e6bf"; line-height: 30px; } .c_product_list-01001 .p_NoSort .font .arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_NoSort .font .down-arrow { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .c_product_list-01001 .p_NoSort .font .arrow:before { content: "\e6bf"; } .c_product_list-01001 .p_NoSort:lang(active) .font { color: #fff; } .c_product_list-01001 .p_NameSort { position: relative; width: 100px; height: 30px; line-height: 30px; text-align: left; padding-left: 10px; background-color: rgba(255, 255, 255, 1); border-width: 1px; border-style: solid; border-color: rgba(203, 203, 203, 1); cursor: pointer; color: rgba(153, 153, 153, 1); } .c_product_list-01001 .p_NameSort:hover, .c_product_list-01001 .p_NameSort:active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_NameSort:hover .font, .c_product_list-01001 .p_NameSort:active .font { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_NameSort.active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_NameSort .font .iconfont:first-child { display: none; } .c_product_list-01001 .p_NameSort .font .iconfont { display: inline-block; position: absolute; top: 0; right: 0; font-size: 20px; color: rgba(255, 255, 255, 1); text-align: center; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_NameSort .font .iconfont:before { content: "\e6bf"; line-height: 30px; } .c_product_list-01001 .p_NameSort .font .arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_NameSort .font .down-arrow { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .c_product_list-01001 .p_NameSort .font .arrow:before { content: "\e6bf"; } .c_product_list-01001 .p_NameSort:lang(active) .font { color: #fff; } .c_product_list-01001 .p_default { position: relative; width: 100px; height: 30px; line-height: 30px; text-align: left; padding-left: 10px; background-color: rgba(255, 255, 255, 1); border-width: 1px; border-style: solid; border-color: rgba(203, 203, 203, 1); cursor: pointer; color: rgba(153, 153, 153, 1); } .c_product_list-01001 .p_default:hover, .c_product_list-01001 .p_default:active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_default:hover .font, .c_product_list-01001 .p_default:active .font { color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_default.active { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_default .font .iconfont:first-child { display: none; } .c_product_list-01001 .p_default .font .iconfont { display: inline-block; position: absolute; top: 0; right: 0; font-size: 20px; color: rgba(255, 255, 255, 1); text-align: center; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_default .font .iconfont:before { content: "\e6bf"; line-height: 30px; } .c_product_list-01001 .p_default .font .arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .c_product_list-01001 .p_default .font .down-arrow { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .c_product_list-01001 .p_default .font .arrow:before { content: "\e6bf"; } .c_product_list-01001 .p_default:lang(active) .font { color: #fff; } .c_product_list-01001 .p_sort { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_product_list-01001 .p_ProductList { margin: 0; width: 880px; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 1); background-color: transparent; white-space: nowrap; } @charset "utf-8"; .c_product_list-01001 { overflow: hidden; position: absolute; width: 890px; height: 890px; } .c_product_list-01001 .p_ProductList { width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0; padding: 10px; } .c_product_list-01001 .p_products { width: auto; height: auto; overflow: hidden; white-space: normal; } .c_product_list-01001 .p_Product { display: inline-block; vertical-align: top; width: calc((100% - 60px)/3); margin: 10px; height: inherit; border: 2px solid rgba(243, 243, 243, 1); } .c_product_list-01001 .d_articles { height: auto; width: auto; padding-left: 20px; padding-right: 20px; } .c_product_list-01001 .p_ThumbnailBox { overflow: hidden; height: auto; position: absolute; left: 0; bottom: 1px; z-index: 10; } .c_product_list-01001 .p_ThumbnailBox .p_thumbnail { width: 42px; height: 34px; float: left; margin-right: 3px; margin-top: 0; max-width: 42px; max-height: 34px; overflow: hidden; } .c_product_list-01001 .p_images { position: relative; width: 100%; height: 188px; text-align: center; font-size: 0; overflow: hidden; } .c_product_list-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_product_list-01001 .p_image { width: 100%; height: 100%; } .c_product_list-01001 .p_thumbnail .AtlasRelationImgBoxA { width: 100%; height: 100%; } .c_product_list-01001 .d_nameA { float: left; vertical-align: middle; margin-right: 5px; max-width: 70px; } .c_product_list-01001 .d_nameA .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 23px; } .c_product_list-01001 .d_nameA .iconfont { display: inline-block; } .c_product_list-01001 .p_linkA { display: block; overflow: hidden; } .c_product_list-01001 .d_title { display: block; vertical-align: middle; width: auto; height: auto; } .c_product_list-01001 .d_title .font { line-height: 21px; } .c_product_list-01001 .d_BrandImg { width: 67px; height: 19px; display: inline-block; vertical-align: middle; border: none; } .c_product_list-01001 .d_BrandImg { display: inline-block; vertical-align: middle; } .c_product_list-01001 .d_nameB { display: inline-block; vertical-align: middle; max-width: 70px; margin-right: 5px; } .c_product_list-01001 .d_nameB .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_product_list-01001 .d_nameB .iconfont { display: inline-block; } .c_product_list-01001 .d_nameC { display: inline-block; vertical-align: middle; max-width: 70px; margin-right: 5px; float: left; } .c_product_list-01001 .d_nameC .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_product_list-01001 .d_nameC .iconfont { display: inline-block; } .c_product_list-01001 .d_nom { display: block; vertical-align: middle; } .c_product_list-01001 .d_nom .iconfont { display: inline-block; } .c_product_list-01001 .d_nameD { display: inline-block; vertical-align: middle; max-width: 70px; margin-right: 5px; } .c_product_list-01001 .d_nameD .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_product_list-01001 .d_nameD .iconfont { display: inline-block; } .c_product_list-01001 .d_SalePrice { display: inline-block; vertical-align: middle; } .c_product_list-01001 .d_nameE { display: inline-block; vertical-align: middle; max-width: 70px; margin-right: 5px; } .c_product_list-01001 .d_nameE .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_product_list-01001 .d_nameE .iconfont { display: inline-block; } .c_product_list-01001 .d_MarketPrice { display: inline-block; vertical-align: middle; } .c_product_list-01001 .d_nameF { display: inline-block; vertical-align: middle; max-width: 70px; margin-right: 5px; } .c_product_list-01001 .d_nameF .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_product_list-01001 .d_nameF .iconfont { display: inline-block; } .c_product_list-01001 .d_weight { display: inline-block; vertical-align: middle; } .c_product_list-01001 .d_weight .iconfont { display: inline-block; } .c_product_list-01001 .d_unitA .iconfont { display: inline-block; } .c_product_list-01001 .d_nameG { display: inline-block; vertical-align: middle; max-width: 70px; margin-right: 5px; } .c_product_list-01001 .d_nameG .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_product_list-01001 .d_nameG .iconfont { display: inline-block; } .c_product_list-01001 .d_num { display: inline-block; vertical-align: middle; } .c_product_list-01001 .d_num .iconfont { display: inline-block; } .c_product_list-01001 .d_nameH { vertical-align: middle; max-width: 70px; margin-right: 5px; float: left; } .c_product_list-01001 .d_nameH .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_product_list-01001 .d_label { display: block; vertical-align: middle; overflow: hidden; } .c_product_list-01001 .d_label .iconfont { display: inline-block; } .c_product_list-01001 .d_LabelBoxB { display: block; width: auto; height: auto; } .c_product_list-01001 .d_nameJ { max-width: 70px; margin-right: 5px; float: left; } .c_product_list-01001 .d_nameJ .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 26px; } .c_product_list-01001 .d_summaryA { font-family: "Microsoft Yahei"; padding-left: 5px; word-break: break-all; white-space: normal; overflow: hidden; } .c_product_list-01001 .d_nameI { margin-right: 5px; max-width: 70px; float: left; } .c_product_list-01001 .d_nameI .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 26px; } .c_product_list-01001 .d_summary .font { text-align: left; } .c_product_list-01001 .d_summary .iconfont { display: inline-block; } .c_product_list-01001 .d_nameJ { vertical-align: middle; line-height: 26px; max-width: 70px; margin-right: 5px; } .c_product_list-01001 .d_nameJ .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_product_list-01001 .p_textA { display: inline-block; vertical-align: middle; } .c_product_list-01001 .d_HeadBox { margin-top: 10px; width: auto; height: auto; display: block; } .c_product_list-01001 .p_buy { display: inline-block; position: inherit; margin-right: 10px; margin-bottom: 10px; } .c_product_list-01001 .p_buy .iconfont { margin-right: 2px; } .c_product_list-01001 .p_buy .iconfont::before { content: "\e6bd"; } .c_product_list-01001 .p_AddCart { display: inline-block; position: inherit; margin-bottom: 10px; } .c_product_list-01001 .p_AddCart .iconfont { margin-right: 2px; } .c_product_list-01001 .p_AddCart .iconfont::before { content: "\e693"; } .c_product_list-01001 .p_inquiry { display: inline-block; position: inherit; margin-right: 10px; margin-bottom: 10px; } .c_product_list-01001 .p_inquiry .iconfont { margin-right: 2px; } .c_product_list-01001 .p_ToDetail { display: inline-block; position: inherit; margin-right: 10px; margin-bottom: 10px; } .c_product_list-01001 .p_ToDetail .iconfont { margin-right: 2px; } .c_product_list-01001 .p_btnA { display: inline-block; position: inherit; margin-bottom: 10px; } .c_product_list-01001 .p_btnA .iconfont { margin-right: 2px; } .c_product_list-01001 .p_interaction { margin-top: 10px; width: auto; height: auto; word-break: break-all; white-space: normal; } .c_product_list-01001 .p_interaction a { display: inline-block; float: left; } .c_product_list-01001 .p_image:hover:after { width: inherit; height: inherit; position: absolute; left: 0; top: 0; } .c_product_list-01001 .p_tag:hover:after { width: 0; height: 0; } .c_product_list-01001 .d_brandA { vertical-align: middle; width: auto; height: auto; margin-bottom: 10px; } .c_product_list-01001 .d_NomBox { margin-top: 10px; margin-bottom: 10px; width: auto; height: auto; } .c_product_list-01001 .d_SalePriceBox { margin-top: 10px; margin-bottom: 10px; width: auto; height: auto; } .c_product_list-01001 .d_MarketPriceBox { margin-top: 10px; margin-bottom: 10px; vertical-align: middle; width: auto; height: auto; } .c_product_list-01001 .d_WeightBox { margin-top: 10px; margin-bottom: 10px; vertical-align: middle; width: auto; height: auto; } .c_product_list-01001 .d_NumBox { margin-top: 10px; margin-bottom: 10px; width: auto; height: auto; } .c_product_list-01001 .d_SummaryBox { margin-top: 10px; margin-bottom: 10px; overflow: hidden; display: block; width: auto; height: auto; } .c_product_list-01001 .d_summary { font-family: "Microsoft Yahei"; word-break: break-all; white-space: normal; padding-left: 5px; overflow: hidden; } .c_product_list-01001 .d_LabelBoxA { margin-top: 10px; margin-bottom: 10px; display: block; width: auto; height: auto; } .c_product_list-01001 .p_FavoriteBox { display: inline-block; width: auto; height: auto; } .c_product_list-01001 .p_CommentBox { display: inline-block; width: auto; height: auto; } .c_product_list-01001 .p_ViewBox { display: inline-block; width: auto; height: auto; } .c_product_list-01001 .p_InteractionInfo { vertical-align: middle; margin-top: 10px; margin-bottom: 10px; width: auto; height: auto; } .c_product_list-01001 .p_FavoriteBox { vertical-align: middle; width: auto; height: auto; } .c_product_list-01001 .p_CommentBox { vertical-align: middle; width: auto; height: auto; } .c_product_list-01001 .p_ViewBox { vertical-align: middle; width: auto; height: auto; } .c_product_list-01001 .p_favorite { vertical-align: middle; padding-right: 0px; } .c_product_list-01001 .p_AssistNameA { vertical-align: middle; } .c_product_list-01001 .p_AssistNameA .iconfont::before { content: "\e688"; } .c_product_list-01001 .p_CommentBox { vertical-align: middle; } .c_product_list-01001 .p_AssistNameB { vertical-align: middle; } .c_product_list-01001 .p_AssistNameB .iconfont::before { content: "\e696"; } .c_product_list-01001 .p_comment { vertical-align: middle; padding-left: 0px; } .c_product_list-01001 .p_ViewBox { vertical-align: middle; } .c_product_list-01001 .p_AssistNameC { vertical-align: middle; } .c_product_list-01001 .p_AssistNameC .iconfont::before { content: "\e69e"; } .c_product_list-01001 .p_view { vertical-align: middle; } .c_product_list-01001 .d_KeywordBox { margin-top: 10px; margin-bottom: 10px; width: auto; height: auto; } .c_product_list-01001 .d_AssistNameD { margin-right: 5px; float: left; } .c_product_list-01001 .d_AssistNameD .iconfont:before { content: "\e6b3"; } .c_product_list-01001 .d_keyword:hover { cursor: default; } .c_product_list-01001 .d_keywords { overflow: hidden; width: auto; height: auto; } .c_product_list-01001 .p_BrandBox { width: auto; height: auto; } .c_product_list-01001 .p_sort { width: auto; height: auto; overflow: hidden; margin: 10px 0; clear: both; font-size: 14px; } .c_product_list-01001 .p_default { float: left; margin-right: 5px; } .c_product_list-01001 .p_default:lang(active) { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_default .iconfont.arrow { display: none; } .c_product_list-01001 .p_PriceSort { float: left; margin-right: 5px; } .c_product_list-01001 .p_PriceSort:lang(active) { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_ViewSort { float: left; margin-right: 5px; } .c_product_list-01001 .p_ViewSort:lang(active) { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_TimeSort { float: left; margin-right: 5px; } .c_product_list-01001 .p_TimeSort:lang(active) { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_NameSort { float: left; margin-right: 5px; } .c_product_list-01001 .p_NameSort:lang(active) { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_CommentSort { float: left; margin-right: 5px; } .c_product_list-01001 .p_NoSort:lang(active) { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_NoSort { float: left; margin-right: 5px; } .c_product_list-01001 .p_CommentSort { float: left; margin-right: 5px; } .c_product_list-01001 .p_CommentSort:lang(active) { background-color: rgba(101, 190, 186, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_TagBox { width: auto; height: auto; position: absolute; right: 0px; top: 0px; } .c_product_list-01001 .p_tag { float: right; margin-left: 10px; margin-bottom: 5px; } .c_product_list-01001 .p_page { float: right; margin-right: 20px; margin-top: 10px; } .c_product_list-01001 .p_moreBtn { position: relative; width: auto; height: auto; } .c_product_list-01001 .p_Product:hover .p_matteA { display: block; } .c_product_list-01001 .p_Product:hover .p_Position { display: inline-block; } .c_product_list-01001 .p_Position { padding-left: 20px; padding-right: 20px; text-align: left; } .c_product_list-01001 .p_Product:hover .p_matte { display: block; } .c_product_list-01001 .p_MatteIcon { width: auto; display: inline-block; } .c_product_list-01001 .p_MatteIcon:before { content: ""; } .c_product_list-01001 .p_MatteIcon .iconfont { font-size: 20px; color: rgba(255, 255, 255, .8); } .c_product_list-01001 .p_MatteIcon .iconfont:before { content: "\e602"; } .c_product_list-01001 .p_Product .p_matte:before { content: "\200B"; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .c_product_list-01001 .p_CommonLanternBox { width: auto; height: auto; position: relative; } .c_product_list-01001 .p_CommonSwitchBtnA { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 45px; color: #e5e5e5; } .c_product_list-01001 .p_CommonSwitchBtnA .iconfont:before { content: "\e687"; } .c_product_list-01001 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); font-size: 45px; color: #e5e5e5; } .c_product_list-01001 .p_CommonSwitchBtnB .iconfont:before { content: "\e6ae"; } .c_product_list-01001 .p_CommonSummaryBoxA { width: auto; height: auto; text-align: center; margin-bottom: 20px; } .c_product_list-01001 .p_CommonThumbnailBox { width: auto; height: auto; } .c_product_list-01001 .d_CommonInteractionA { left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0, -50%); } .c_product_list-01001 .d_CommonInteractionB { right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0, -50%); } .c_product_list-01001 .p_CommonSquareNumBtn { width: 100px; height: 10px; margin: 0px 8px; } .c_product_list-01001 .p_CommonSquareNumBtn { display: inline-block; height: 10px; width: 100px; padding: 0; background-color: rgba(228, 228, 228, 1); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer; } .c_product_list-01001 .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle; } .c_product_list-01001 .p_CommonSquareNumBtn img { display: none; } .c_product_list-01001 .p_CommonSquareNumBtn:hover, .c_product_list-01001 .p_CommonSquareNumBtn.active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1); } .c_product_list-01001 .p_CommonSummaryBoxA { text-align: center; } .c_product_list-01001>div { animation-fill-mode: both; } .c_product_list-01001 .p_nameA_1 .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_nameI_1 .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_nameB .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_AssistNameD_1 .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_inquiry .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_ToDetail .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } .c_product_list-01001 .p_btnA .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; height: 100%; left: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s, visibility 0s linear .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s, visibility 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; text-align: center; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translate3d(0, 0, 0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; height: 100%; margin-right: -.25em; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide--image { overflow: visible; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px 6px 0 6px; } .fancybox-slide--iframe { padding: 5% 5%; overflow: hidden; } .fancybox-content { background: #fff; display: inline-block; margin: 0 0 6px 0; max-width: 100%; overflow: auto; padding: 0; padding: 24px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; margin: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--html .fancybox-content { margin-bottom: 6px; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100% !important; margin: 0; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; height: calc(100% - 44px); margin-bottom: 44px; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { vertical-align: top; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 44px; margin: 0; outline: none; padding: 10px; transition: color .2s; vertical-align: top; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; } .fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentColor; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px; } .fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity .25s, visibility 0s, color .25s; } .fancybox-navigation .fancybox-button::after { content: ''; left: -25px; padding: 50px; position: absolute; top: -25px; } .fancybox-navigation .fancybox-button--arrow_left { left: 6px; } .fancybox-navigation .fancybox-button--arrow_right { right: 6px; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #555; cursor: pointer; height: 44px; margin: 0; padding: 6px; position: absolute; right: 0; top: 0; width: 44px; z-index: 10; } .fancybox-close-small svg { fill: transparent; opacity: .8; stroke: currentColor; stroke-width: 1.5; transition: stroke .1s; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:hover svg { opacity: 1; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { color: #ccc; padding: 5px; right: -12px; top: -44px; } .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg, .fancybox-slide--iframe .fancybox-close-small:hover svg { background: transparent; color: #fff; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC?tenantId=156783&viewType=1&v=1655187754000); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1; } .fancybox-caption::after { border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ''; display: block; left: 44px; position: absolute; right: 44px; top: 0; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; border: 6px solid rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #fff; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs>ul { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x>ul { overflow: hidden; } .fancybox-thumbs-y>ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y>ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y>ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs>ul>li { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs>ul>li { background-position: center center; background-repeat: no-repeat; background-size: cover; } .fancybox-thumbs>ul>li:before { border: 4px solid #4ea7f9; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs .fancybox-thumbs-active:before { opacity: 1; } @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs>ul>li { max-width: calc(100% - 10px); } } .c_ads_banner-17002 { width: 1420px; overflow: hidden; height: 400px; position: absolute; } .lubo { width: 100%; min-width: 100%; clear: both; position: relative; height: 100%; } .lubo_box { position: relative; width: 100%; height: 100%; } #c_ads_banner-14943199982472136 { left: 0 !important; } .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 100%; height: 100%; } .lubo_box li img { width: 100%; height: 100%; } .cir_box { overflow: hidden; position: absolute; z-index: 100; bottom: 30px !important; } .cir_box li { float: left; width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; cursor: pointer; background: none; border: 1px solid #fff; opacity: 1; filter: alpha(opacity=100); } .cir_on { background: #ffffff !important; } .lubo_btn { position: absolute; width: 100%; top: 43%; z-index: 2; } .left_btn, .right_btn { transition: 1s all; top: 215px; padding: 20px 10px; font-size: 30px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.498039); cursor: pointer; font-family: "瀹嬩綋"; display: block; opacity: 0.5; } .left_btn:hover, .right_btn:hover { opacity: 1; } .left_btn { float: left; } .right_btn { float: right; } .c_ads_banner-17002 .p_MatteIcon .iconfont:before { content: '\e602'; } .w_vline-001 .p_Vline { width: 1px; height: 200px; background-color: rgba(189, 189, 189, 0); width: 0px; border-left-width: 1px; border-left-style: solid; border-left-color: rgba(189, 189, 189, 1); opacity: 1; filter: alpha(opacity:100); } .w_vline-001 { position: absolute; width: 1px; height: 300px; left: 20px; top: 20px; } .w_vline-001 .w_vline { width: inherit; height: 100%; } .w_vline-001 .p_Vline { width: inherit; height: 100%; } .c_public_htmlCode-01001 { position: absolute; width: 300px; height: 390px; } .c_friendlink_list-01001 .p_succ { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_friendlink_list-01001 .p_succ .iconfont { height: auto; color: #A2D465; margin-right: 20px; display: inline-block; margin-left: 40px; } .c_friendlink_list-01001 .p_succ .iconfont:before { content: "\e648"; } .c_friendlink_list-01001 .p_succ .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px; } .c_friendlink_list-01001 .p_succ .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_friendlink_list-01001 .p_succ .assistfont { display: none; } .c_friendlink_list-01001 .p_succ .closebtn { display: none; } .c_friendlink_list-01001 .p_fail { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_friendlink_list-01001 .p_fail .iconfont { height: auto; color: #FF0000; margin-right: 20px; display: inline-block; margin-left: 40px; } .c_friendlink_list-01001 .p_fail .iconfont:before { content: "\e641"; } .c_friendlink_list-01001 .p_fail .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px; } .c_friendlink_list-01001 .p_fail .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_friendlink_list-01001 .p_fail .assistfont { font-size: 14px; color: #999999; margin-top: 5px; } .c_friendlink_list-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_friendlink_list-01001 .p_fail .closebtn:hover { cursor: pointer; } .c_friendlink_list-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } .c_friendlink_list-01001 .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51, 51, 51, 1); font-weight: bold; text-align: left; } .c_friendlink_list-01001 .p_PromptNoneData .promptbox { width: auto; height: 100%; } .c_friendlink_list-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105, 1); padding-left: 65px; } .c_friendlink_list-01001 .p_moreBtn { background: rgba(252, 252, 252, 1); border-color: rgba(240, 240, 240, 1); border-style: solid; border-width: 1px; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; color: rgba(101, 190, 186, 1); font-size: 12px; text-align: center; } .c_friendlink_list-01001 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle; } .c_friendlink_list-01001 .p_moreBtn:hover { background: rgba(101, 190, 186, 1); border-color: transparent; } .c_friendlink_list-01001 .p_moreBtn:hover { color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_moreBtn .iconfont:before { content: ""; } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation { -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; border: 3px solid #737282; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle; } .c_friendlink_list-01001 .p_loading { width: 890px; height: 70px; background-color: #FBFBFC; line-height: 70px; text-align: center; color: #666666; font-size: 18px; } .c_friendlink_list-01001 .p_loading .iconfont:before { content: ""; } .c_friendlink_list-01001 .p_loading .font { display: inline-block; margin-left: 20px; line-height: 70px; height: inherit; } .c_friendlink_list-01001 .p_more { width: 890px; text-align: center; padding-right: 20px; padding-left: 20px; height: 70px; background-color: #F6F7F8; position: relative; border-radius: 0; border-width: 0; color: rgba(115, 115, 131, 1); font-size: 18px; } .c_friendlink_list-01001 .p_more:active { background-color: #F6F7F8; } .c_friendlink_list-01001 .p_more .font { display: table-cell; vertical-align: middle; text-align: inherit; } .c_friendlink_list-01001 .p_more .iconfont { display: inline; vertical-align: middle; } .c_friendlink_list-01001 .p_more .iconfont:before { content: "\e6d1"; } .c_friendlink_list-01001 .p_moreBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .e_pagebox { width: auto; height: auto; clear: both; position: relative; } .c_friendlink_list-01001 .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .c_friendlink_list-01001 .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .c_friendlink_list-01001 .p_page .next { display: inline-table; float: left; } .c_friendlink_list-01001 .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .c_friendlink_list-01001 .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .c_friendlink_list-01001 .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_friendlink_list-01001 .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_friendlink_list-01001 .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .c_friendlink_list-01001 .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .c_friendlink_list-01001 .p_page .pre:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer; } .c_friendlink_list-01001 .p_page .pre:active { background-color: rgba(90, 170, 167, 1); } .c_friendlink_list-01001 .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .c_friendlink_list-01001 .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_page .pre .iconfont:before { content: ""; margin-right: 5px; } .c_friendlink_list-01001 .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_friendlink_list-01001 .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .c_friendlink_list-01001 .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .c_friendlink_list-01001 .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .c_friendlink_list-01001 .p_page .next:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer; } .c_friendlink_list-01001 .p_page .next:active { background-color: rgba(90, 170, 167, 1); } .c_friendlink_list-01001 .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .c_friendlink_list-01001 .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; } .c_friendlink_list-01001 .p_page .pageNum { position: relative; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; position: absolute; text-decoration: none; width: inherit; } .c_friendlink_list-01001 .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .c_friendlink_list-01001 .p_page .pageNum:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); cursor: pointer; text-decoration: none; background-color: rgba(101, 190, 186, 1); } .c_friendlink_list-01001 .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .c_friendlink_list-01001 .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .c_friendlink_list-01001 .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle; } .c_friendlink_list-01001 .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_page .pageNum .iconfont:before { content: ""; } .c_friendlink_list-01001 .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1); } .c_friendlink_list-01001 .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1); } .c_friendlink_list-01001 .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .c_friendlink_list-01001 .p_CommonSquareNumBtn { display: inline-block; height: 10px; width: 100px; padding: 0; background-color: rgba(228, 228, 228, 1); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer; } .c_friendlink_list-01001 .p_CommonSquareNumBtn img { display: none; } .c_friendlink_list-01001 .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle; } .c_friendlink_list-01001 .p_CommonSquareNumBtn:hover, .c_friendlink_list-01001 .p_CommonSquareNumBtn.active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_CommonSquareNumBtn.j-nav-active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1); } .c_friendlink_list-01001 .p_CommonThumbnailBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_CommonSummaryBoxA { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_CommonSwitchBtnB { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; color: rgba(154, 155, 155, 1); } .c_friendlink_list-01001 .p_CommonSwitchBtnB .iconfont:before { content: "\e6b0"; display: inline-block; } .c_friendlink_list-01001 .p_CommonSwitchBtnB:hover { color: rgba(105, 192, 188, 1); } .c_friendlink_list-01001 .p_CommonSwitchBtnB:hover { cursor: pointer; } .c_friendlink_list-01001 .p_summary { color: rgba(102, 102, 102, 1); font-size: 14px; line-height: 26px; text-align: left; vertical-align: top; word-break: break-all; } .c_friendlink_list-01001 .p_nameB { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_friendlink_list-01001 .p_nameB .font { vertical-align: middle; line-height: 19px; } .c_friendlink_list-01001 .p_nameB .iconfont:before { display: inline-block; content: ""; } .c_friendlink_list-01001 .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_title { display: inline-table; margin: 0; min-width: 37px; padding: 0; color: rgba(51, 51, 51, 1); font-size: 16px; font-weight: 400; cursor: pointer; } .c_friendlink_list-01001 .p_title .font { vertical-align: middle; line-height: 21px; } .c_friendlink_list-01001 .p_title:hover { color: rgba(87, 177, 173, 1); } .c_friendlink_list-01001 .p_title:active { color: rgba(69, 165, 161, 1); } .c_friendlink_list-01001 .p_title .iconfont:before { display: inline-block; content: ""; } .e_title.c_friendlink_list-01001 .p_LinkB { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left; } .e_title.c_friendlink_list-01001 .p_LinkB { white-space: nowrap; vertical-align: middle; line-height: 19px; } a>.e_title.c_friendlink_list-01001 .p_LinkB:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7; } a>.e_title.c_friendlink_list-01001 .p_LinkB:active { color: #60a9d7; font-weight: 400; } a>.e_title.c_friendlink_list-01001 .p_LinkB:active { text-decoration: none; margin-top: 0; } .e_title.c_friendlink_list-01001 .p_LinkB .iconfont:before { display: inline-block; content: ""; } .c_friendlink_list-01001 .p_nameA { display: inline-block; margin: 0; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_friendlink_list-01001 .p_nameA .font { vertical-align: middle; line-height: 19px; } .c_friendlink_list-01001 .p_nameA .iconfont:before { display: inline-block; content: ""; } .c_friendlink_list-01001 .p_TitleBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_content { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_thumbnail { padding: 0; border-width: 1px; border-style: none; border-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_thumbnail:hover { border-width: 1px; border-style: none; border-color: transparent; } .c_friendlink_list-01001 .p_thumbnail:active { border-width: 1px; border-style: none; border-color: transparent; } .c_friendlink_list-01001 .p_images { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .e_title.c_friendlink_list-01001 .p_LinkA { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left; } .e_title.c_friendlink_list-01001 .p_LinkA { white-space: nowrap; vertical-align: middle; line-height: 19px; } a>.e_title.c_friendlink_list-01001 .p_LinkA:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7; } a>.e_title.c_friendlink_list-01001 .p_LinkA:active { color: #60a9d7; font-weight: 400; } a>.e_title.c_friendlink_list-01001 .p_LinkA:active { text-decoration: none; margin-top: 0; } .e_title.c_friendlink_list-01001 .p_LinkA .iconfont:before { display: inline-block; content: ""; } .c_friendlink_list-01001 .p_articles { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_links { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_CommonSwitchBtnA { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; color: rgba(154, 155, 155, 1); } .c_friendlink_list-01001 .p_CommonSwitchBtnA .iconfont:before { content: "\e6b0"; display: inline-block; } .c_friendlink_list-01001 .p_CommonSwitchBtnA:hover { color: rgba(105, 192, 188, 1); } .c_friendlink_list-01001 .p_CommonSwitchBtnA:hover { cursor: pointer; } .c_friendlink_list-01001 .p_CommonInteraction { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_CommonLanternBox { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .c_friendlink_list-01001 .p_Linkslist { margin: 0; width: 880px; height: auto; padding: 0; border-width: 1px; border-style: none; border-color: rgba(255, 255, 255, 1); background-color: transparent; white-space: nowrap; } .c_friendlink_list-01001 { position: absolute; width: 1180px; height: 400px; overflow: visible; font-size: 0; } .c_friendlink_list-01001 .p_Linkslist { width: auto; height: auto; overflow: visible; white-space: normal; background: transparent; } .c_friendlink_list-01001 .p_links { width: auto; height: auto; overflow: hidden; border-color: transparent; padding: 15px; overflow: visible; } .c_friendlink_list-01001 .p_articles { margin: 5px; height: auto; overflow: hidden; width: calc((100% - 70px)/7); display: inline-block; vertical-align: top; text-align: left; overflow: visible; } .c_friendlink_list-01001 .p_LinkA { position: static; } .c_friendlink_list-01001 .p_images { display: block; width: auto; height: auto; position: relative; vertical-align: middle; overflow: visible; margin: 0 auto; } .c_friendlink_list-01001 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; } .c_friendlink_list-01001 .higher .p_thumbnail { position: absolute; height: 100%; } .c_friendlink_list-01001 .widther .p_thumbnail { position: absolute; height: 100%; } .c_friendlink_list-01001 .smaller .p_thumbnail { position: absolute; height: 100%; } .c_friendlink_list-01001 .p_thumbnail img {} .c_friendlink_list-01001 .p_content { width: auto; height: auto; border-width: 0; background-color: transparent; } .c_friendlink_list-01001 .p_TitleBox { width: auto; height: auto; margin-top: 5px; } .c_friendlink_list-01001 .p_nameA { vertical-align: bottom; float: left; } .c_friendlink_list-01001 .p_nameA .font { line-height: 21px; } .c_friendlink_list-01001 .p_nameA .iconfont:before { content: '\e6ae'; } .c_friendlink_list-01001 .p_LinkB {} .c_friendlink_list-01001 .p_title { vertical-align: bottom; display: block; text-align: justify; } .c_friendlink_list-01001 .p_title .font {} .c_friendlink_list-01001 .p_nameA.item_hide+.p_LinkB .p_title { text-align: center; } .c_friendlink_list-01001 .p_SummaryBox { width: auto; height: auto; margin-top: 5px; } .c_friendlink_list-01001 .p_nameB { float: left; } .c_friendlink_list-01001 .p_nameB .font { line-height: 20px; } .c_friendlink_list-01001 .p_nameB .iconfont:before { content: ''; } .c_friendlink_list-01001 .p_summary { line-height: 20px; } .c_friendlink_list-01001 .p_nameB.item_hide+.p_summary { text-align: center; } .c_friendlink_list-01001 .p_CommonLanternBox { width: auto; height: auto; position: relative; } .c_friendlink_list-01001 .p_CommonSwitchBtnA { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 45px; color: #e5e5e5; } .c_friendlink_list-01001 .p_CommonSwitchBtnA .iconfont:before { content: "\e687"; } .c_friendlink_list-01001 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); font-size: 45px; color: #e5e5e5; } .c_friendlink_list-01001 .p_CommonSwitchBtnB .iconfont:before { content: "\e6ae"; } .c_friendlink_list-01001 .p_CommonSummaryBoxA { width: auto; height: auto; text-align: center; margin-bottom: 20px; } .c_friendlink_list-01001 .p_CommonThumbnailBox { width: auto; height: auto; } .c_friendlink_list-01001 .d_CommonInteractionA { left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0, -50%); } .c_friendlink_list-01001 .d_CommonInteractionB { right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0, -50%); } .c_friendlink_list-01001 .p_CommonSquareNumBtn { width: 100px; height: 10px; margin: 0px 8px; } .c_friendlink_list-01001 .p_page { width: auto; height: auto; float: right; right: 30px; margin-bottom: 10px; } .c_friendlink_list-01001 .p_moreBox { width: auto; height: auto; } .c_friendlink_list-01001 .p_more { width: 100% } .c_friendlink_list-01001 .p_loading { width: 100% } .c_news_list-02001 { position: absolute; width: 890px; height: 600px; overflow: visible; font-size: 0; } .c_news_list-02001 .p_Newslist { width: auto; height: auto; overflow: hidden; white-space: normal; background: transparent; } .c_news_list-02001 .p_Newslist:hover { border: none; } .c_news_list-02001 .p_Newslist:active { border: none; } .c_news_list-02001 .p_news { width: inherit; height: auto; overflow: hidden; border-color: transparent; padding: 15px; } .c_news_list-02001 .p_content { width: auto; height: auto; border-width: 0; background-color: transparent; margin: 10px; overflow: hidden; } .c_news_list-02001 .p_header { width: auto; height: auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_SortBox { width: auto; height: auto; border-width: 0; background-color: transparent; margin-top: 10px; vertical-align: top; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: inline-block\0; max-width: 100%; margin-right: 10px; } .c_news_list-02001 .p_InteractionInfo { width: auto; height: auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_iconBox { width: auto; height: auto; } .c_news_list-02001 .p_TimeBox { width: auto; height: auto; border-width: 0; background-color: transparent; margin-right: 10px; } .c_news_list-02001 .p_CommentBox { width: auto; height: auto; border-width: 0; background-color: transparent; margin-right: 10px; } .c_news_list-02001 .p_ViewBox { width: auto; height: auto; border-width: 0; background-color: transparent; margin-right: 10px; } .c_news_list-02001 .p_about { width: auto; height: auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_TitleBox { width: auto; height: auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_SummaryBox { width: auto; height: auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_AuthorBox { width: auto; height: auto; border-width: 0; background-color: transparent; vertical-align: top; margin-top: 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: inline-block\0; max-width: 100%; margin-right: 10px; } .c_news_list-02001 .p_KeywordBox { width: auto; height: auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_KeywordBox a { cursor: default; } .c_news_list-02001 .p_FromBox { width: auto; height: auto; border-width: 0; background-color: transparent; vertical-align: top; margin-top: 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; display: inline-block\0; max-width: 100%; margin-right: 10px; } .c_news_list-02001 .p_assist { width: auto; height: auto; border-width: 0; background-color: transparent; } .c_news_list-02001 .p_TypeBox { width: auto; height: auto; border-width: 0; background-color: transparent; display: inline; } .c_news_list-02001 .p_TimeBox { display: inline-block; margin-top: 10px; } .c_news_list-02001 .p_CommentBox { display: inline-block; margin-top: 10px; } .c_news_list-02001 .p_ViewBox { display: inline-block; margin-top: 10px; } .c_news_list-02001 .p_tag { display: inline-block; cursor: default; color: #969696; margin: 0; padding-bottom: 0px; padding-left: 0px; padding-right: 5px; padding-top: 0px; font-size: 14px; text-align: left; } .c_news_list-02001 .p_tag .font { white-space: normal; vertical-align: middle; line-height: 19px; } .c_news_list-02001 .p_tag:hover { color: #969696; } .c_news_list-02001 .p_icon { display: inline; width: auto; height: auto; vertical-align: bottom; float: left; margin-top: 5px; position: relative; z-index: 3; color: rgba(153, 153, 153, 1); font-size: 14px; text-align: center; } .c_news_list-02001 .p_icon .font { display: inline; } .c_news_list-02001 .p_about { display: inline-block; vertical-align: middle; } .c_news_list-02001 .p_comment { vertical-align: top; display: inline-table; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_news_list-02001 .p_comment .font { vertical-align: middle; display: table-cell; line-height: 18px; } .c_news_list-02001 .p_time { vertical-align: top; display: inline-table; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_news_list-02001 .p_time .font { vertical-align: middle; display: table-cell; line-height: 18px; } .c_news_list-02001 .p_view { vertical-align: top; display: inline-table; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; overflow: visible; } .c_news_list-02001 .p_view .font { vertical-align: middle; display: table-cell; line-height: 18px; } .c_news_list-02001 .p_author { vertical-align: top; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex: 1; display: inline-block\0; max-width: 70%\0; overflow: hidden; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; } .c_news_list-02001 .p_author .font { display: block; overflow: hidden; white-space: normal; vertical-align: middle; line-height: 18px; } .c_news_list-02001 .p_from { vertical-align: top; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex: 1; display: inline-block\0; max-width: 70%\0; overflow: hidden; margin: 0; padding: 0 5px 0 0; color: #969696; font-size: 12px; text-align: left; white-space: nowrap; } .c_news_list-02001 .p_from .font { display: block; overflow: hidden; white-space: normal; line-height: 18px; vertical-align: middle; } .c_news_list-02001 .p_articles { margin: 5px; height: auto; width: 205px; overflow: hidden; border: 1px solid #f0f0f0; width: calc((100% - 30px)/3); display: inline-block; vertical-align: top; } .c_news_list-02001 .p_articles:hover { background: #fcfdff; } .c_news_list-02001 .p_images { display: block; width: auto; height: auto; position: relative; vertical-align: middle; margin: 5px; } .c_news_list-02001 .p_images:hover .p_shade { display: block; } .c_news_list-02001 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden; } .c_news_list-02001 .higher .p_thumbnail { position: absolute; height: 100%; } .c_news_list-02001 .widther .p_thumbnail { position: absolute; height: 100%; } .c_news_list-02001 .smaller .p_thumbnail { position: absolute; height: 100%; } .c_news_list-02001 .p_thumbnail img { width: 100%; } .c_news_list-02001 .p_VideoIcon { position: absolute; top: 50%; left: 50%; width: auto; margin-left: -10px; margin-top: -10px; height: inherit; color: rgba(102, 102, 102, 1); } .c_news_list-02001 .p_sort { display: block; vertical-align: top; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex: 1; display: inline-block\0; max-width: 70%\0; overflow: hidden; margin: 0; padding: 0 5px 0 0; color: #969696; text-align: left; white-space: nowrap; } .c_news_list-02001 .p_LinkB { -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex: 1; overflow: hidden; } .c_news_list-02001 .p_ListTag { width: auto; vertical-align: bottom; display: inline; } .c_news_list-02001 .p_ListTag.BottomRight { position: absolute; bottom: 0px; right: 0px; background: #fff; white-space: nowrap; } .c_news_list-02001 .p_ListTagA { position: absolute; top: 10px; right: 5px; width: auto; height: auto; } .c_news_list-02001 .p_TitleBox { display: inline; } .c_news_list-02001 .p_LinkC { display: inline } .c_news_list-02001 .p_title { width: 100%; display: inline; } .c_news_list-02001 .p_title .font { display: inline; white-space: normal; vertical-align: baseline; } .c_news_list-02001 .p_title:active { color: #57b2ad; } .c_news_list-02001 .p_titleA { width: 100%; display: inline; color: #ED5A5A; font-size: 16px; font-weight: 400; text-align: left; cursor: pointer; } .c_news_list-02001 .p_titleA .font { display: inline; white-space: normal; vertical-align: baseline; line-height: 21px; } .c_news_list-02001 .p_titleA:active { color: #57b2ad; } .c_news_list-02001 .p_SummaryBox { margin-top: 5px; } .c_news_list-02001 .p_header { font-size: 0; overflow: hidden; } .c_news_list-02001 .p_InteractionInfo { float: right; margin-top: 5px; margin-bottom: 5px; } .c_news_list-02001 .p_ToDetail { float: right; position: relative; margin-top: 10px; background: rgba(252, 252, 252, 1); border-color: rgba(240, 240, 240, 1); border-style: solid; border-width: 1px; display: inline-block; margin: 0; padding-left: 10px; padding-right: 10px; min-width: 86px; color: rgba(101, 190, 186, 1); font-size: 12px; text-align: center; } .c_news_list-02001 .p_ToDetail .font { white-space: nowrap; vertical-align: middle; line-height: 26px; } .c_news_list-02001 .p_shade { position: absolute; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; top: 0px; left: 0px; display: none; } .c_news_list-02001 .p_shade:hover { background: rgba(0, 0, 0, 0.3); } .c_news_list-02001 .p_ToDetailA { background: transparent; position: absolute; top: 50%; left: 50%; border: none; transform: translate(-50%, -50%); color: #fff; text-align: center; } .c_news_list-02001 .p_ToDetailA .font {} .c_news_list-02001 .p_ToDetailA:hover { background: transparent; } .c_news_list-02001 .p_top { margin-right: 5px; background: rgba(243, 124, 54, 1); display: inline-block; float: left; min-height: 16px; min-width: 44px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px; color: rgba(255, 255, 255, 1); font-size: 14px; text-align: center; } .c_news_list-02001 .p_top .font { padding-right: 3px; line-height: normal; white-space: nowrap; } .c_news_list-02001 .p_Recommend { margin-right: 5px; background: rgba(237, 90, 90, 1); display: inline-block; float: left; min-height: 16px; min-width: 44px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px; color: rgba(255, 255, 255, 1); font-size: 14px; text-align: center; } .c_news_list-02001 .p_Recommend .font { padding-right: 3px; white-space: nowrap; vertical-align: middle; } .c_news_list-02001 .p_KeywordBox { margin-top: 10px; } .c_news_list-02001 .p_nameB { float: left; margin-top: 3px; display: inline-block; padding: 0; vertical-align: middle; color: #969696; font-size: 14px; text-align: left; } .c_news_list-02001 .p_nameB .font { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 19px; } .c_news_list-02001 .p_icon .iconfont:before { content: '\e6ae'; color: rgba(153, 153, 153, 1); display: inline-block; } .c_news_list-02001 .p_AssistNameA .iconfont:before { content: '\e67a'; margin-right: 5px; } .c_news_list-02001 .p_AssistNameB .iconfont:before { content: '\e696'; margin-right: 5px; } .c_news_list-02001 .p_AssistNameC .iconfont:before { margin-right: 5px; content: '\e69e'; } .c_news_list-02001 .p_AssistNameD .iconfont:before { content: '\e6a6'; vertical-align: middle; margin-right: 5px; } .c_news_list-02001 .p_AssistNameE .iconfont:before { content: '\e60a'; margin-right: 5px; } .c_news_list-02001 .p_AssistNameF .iconfont:before { content: '\e6b3'; margin-right: 5px; } .c_news_list-02001 .p_AssistNameG .iconfont:before { content: '\e6b1'; margin-right: 5px; } .c_news_list-02001 .p_VideoIcon:before { content: '\e65d'; color: rgba(255, 255, 255, 1); font-size: 25px; } .c_news_list-02001 .p_summary { font-family: "Microsoft Yahei"; white-space: normal; text-align: justify; color: rgba(102, 102, 102, 1); font-size: 14px; line-height: 26px; vertical-align: top; word-break: break-all; } .c_news_list-02001 .p_ImgNews .iconfont { float: none; } .c_news_list-02001 .p_page { width: auto; height: auto; float: right; right: 30px; margin-bottom: 10px; } .c_news_list-02001 .e_pagebox-000 .pre:after { display: none; } .c_news_list-02001 .p_sort { font-size: 12px; } .c_news_list-02001 .p_sort .font { white-space: normal; display: block; overflow: hidden; vertical-align: middle; line-height: 18px; } .c_news_list-02001 .p_sort:active { color: #ed5a5a; } .c_news_list-02001 .p_TitleBox .p_nameC { display: inline; vertical-align: top; float: left; color: #969696; font-size: 14px; text-align: left; } .c_news_list-02001 .p_TitleBox .p_nameC .font { display: inline; line-height: 21px; } .c_news_list-02001 .p_hot { display: inline; float: none; padding: 0; color: rgba(153, 153, 153, 1); font-size: 16px; font-weight: normal; text-align: center; } .c_news_list-02001 .p_hot .font { display: inline; } .c_news_list-02001 .p_new { display: inline; float: none; padding: 0; color: rgba(153, 153, 153, 1); font-size: 16px; text-align: center; } .c_news_list-02001 .p_new .font { display: inline; } .c_news_list-02001 .p_ImgNews { display: inline; float: none; padding: 0; color: rgba(153, 153, 153, 1); font-size: 16px; font-weight: normal; text-align: center; } .c_news_list-02001 .p_ImgNews .font { display: inline; } .c_news_list-02001 .p_VideoNews { display: inline; padding: 0; color: rgba(153, 153, 153, 1); font-size: 16px; font-weight: normal; text-align: center; } .c_news_list-02001 .p_VideoNews .font { display: inline; } .c_news_list-02001 .p_hot .iconfont:before { font-size: 18px; content: "\e666"; color: rgba(237, 90, 88, 1); } .c_news_list-02001 .p_new .iconfont:before { font-size: 18px; content: "\e61b"; color: rgba(3, 114, 112, 1); } .c_news_list-02001 .p_ImgNews .iconfont:before { content: "\e69d"; color: rgba(3, 114, 112, 1); font-size: 18px; } .c_news_list-02001 .p_VideoNews .iconfont:before { font-size: 18px; content: "\e6be"; color: rgba(3, 114, 112, 1); } .c_news_list-02001 .p_ThumbnailBox { width: auto; height: auto; } .c_news_list-02001 .p_CommonLanternBox { width: auto; height: auto; position: relative; background-color: transparent; overflow: hidden; } .c_news_list-02001 .p_CommonSwitchBtnA { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 45px; color: #e5e5e5; display: inline-block; vertical-align: middle; cursor: pointer; } .c_news_list-02001 .p_CommonSwitchBtnA .iconfont:before { content: "\e687"; } .c_news_list-02001 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); font-size: 45px; color: #e5e5e5; display: inline-block; vertical-align: middle; cursor: pointer; } .c_news_list-02001 .p_CommonSwitchBtnB .iconfont:before { content: "\e6ae"; display: inline-block; } .c_news_list-02001 .p_CommonSummaryBoxA { width: auto; height: auto; text-align: center; margin-bottom: 20px; } .c_news_list-02001 .p_CommonThumbnailBox { width: auto; height: auto; } .c_news_list-02001 .d_CommonInteractionA { left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0, -50%); } .c_news_list-02001 .d_CommonInteractionB { right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0, -50%); } .c_news_list-02001 .p_CommonSquareNumBtn { width: 100px; height: 10px; margin: 0px 8px; display: inline-block; padding: 0; background-color: rgba(228, 228, 228, 1); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer; } .c_news_list-02001 .p_CommonSquareNumBtn:hover, .c_news_list-02001 .p_CommonSquareNumBtn.active { background-color: rgba(103, 184, 180, 1); color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_CommonSquareNumBtn .shape { text-indent: -9999em; width: inherit; height: inherit; vertical-align: middle; } .c_news_list-02001 .p_CommonSquareNumBtn img { display: none; } .c_news_list-02001 .p_moreBox { width: 100%; height: auto; } .c_news_list-02001 .p_more { position: static; } .c_news_list-02001 .p_moreBtn { position: static; width: auto; } .c_news_list-02001 .p_articles:hover .p_matteA { display: block; } .c_news_list-02001 .p_articles:hover .p_Position { display: inline-block; } .c_news_list-02001 .p_articles:hover .p_matte { display: block; } .c_news_list-02001 .p_MatteIcon { width: auto; display: inline-block; } .c_news_list-02001 .p_MatteIcon:before { content: ""; } .c_news_list-02001 .p_MatteIcon .iconfont { font-size: 20px; color: rgba(255, 255, 255, .8); } .c_news_list-02001 .p_MatteIcon .iconfont:before { content: "\e602"; } .c_news_list-02001 .p_articles .p_matte:before { content: "\200B"; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .c_news_list-02001 .p_AssistNameA { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameA .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameG { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameG .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameD { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameD .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameE { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameE .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameB { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameB .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameC { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameC .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_AssistNameF { display: inline-block; margin: 0; padding: 0; color: #c8c8c8; font-size: 12px; text-align: right; } .c_news_list-02001 .p_AssistNameF .font { vertical-align: middle; white-space: nowrap; width: inherit; line-height: 16px; } .c_news_list-02001 .p_succ { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_news_list-02001 .p_succ .iconfont { height: auto; color: #A2D465; margin-right: 20px; display: inline-block; margin-left: 40px; } .c_news_list-02001 .p_succ .iconfont:before { content: "\e648"; } .c_news_list-02001 .p_succ .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px; } .c_news_list-02001 .p_succ .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_news_list-02001 .p_succ .assistfont { display: none; } .c_news_list-02001 .p_succ .closebtn { display: none; } .c_news_list-02001 .p_fail { width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color: #FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_news_list-02001 .p_fail .iconfont { height: auto; color: #FF0000; margin-right: 20px; display: inline-block; margin-left: 40px; } .c_news_list-02001 .p_fail .iconfont:before { content: "\e641"; } .c_news_list-02001 .p_fail .fontbox { display: inline-block; vertical-align: top; max-width: 386px; margin-right: 20px; } .c_news_list-02001 .p_fail .promptbox { width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_news_list-02001 .p_fail .assistfont { font-size: 14px; color: #999999; margin-top: 5px; } .c_news_list-02001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_news_list-02001 .p_fail .closebtn:hover { cursor: pointer; } .c_news_list-02001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_news_list-02001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_news_list-02001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_news_list-02001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_news_list-02001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } .c_news_list-02001 .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51, 51, 51, 1); font-weight: bold; text-align: left; } .c_news_list-02001 .p_PromptNoneData .promptbox { width: auto; height: 100%; } .c_news_list-02001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105, 1); padding-left: 65px; } .c_news_list-02001 .p_moreBtn { background: rgba(252, 252, 252, 1); border-color: rgba(240, 240, 240, 1); border-style: solid; border-width: 1px; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; color: rgba(101, 190, 186, 1); font-size: 12px; text-align: center; } .c_news_list-02001 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle; } .c_news_list-02001 .p_moreBtn:hover { background: rgba(101, 190, 186, 1); border-color: transparent; } .c_news_list-02001 .p_moreBtn:hover { color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_moreBtn .iconfont:before { content: ""; } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation { -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; border: 3px solid #737282; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle; } .c_news_list-02001 .p_loading { width: 890px; height: 70px; background-color: #FBFBFC; line-height: 70px; text-align: center; color: #666666; font-size: 18px; } .c_news_list-02001 .p_loading .iconfont:before { content: ""; } .c_news_list-02001 .p_loading .font { display: inline-block; margin-left: 20px; line-height: 70px; height: inherit; } .c_news_list-02001 .p_more { width: 890px; text-align: center; padding-right: 20px; padding-left: 20px; height: 70px; background-color: #F6F7F8; position: relative; border-radius: 0; border-width: 0; color: rgba(115, 115, 131, 1); font-size: 18px; } .c_news_list-02001 .p_more:active { background-color: #F6F7F8; } .c_news_list-02001 .p_more .font { display: table-cell; vertical-align: middle; text-align: inherit; } .c_news_list-02001 .p_more .iconfont { display: inline; vertical-align: middle; } .c_news_list-02001 .p_more .iconfont:before { content: "\e6d1"; } .c_news_list-02001 .p_scroll { width: 100%; height: auto; position: relative; } .c_news_list-02001 .p_scroll .vline { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .c_news_list-02001 .p_scroll .scrolling { width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F2F2F3); background: -o-linear-gradient(#fff, #F2F2F3); background: -moz-linear-gradient(#fff, #F2F2F3); background: linear-gradient(#fff, #F2F2F3); border-radius: 6px; position: relative; left: 50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #AAAAAA; cursor: pointer; } .c_news_list-02001 .p_scroll .scrolling:hover { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F7F7F8); background: -o-linear-gradient(#fff, #F7F7F8); background: -moz-linear-gradient(#fff, #F7F7F8); background: linear-gradient(#fff, #F7F7F8); } .c_news_list-02001 .p_scroll .scrolling:active { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #E4E4E4); background: -o-linear-gradient(#fff, #E4E4E4); background: -moz-linear-gradient(#fff, #E4E4E4); background: linear-gradient(#fff, #E4E4E4); box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, 0.1); } .e_pagebox { width: auto; height: auto; clear: both; position: relative; } .c_news_list-02001 .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .c_news_list-02001 .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .c_news_list-02001 .p_page .next { display: inline-table; float: left; } .c_news_list-02001 .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .c_news_list-02001 .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .c_news_list-02001 .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_news_list-02001 .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_news_list-02001 .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .c_news_list-02001 .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .c_news_list-02001 .p_page .pre:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer; } .c_news_list-02001 .p_page .pre:active { background-color: rgba(90, 170, 167, 1); } .c_news_list-02001 .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .c_news_list-02001 .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_page .pre .iconfont:before { content: ""; margin-right: 5px; } .c_news_list-02001 .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_news_list-02001 .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .c_news_list-02001 .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .c_news_list-02001 .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .c_news_list-02001 .p_page .next:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(101, 190, 186, 1); cursor: pointer; } .c_news_list-02001 .p_page .next:active { background-color: rgba(90, 170, 167, 1); } .c_news_list-02001 .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .c_news_list-02001 .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; } .c_news_list-02001 .p_page .pageNum { position: relative; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; position: absolute; text-decoration: none; width: inherit; } .c_news_list-02001 .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .c_news_list-02001 .p_page .pageNum:hover { color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); cursor: pointer; text-decoration: none; background-color: rgba(101, 190, 186, 1); } .c_news_list-02001 .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .c_news_list-02001 .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .c_news_list-02001 .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle; } .c_news_list-02001 .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1); } .c_news_list-02001 .p_page .pageNum .iconfont:before { content: ""; } .c_news_list-02001 .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1); } .c_news_list-02001 .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1); } .c_news_list-02001 .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .p_Newslist { width: auto; height: auto; overflow: visible !important; white-space: normal; background: transparent; } .p_CommonLanternBox { width: auto; height: auto; position: relative; background-color: transparent; overflow: visible !important; } .swiper-container { margin: 0 auto; position: relative; overflow: visible !important; z-index: 1; } .p_news { width: inherit; height: auto; overflow: visible !important; border-color: transparent; padding: 0px; } .c_nav_main-80002001 { position: absolute; width: 1078px; height: 103px; overflow: hidden; } .boxed { position: relative; } .boxed-blue { background: #1c588f; } .boxed-dark { background: #142439; } .boxed-light { background: #e5eff6; } .boxed.red-line { border-top: 4px solid #c9376e; } .boxed.green-line { border-top: 4px solid #9cd70e; } .boxed.blue-line { border-top: 4px solid #4bb4e8; } .menu { background: none; z-index: 1000; } .ie8 .menu { filter: none; background: #398fc7; } .menu a:hover, .menu a.hover { color: #fff !important; background: #3e3e3e; } .menu li { position: relative; } .menu>li { float: left; width: auto; position: relative; margin-left: 0px; transition: all 0.3s; } .menu>li:hover, .menu>li.hover { border-top-color: #ff5d00; z-index: 1; background: #ff5d00; } .menu>li>a { transition: 0.3s all; display: block; font-size: 15PX; height: 105px; padding: 0px 25px; color: #2d2d2d; font-family: "寰蒋闆呴粦"; line-height: 105px; text-align: center; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: #fff; transition: all 0.3s; } .menu>li:first-child>a { border-left-color: transparent; } .menu>li:last-child>a { border-right-color: transparent; } .menu>li:hover>a, .menu>li.hover>a { border: none; color: #ffffff !important; background: none; } .menu-icon { display: block; width: 40px; height: 40px; margin: 0 auto 5px; } .menu-icon img { width: 40px; height: 40px; } .menu ul { position: absolute; top: -9999px; left: -9999px; z-index: 9499; width: 100%; margin-top: 0px; min-width: 10%; background: #fff; box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38); } .menu>li:hover>ul, .menu>li.hover>ul { top: 105px; width: 100%; left: 0px; } .menu>li:nth-child(3):hover>ul, .menu>li:nth-child(3).hover>ul { top: 105px; width: 200%; left: 0px; } .menu ul li a { width: 100%; transition: 0.3s all; display: block; border-bottom: 1px solid #f1f1f1; background: #fff; font-size: 12px; color: #333; text-align: center; text-transform: uppercase; line-height: 16px; padding: 10px 0px; transition: all 0.3s; } .menu li:nth-child(3) ul li a { width: 100%; transition: 0.3s all; display: block; border-bottom: 1px solid #f1f1f1; background: #fff; font-size: 12px; color: #333; text-align: left; text-transform: uppercase; line-height: 16px; padding: 10px 20px; transition: all 0.3s; } .menu li:nth-child(3) ul li a { width: 100%; transition: 0.3s all; display: block; border-bottom: 1px solid #f1f1f1; background: #fff; font-size: 12px; color: #333; text-align: left; text-transform: uppercase; line-height: 16px; padding: 10px 20px; transition: all 0.3s; } .menu li:nth-child(3) ul li:hover>a { background: #2f2f2f; border-color: #2f2f2f; } .menu ul li:first-child>a { border-top: none; } .menu ul li:last-child>a { border-bottom: none; } .menu ul li:hover>a, .menu ul li.hover>a { background: #2f2f2f; border-color: #2f2f2f; } .menu ul li:hover>ul, .menu ul li.hover>ul { position: absolute; top: 1px; left: 100%; width: 101%; padding-left: 1%; } .menu.style2 ul { display: none; } .menu.style2 { background: none; -webkit-box-shadow: none; box-shadow: none; } .menu.style2>li { border-top: 3px solid #4bb4e8; border-bottom: 3px solid #4bb4e8; } .menu.style2>li:hover, .menu.style2>li.hover { border-top-color: #9cd70e; border-bottom-color: #9cd70e; z-index: 1; } .menu.style2>li>a { padding: 18px 5px 16px 0; border: none; border-left: 1px solid #062D52; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08); } .menu.style2>li:last-child>a { border-right: 1px solid #062D52; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08), 1px 0 0 rgba(255, 255, 255, 0.08); margin-right: 1px; } .menu.style2>li:hover>a, .menu.style2>li.hover>a { background: none; } .menu.style2 .menu-icon { display: inline-block; margin: 0 3px 3px 0; vertical-align: middle; } .c_nav_main-80002001 .p_MatteIcon .iconfont:before { content: '\e602'; } .w_hline-001 .p_HLine { border-top-width: 1px; border-top-style: solid; border-top-color: #f0f0f0; opacity: 1; filter: alpha(opacity:100); } .w_hline-001 { position: absolute; width: 300px; height: 1px; left: 100px; top: 20px; } .w_hline-001 .w_hline { width: 100%; height: inherit; } .e_AllWBox-001 { width: 490px; height: 39px; background-color: rgba(77, 144, 203, 1); } .w_bbox-001 .p_wbox { background-color: rgba(255, 255, 255, 1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; } .w_bbox-001 { position: absolute; width: 100%; height: 120px; } .w_rbox-001 { position: absolute; width: 300px; height: 300px; } .w_rbox-001 .p_stylebox { width: 100%; } .w_rbox-001 .p_MatteIcon .iconfont:before { content: '\e602'; } .w_rbox-001>div { animation-fill-mode: both; } .w_img-002 .p_title { display: inline-table; margin: 0; min-width: 37px; padding: 0; color: rgba(51, 51, 51, 1); font-size: 16px; font-weight: 400; cursor: pointer; } .w_img-002 .p_title .font { vertical-align: middle; line-height: 21px; } .w_img-002 .p_title:hover { color: rgba(87, 177, 173, 1); } .w_img-002 .p_title:active { color: rgba(69, 165, 161, 1); } .w_img-002 .p_title .iconfont:before { display: inline-block; content: ""; } .w_img-002 .p_dimage { padding: 0; border-width: 0px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover { border-width: 0px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent; } .w_img-002 .p_dimage:active { border-width: 0px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent; } .e_title.w_img-002 .p_link002 { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left; } .e_title.w_img-002 .p_link002 { white-space: nowrap; vertical-align: middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active { color: #60a9d7; font-weight: 400; } a>.e_title.w_img-002 .p_link002:active { text-decoration: none; margin-top: 0; } .e_title.w_img-002 .p_link002 .iconfont:before { display: inline-block; content: ""; } .e_title.w_img-002 .p_link001 { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left; height: calc(100%); } .e_title.w_img-002 .p_link001 { white-space: nowrap; vertical-align: middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active { color: #60a9d7; font-weight: 400; } a>.e_title.w_img-002 .p_link001:active { text-decoration: none; margin-top: 0; } .e_title.w_img-002 .p_link001 .iconfont:before { display: inline-block; content: ""; } .w_img-002 .p_box { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden; } .w_img-002 { position: absolute; width: 300px; height: 249px; } .w_img-002 .animated { width: 100%; height: 100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001 { width: 100%; height: calc(100%); } .w_img-002 .p_link002 { width: 100%; height: 30px; } .w_img-002 .p_box { width: 100%; height: 100%; text-align: center; } .w_img-002 .p_dimage { height: inherit; overflow: hidden; font-size: 28px; } .w_img-002 .e_image:hover:after { background: transparent; } .w_img-002 .p_MatteIcon .iconfont:before { content: '\e602'; } .w_img-002>div { animation-fill-mode: both; } @CHARSET "UTF-8"; * { padding: 0; margin: 0; } .pagebox, #-remove--flag {} body, #-remove--flag {} #c_nav_main-15687927667153864 { position: absolute; top: 0px; left: 923px; z-index: 1; width: 633px; height: 105px; } #c_public_htmlCode-15687945586022886 { position: absolute; top: 171px; left: 463.5px; z-index: 3; width: 982px; height: 40px; } #c_ads_banner-15687924585772355 .p_MatteIcon .iconfont:before { content: '\e602'; } #c_ads_banner-15687924585772355 { position: absolute; top: 105px; left: -360px; z-index: 100; width: 1920px; height: 583px; } #c_product_list-15687952148009783 .p_Product { width: calc((100% - 80px)/4); margin: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; border: 1px solid rgba(243, 243, 243, 1); background: #f3f3f3; } #c_product_list-15687952148009783 .p_CommonSummaryBoxA { width: auto; height: auto; text-align: center; margin-bottom: 0px; margin-top: 15px; } #c_product_list-15687952148009783 .p_MatteIcon .iconfont:before { content: '\e602'; } #c_product_list-15687952148009783>div { animation-fill-mode: both; } #c_product_list-15687952148009783 .p_page .pre .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_page .next .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_nameA_1 .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_nameI_1 .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_nameB .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_AssistNameD_1 .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_inquiry .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_AddCart .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_buy .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_ToDetail .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_AssistNameA .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_AssistNameB .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_AssistNameC .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .p_btnA .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_product_list-15687952148009783 .lantern { margin-left: 0px !important; margin-right: 0px !important; } #c_product_list-15687952148009783 .higher img { width: 100% !important; height: auto !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; position: absolute !important; } #c_product_list-15687952148009783 .p_ProductList { width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0; padding: 0px; } #c_product_list-15687952148009783 .d_HeadBox { margin-top: 0px; width: auto; height: auto; display: block; } #c_product_list-15687952148009783 .p_images { position: relative; width: 100%; height: 188px; padding-bottom: 67% !important; text-align: center; font-size: 0; overflow: hidden; } #c_product_list-15687952148009783 .d_articles { height: 45px; width: auto; padding-left: 15px; padding-right: 15px; } #c_product_list-15687952148009783 .d_title .font { line-height: 45px; font-size: 14px; text-align: center; color: #333; } #c_product_list-15687952148009783 .p_CommonSquareNumBtn { display: inline-block; height: 10px; width: 100px; padding: 0; background-color: rgba(255, 255, 255, 0); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; border-radius: 50%; border: 1px solid #fff; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer; margin: 0px 5px; } #c_product_list-15687952148009783 .p_CommonSquareNumBtn.active { background-color: rgb(255, 255, 255); } #c_product_list-15687952148009783 { position: absolute; top: 239px; left: 354.5px; z-index: 7; width: 1200px; height: 299px; } #c_news_list-15723097532626131 .p_articles { width: calc((100% - 90px)/3); margin: 15px; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; padding: 15px; border: 0px solid #f0f0f0; background: #fff; transition: all 0.3s; } #c_news_list-15723097532626131 .p_articles:hover { box-shadow: 0px 5px 35px rgba(0, 0, 0, .1); } #c_news_list-15723097532626131 .p_CommonSummaryBoxA { text-align: center; } #c_news_list-15723097532626131 .p_MatteIcon .iconfont:before { content: '\e602'; } #c_news_list-15723097532626131>div { animation-fill-mode: both; } #c_news_list-15723097532626131 .p_nameC .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_AssistNameG .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_AssistNameA .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_nameB .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_ToDetail .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_top .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_Recommend .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_ImgNews .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_new .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_hot .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_AssistNameB .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_AssistNameD .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_AssistNameE .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_AssistNameF .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_page .pre .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_page .next .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_more .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_loading .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15723097532626131 .p_news { width: inherit; height: auto; overflow: hidden; border-color: transparent; padding: 0px; } #c_news_list-15723097532626131 .p_images { display: block; width: auto; height: auto; position: relative; vertical-align: middle; margin: 0px; padding-bottom: 60% !important; } #c_news_list-15723097532626131 .p_content { width: auto; height: auto; border-width: 0; background-color: transparent; margin: 15px 0px 0px; overflow: hidden; } #c_news_list-15723097532626131 .p_TitleBox .e_title { margin: 0; padding: 0; font-weight: normal; text-decoration: none; font-size: 14px; font-family: "Microsoft Yahei"; word-break: break-all; } #c_news_list-15723097532626131 .p_summary { font-family: "Microsoft Yahei"; white-space: normal; text-align: justify; color: rgb(169, 169, 169); font-size: 12px; line-height: 22px; vertical-align: top; word-break: break-all; } #c_news_list-15723097532626131 .p_TimeBox { display: inline-block; margin-top: 5px; } #c_news_list-15723097532626131 { position: absolute; top: 2125px; left: 0px; z-index: 106; width: 1200px; height: 370px; } #c_friendlink_list-15687999636933171 .p_articles { width: calc((100% - 180px)/6); margin: 15px; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; } #c_friendlink_list-15687999636933171 .p_CommonSummaryBoxA { text-align: center; width: auto; height: auto; margin-top: 0px; margin-bottom: 0px; } #c_friendlink_list-15687999636933171 .p_MatteIcon .iconfont:before { content: '\e602'; } #c_friendlink_list-15687999636933171>div { animation-fill-mode: both; } #c_friendlink_list-15687999636933171 .p_nameA .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_friendlink_list-15687999636933171 .p_nameB .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_friendlink_list-15687999636933171 .p_page .pre .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_friendlink_list-15687999636933171 .p_page .next .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_friendlink_list-15687999636933171 .p_more .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_friendlink_list-15687999636933171 .p_loading .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_friendlink_list-15687999636933171 .p_CommonSquareNumBtn { display: inline-block; height: 10px; margin: 0px 6px; width: 100px; border-radius: 50%; padding: 0px; background-color: rgb(202, 202, 202); border-width: 1px; border-color: transparent; color: rgba(153, 153, 153, 1); font-size: 12px; font-family: "Microsoft YaHei"; text-align: center; cursor: pointer; } #c_friendlink_list-15687999636933171 .p_CommonSquareNumBtn.active { background-color: rgb(230, 78, 21); color: rgba(255, 255, 255, 1); } #c_friendlink_list-15687999636933171 .lantern { margin-left: 0px !important; margin-right: 0px !important; } #c_friendlink_list-15687999636933171 .p_thumbnail { width: 100%; height: auto; padding-bottom: 52% !important; vertical-align: middle; text-align: center; } #c_friendlink_list-15687999636933171 .p_links { width: auto; height: auto; overflow: visible; border-color: transparent; padding: 0px; } #c_friendlink_list-15687999636933171 .smaller img { height: auto !important; width: 100% !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; position: absolute !important; } #c_friendlink_list-15687999636933171 .p_images { display: block; width: auto; height: auto; position: relative; vertical-align: middle; overflow: visible; border: 1px solid #ececec; margin: 0 auto; } #c_friendlink_list-15687999636933171 { position: absolute; top: 31px; left: 253px; z-index: 1; width: 1199px; height: 141px; } #c_public_htmlCode-15723204175968251 { position: absolute; top: 445px; left: 931px; z-index: 32; width: 47px; height: 35px; } #w_wbox-1568792185436 .p_wbox { background-color: rgba(255, 255, 255, 1); border-top-width: 0px; border-right-width: 0px; border-bottom-color: rgba(237, 237, 237, 1); border-bottom-style: solid; border-bottom-width: 1px; border-left-width: 0px; } #w_wbox-1568792185436 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_wbox-1568792185436>div { animation-fill-mode: both; } #w_wbox-1568797908667 .p_wbox { background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position: top center; } #w_wbox-1568797908667 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_wbox-1568797908667>div { animation-fill-mode: both; } #w_wbox-1568793234928 .p_wbox { background-image: url(../images/zoufanprobg.jpg); background-image-part-image: url(../images/zoufanprobg.jpg); background-repeat: no-repeat; background-position: top center; } #w_wbox-1568793234928 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_wbox-1568793234928>div { animation-fill-mode: both; } #w_img-1572251472873 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1572251472873>div { animation-fill-mode: both; } #w_wbox-1572311761439 .p_wbox { background-color: rgba(255, 255, 255, 1); } #w_wbox-1572311761439 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_wbox-1572311761439>div { animation-fill-mode: both; } #w_bbox-1572320417030 .p_wbox { background-image: url(../images/yujie.jpg); background-image-part-image: url(../images/yujie.jpg); background-repeat: no-repeat; background-position: top center; } #w_bbox-1572320417030 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_bbox-1572320417030>div { animation-fill-mode: both; } #w_rbox-1572320417116 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_rbox-1572320417116>div { animation-fill-mode: both; } #w_rbox-1572320417116>div>.p_rbox { background-image: url(/img/oufanicon.png?tenantId=156783&viewType=1&v=1655187754000); background-image-part-image: url(/img/oufanicon.png?tenantId=156783&viewType=1&v=1655187754000); background-repeat: no-repeat; background-position: center left; } #w_img-1572246576872 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1572246576872>div { animation-fill-mode: both; } #w_img-1568797953445 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1568797953445>div { animation-fill-mode: both; } #w_img-1568797995460 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1568797995460>div { animation-fill-mode: both; } #w_img-1572247052782 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1572247052782>div { animation-fill-mode: both; } #w_img-1572247579693 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1572247579693>div { animation-fill-mode: both; } #w_img-1572250425305 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1572250425305>div { animation-fill-mode: both; } #w_img-1572320417081 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1572320417081>div { animation-fill-mode: both; } #w_img-1572320417099 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1572320417099>div { animation-fill-mode: both; } #w_hline-1572320417164 .p_HLine { border-top-color: rgba(255, 255, 255, 1); border-top-style: solid; border-top-width: 1px; } #w_hline-1572320417164 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_hline-1572320417164>div { animation-fill-mode: both; } #w_hline-1572320417210 .p_HLine { border-top-color: rgba(255, 255, 255, 1); border-top-style: solid; border-top-width: 1px; } #w_hline-1572320417210 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_hline-1572320417210>div { animation-fill-mode: both; } #w_hline-1572320417255 .p_HLine { border-top-color: rgba(255, 255, 255, 1); border-top-style: solid; border-top-width: 1px; } #w_hline-1572320417255 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_hline-1572320417255>div { animation-fill-mode: both; } #w_hline-1572320417300 .p_HLine { border-top-color: rgba(255, 255, 255, 1); border-top-style: solid; border-top-width: 1px; } #w_hline-1572320417300 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_hline-1572320417300>div { animation-fill-mode: both; } #w_hline-1572320417351 .p_HLine { border-top-color: rgba(255, 255, 255, 1); border-top-style: solid; border-top-width: 1px; } #w_hline-1572320417351 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_hline-1572320417351>div { animation-fill-mode: both; } #w_img-1572320417368 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1572320417368>div { animation-fill-mode: both; } #w_vline-1572320417386 .p_Vline { border-left-color: rgba(255, 255, 255, 1); border-left-style: dotted; border-left-width: 1px; } #w_vline-1572320417386 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_vline-1572320417386>div { animation-fill-mode: both; } #w_img-1655187128538 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_img-1655187128538>div { animation-fill-mode: both; } #w_rbox-1568795011181 { position: absolute; top: -18907px; left: -164px; z-index: 104; width: 1249px; height: 279px; } #w_wbox-1568792185436 { position: absolute; top: 0px; left: -356px; z-index: 104; width: 1912px; height: 105px; } #w_wbox-1568797908667 { position: absolute; top: 660px; left: -356px; z-index: 101; width: 1912px; height: 656px; } #w_wbox-1568793234928 { position: absolute; top: 1300px; left: -356px; z-index: 102; width: 1912px; height: 662px; } #w_img-1572251472873 { position: absolute; top: 2020px; left: -360px; z-index: 105; width: 1920px; height: 83px; } #w_wbox-1572311761439 { position: absolute; top: 2717px; left: -356px; z-index: 107; width: 1912px; height: 204px; } #w_bbox-1572320417030 { position: absolute; top: 4571px; left: -356px; z-index: 108; width: 1912px; height: 825px; } #w_rbox-1572320417116 { position: absolute; top: 557px; left: 355.5px; z-index: 14; width: 264px; height: 118px; } #w_img-1572246576872 { position: absolute; top: 11%; left: 356px; z-index: 2; width: 28%; height: auto; } #w_img-1568797953445 { position: absolute; top: 73px; left: -4px; z-index: 1; width: 1920px; height: 83px; } #w_img-1568797995460 { position: absolute; top: 193px; left: 988px; z-index: 5; width: 650px; height: auto; margin-left: 2%; } #w_common_text-1568798036039 { position: absolute; top: 185px; left: 356px; z-index: 6; width: 632px; height: 231px; } #w_common_text-1568798036039 P{ line-height:33px; font-size:14px; color:#000; } #w_img-1572247052782 { position: absolute; top: 550px; left: 356px; z-index: 8; width: 155px; height: 44px; } #w_img-1572247579693 { position: absolute; top: 57.5px; left: -4px; z-index: 8; width: 1920px; height: 84px; } #w_img-1572250425305 { position: absolute; top: 558px; left: 878.5px; z-index: 9; width: 155px; height: 44px; } #w_common_text-1572320417405 { position: absolute; top: -5px; left: 19.5px; z-index: 1; width: 229px; height: 123px; } #w_common_text-1572320417061 { position: absolute; top: 788px; left: 355.5px; z-index: 1; width: 1200px; height: 18px; } #w_img-1572320417081 { position: absolute; top: 366px; left: 923.5px; z-index: 12; width: 62px; height: 72px; } #w_img-1572320417099 { position: absolute; top: 497px; left: 355.5px; z-index: 13; width: 225px; height: 39px; } #w_common_text-1572320417135 { position: absolute; top: 497px; left: 677px; z-index: 15; width: 143px; height: 16px; } #w_common_text-1572320417148 { position: absolute; top: 536px; left: 677px; z-index: 16; width: 143px; height: 144px; } #w_hline-1572320417164 { position: absolute; top: 525px; left: 677px; z-index: 17; width: 98px; height: 5px; } #w_common_text-1572320417180 { position: absolute; top: 497px; left: 820px; z-index: 18; width: 143px; height: 16px; } #w_common_text-1572320417194 { position: absolute; top: 536px; left: 820px; z-index: 19; width: 143px; height: 144px; } #w_hline-1572320417210 { position: absolute; top: 525px; left: 820px; z-index: 20; width: 98px; height: 5px; } #w_common_text-1572320417227 { position: absolute; top: 497px; left: 963px; z-index: 21; width: 143px; height: 16px; } #w_common_text-1572320417241 { position: absolute; top: 536px; left: 963px; z-index: 22; width: 143px; height: 144px; } #w_hline-1572320417255 { position: absolute; top: 525px; left: 963px; z-index: 23; width: 98px; height: 5px; } #w_common_text-1572320417271 { position: absolute; top: 497px; left: 1106px; z-index: 24; width: 143px; height: 16px; } #w_common_text-1572320417286 { position: absolute; top: 536px; left: 1106px; z-index: 25; width: 143px; height: 144px; } #w_hline-1572320417300 { position: absolute; top: 525px; left: 1106px; z-index: 26; width: 98px; height: 5px; } #w_common_text-1572320417321 { position: absolute; top: 497px; left: 1249px; z-index: 27; width: 143px; height: 16px; } #w_common_text-1572320417335 { position: absolute; top: 536px; left: 1249px; z-index: 28; width: 143px; height: 144px; } #w_hline-1572320417351 { position: absolute; top: 525px; left: 1249px; z-index: 29; width: 98px; height: 5px; } #w_img-1572320417368 { position: absolute; top: 497px; left: 1418.5px; z-index: 30; width: 137px; height: auto; } #w_vline-1572320417386 { position: absolute; top: 497px; left: 631px; z-index: 31; width: 11px; height: 183px; } #w_img-1655187128538 { position: absolute; top: 782px; left: 1004px; z-index: 33; width: 50px; height: 24px; }