.e_MajorStyleBox-001{ height:auto; width:100%; width-uint:%; } .e_MajorStyleBox-001 .stylebox_top{ height:67px; background-color:#65beba; height-and-height-uint:67px; } .e_MajorStyleBox-001 .stylebox_title{ vertical-align:bottom; padding-right:20px; padding-left:20px; line-height:67px; height:inherit; font-size:0px; width:auto; white-space:nowrap; background-color:rgba(255, 255, 255, 1); display:inline-block; width-and-width-uint:auto; height-and-height-uint:inherit; } .e_MajorStyleBox-001 .stylebox_link{ vertical-align:middle; height:inherit; color:#EAF3F3; font-size:30px; display:table; margin:0px; border-width:0px; padding:0 15px; float:right; } .e_MajorStyleBox-001 .stylebox_link i:before{ content:"\e6ae"; } .e_MajorStyleBox-001 .stylebox_link:active{ background-color:#4E9694; } .e_MajorStyleBox-001 .stylebox_content{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_MajorStyleBox-001 .title_main{ vertical-align:middle; color:rgba(255,255,255,1); max-width:352px; text-overflow:ellipsis; overflow:hidden; font-size:34px; white-space:nowrap; display:inline-block; font-weight:normal; } .e_MajorStyleBox-001 .title_sub{ vertical-align:middle; color:#fff; font-size:34px; margin-left:10px; display:inline-block; font-weight:normal; } .e_MajorStyleBox-001 .stylebox_title .title_icon{ vertical-align:middle; margin-right:10px; line-height:normal; color:rgba(255,255,255,1); text-align:center; font-size:initial; display:inline-block; } .e_MajorStyleBox-001 .stylebox_title .title_icon:before{ content:"\e63d"; color:#fff; font-size:34px; } .e_MajorStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_MajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; }/*e_OrdinaryStyleBox-001*/ .e_OrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link{ font-size: 30px; color: #a7a7a7; display: table; height: inherit; border-width: 0; padding: 0 15px; margin: 0; float: right; vertical-align: middle; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } /*stylebox_content*/ .e_OrdinaryStyleBox-001 .stylebox_content{ width: 100%; height: calc(100% - 48px); border-style: solid; border-width: 1px; border-color: #f0f0f0; width-uint:%; } .e_OrdinaryStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color:#333333; font-weight: normal; } .e_OrdinaryStyleBox-001 .title_sub{ font-size: 34px; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; color: #333333; } .e_OrdinaryStyleBox-001 .stylebox_title{ background-color:transparent; } .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } /*stylebox_title*/ .e_OrdinaryStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: transparent; padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon:before { content: "\e63d"; font-size: 34px; color: #333; } .e_OrdinaryStyleBox-001 .stylebox_link a { color: inherit; vertical-align: middle; display: table-cell; } .e_OrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }.c_intro_detail-01001 .resetHtmlCssStyle p { font-size: 20pt !important; line-height: 30pt !important; text-align: justify; word-break: break-word !important; word-wrap: break-word !important; font-family:"opentype" !important; } .c_intro_detail-01001 .reset_style p { font-size: 20pt !important; line-height: 30pt !important; color: #000000 !important; text-align: justify; font-family:"opentype" !important; } .c_intro_detail-01001 .resetHtmlCssStyle div { font-size: 20pt !important; line-height: 30pt !important; color: #000000 !important; text-align: justify; font-family:"opentype" !important; } .c_intro_detail-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_intro_detail-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_intro_detail-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_intro_detail-01001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_intro_detail-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_intro_detail-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_intro_detail-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_intro_detail-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_intro_detail-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } /*带图标按钮-普通*/ .c_intro_detail-01001 .p_tag{ font-size:27px; width: auto; height:56px; border-width: 2px; border-style: solid; border-color: #65beba; background-color:#ffffff; /*text-align:center;*/ padding-top:0px; padding-bottom:0px; padding-right:15px; padding-left:15px; border-radius:90px; position:static; cursor: default; color:#65beba; } .c_intro_detail-01001 .p_tag .font{ white-space:nowrap; } .c_intro_detail-01001 .p_tag:hover{ box-shadow: none; } /*.c_intro_detail-01001 .p_tag:active{ background-color:#65beba; box-shadow: none; }*/ /*.c_intro_detail-01001 .p_tag:active .font{ color: #ffffff; }*/ .c_intro_detail-01001 .p_tag .iconfont{ display:inline; } .c_intro_detail-01001 .p_tag:active .iconfont{ } .c_intro_detail-01001 .p_tag .iconfont:before{ content: ""; } /*通用容器*/ .c_intro_detail-01001 .p_keywords{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*产品详情字段名*/ .c_intro_detail-01001 .p_name{ display:inline-table; margin:0; padding:0; color:#868686; font-size:26px; text-align:left; white-space:nowrap; overflow:visible; } .c_intro_detail-01001 .p_name .font{ vertical-align:top; display:table-cell; line-height: 31px; } .c_intro_detail-01001 .p_name .iconfont:before{ content:""; }/*通用容器*/ .c_intro_detail-01001 .p_KeywordBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /* 无效果图片边框 */ .c_intro_detail-01001 .p_imageB{ height: auto; width: auto; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } /* 无效果图片边框 */ .c_intro_detail-01001 .p_imageA{ height: auto; width: auto; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_intro_detail-01001 .p_articles{ width: inherit; height: auto; font-size: 32px; line-height: 48px; } /*通用容器*/ .c_intro_detail-01001 .p_content{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_intro_detail-01001 .p_line{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); }/*大正文标题*/ .c_intro_detail-01001 .p_headA{ display:inline-block; margin:0; padding:0; color:#000000; font-size:43px; font-weight:400; text-align:center; white-space:nowrap; overflow:visible; } .c_intro_detail-01001 .p_headA .font{ vertical-align:middle; line-height: 50px; } .c_intro_detail-01001 .p_headA .iconfont:before{ display:inline-block; content:""; }/*通用容器*/ .c_intro_detail-01001 .p_intro{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_intro_detail-01001{ width: 640px; height: 2150px; position: absolute; overflow: hidden; font-size: 0; } .c_intro_detail-01001 .p_intro{ width: 640px; height: auto; padding: 0 30px; background: transparent; } .c_intro_detail-01001 .p_headA{ text-align: center; margin: 30px 0px; white-space: normal; width: 580px; } .c_intro_detail-01001 .p_headA .font{ white-space: normal; word-break:break-all; } .c_intro_detail-01001 .p_headA+.p_line { padding: 20px; display: block; } .c_intro_detail-01001 .p_headA.item_hide+.p_line { display: none; } .c_intro_detail-01001 .p_SummaryBox{ width:580px; height: auto; padding: 24px; margin-bottom: 30px; border-left: 3px solid rgb(101, 190, 186); } .c_intro_detail-01001 .p_content{ height: auto; } .c_intro_detail-01001 .p_articles{ margin-bottom: 30px; } .c_intro_detail-01001 .p_imageA{ width: 580px; height: 322px; margin-bottom: 30px; } .c_intro_detail-01001 .p_imageA img{ width: 580px; } .c_intro_detail-01001 .p_imageB{ width: 580px; height: 322px; margin-bottom: 30px; } .c_intro_detail-01001 .p_imageB img{ width: 580px; } .c_intro_detail-01001 .p_keywords{ width: 610px; } .c_intro_detail-01001 .p_KeywordBox{ width: 580px; height: auto; margin-bottom: 15px; } .c_intro_detail-01001 .p_name{ display: inline-block; vertical-align:middle; margin-right: 10px; } .c_intro_detail-01001 .p_view{ display: inline-block; font-size: 26px; vertical-align:middle; } .c_intro_detail-01001 .p_name .iconfont{ margin-right: 0.5em; } .c_intro_detail-01001 .p_tag{ display:inline-table; margin-right: 30px; margin-bottom: 15px; height: 56px; } .c_intro_detail-01001 .p_relatedBox{ width: 640px; height: auto; } .c_intro_detail-01001 .p_titleRelBox{ width: 640px; height: auto; padding: 20px 30px; background-color: #f0f0f0; } .c_intro_detail-01001 .p_relatedHead{ font-size: 34px; } .c_intro_detail-01001 .p_relatedHead .font{ } .c_intro_detail-01001 .p_CircleNumBtnBox{ position: absolute; bottom: 10px; left: 50%; transform: translate(-50%,0); width: auto; height: auto; } .c_intro_detail-01001 .p_images{ width: 580px; height: auto; position: relative; margin-bottom: 30px; } .c_intro_detail-01001 .p_CircleNumBtn{ margin-right: 6px; width: 12px; height: 12px; } .c_intro_detail-01001 .p_SwitchBtnA{ position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); } .c_intro_detail-01001 .p_SwitchBtnA .iconfont:before{ content: "\e64a"; } .c_intro_detail-01001 .p_SwitchBtnB{ position: absolute; right: 0px; top: 50%; transform: translate(0,-50%); } .c_intro_detail-01001 .p_IconBtnA{ width: 22px; height: auto; position: absolute; top: 50%; right: 25px; transform: translate(0,-50%); } .c_intro_detail-01001 .p_IconBtnA:hover{ cursor: default; } .c_intro_detail-01001 .p_IconBtnA .iconfont{ font-size: 34px; } .c_intro_detail-01001 .p_IconBtnA .iconfont:before{ content: "\e649"; } .c_intro_detail-01001 .p_IconBtnA:hover .iconfont{ color: #e2e2e2; } .c_intro_detail-01001 .p_newsBoxA{ padding: 20px; width: 640px; border-top:none; } .c_intro_detail-01001 .p_newsBoxA:active{ background-color: #e4e4e4; } /*p_imageA*/ .c_intro_detail-01001 .p_RelimageA{ width: 147px; height: 147px; display: inline-block; margin-right: 16px; } .c_intro_detail-01001 .p_RelimageA img{ max-width: 147px; max-height: 147px; } /*p_boxA*/ .c_intro_detail-01001 .p_RelboxA{ height: auto; width: 390px; display: inline-block; vertical-align: top; margin-top: 5px; } .c_intro_detail-01001 .p_ReltitleBox{ width: inherit; margin-bottom: 10px; } /*p_titleA*/ .c_intro_detail-01001 .p_ReltitleA{ margin-right: 25px; } .c_intro_detail-01001 .p_ReltitleA:active{ color: #323232; } .c_intro_detail-01001 .p_Relhot{ margin-left: 15px; margin-top: 3px; float: right; } .c_intro_detail-01001 .p_Relnew{ margin-left: 15px; margin-top: 3px; float: right; } .c_intro_detail-01001 .p_RelAssistBoxA{ width: inherit; } .c_intro_detail-01001 .p_ReltimeBox{ display: inline-block; margin-right: 21px; width: auto; margin-bottom: 10px; } .c_intro_detail-01001 .p_RelAssistNameA{ display: inline-block; } .c_intro_detail-01001 .p_RelAssistNameA .iconfont{ margin-right: 5px; } .c_intro_detail-01001 .p_RelAssistNameA .iconfont:before{ content: "\e608"; } .c_intro_detail-01001 .p_ReltimeA{ display: inline-block; color: #515151; } .c_intro_detail-01001 .p_ReltimeA .font{ display: block; } .c_intro_detail-01001 .p_RelcommitBox{ display: inline-block; margin-right: 21px; width: auto; margin-bottom: 10px; } .c_intro_detail-01001 .p_RelAssistNameB{ display: inline-block; } .c_intro_detail-01001 .p_RelAssistNameB .iconfont{ margin-right: 5px; } .c_intro_detail-01001 .p_RelAssistNameB .iconfont:before{ content: "\e64e"; } .c_intro_detail-01001 .p_Relcommit{ display: inline-block; color: #515151; } .c_intro_detail-01001 .p_Relcommit .font{ display: block; } .c_intro_detail-01001 .p_RelsummaryA{ height: 56px; width: inherit; } .c_intro_detail-01001 .p_TypeBox{ width: auto; height: auto; float: right; } .c_intro_detail-01001 .p_header{ width: auto; height: auto; padding-top:10px; } .c_intro_detail-01001 .p_top{ display: inline-block; margin-left: 5px; } .c_intro_detail-01001 .p_Recommend{ display: inline-block; margin-left: 5px; } /*SwitchBox*/ .c_intro_detail-01001 .p_PrevAndNext { background-color: rgba(248,248,248,1); } .c_intro_detail-01001 .p_previewBox { width: 320px; display: inline-block; padding: 50px 0; vertical-align: middle; } .c_intro_detail-01001 .p_PreNameBox { display: inline-block; width: 285px; padding-right: 40px; vertical-align: middle; } .c_intro_detail-01001 .p_PreviewTitle { display: block; text-align: right; width: 245px; } .c_intro_detail-01001 .p_PreviewTitle .font { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_intro_detail-01001 .p_nextBox { width: 320px; display: inline-block; padding: 50px 0; vertical-align: middle; } .c_intro_detail-01001 .p_NextNameBox { display: inline-block; width: 285px; padding-left: 40px; vertical-align: middle; border-left: 1px solid #cbcbcb; } .c_intro_detail-01001 .p_NextTitle { display: block; text-align: left; width: 245px; } .c_intro_detail-01001 .p_NextTitle .font { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_intro_detail-01001 .p_PreIcon .iconfont:before { font-size: 32px; } .c_intro_detail-01001 .p_NextIcon .iconfont:before { content: '\e649'; font-size: 32px; } .c_intro_detail-01001 .p_previewBox:active { background-color: rgba(101,190,186,1); } .c_intro_detail-01001 .p_nextBox:active { background-color: rgba(101,190,186,1); } .c_intro_detail-01001 .p_LinkC{ display: inline-block; margin-right: -4px; } .c_intro_detail-01001 .p_linkD{ display: inline-block; } .c_intro_detail-01001 .p_name .iconfont:before { content: '\e6b3'; font-size: 22px; } .c_intro_detail-01001 .p_keywords .font{ max-width: 545px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; word-break:break-all; }.c_intro_list-01001002{ width: 640px; height: 351px; position: absolute; overflow: hidden; } .c_intro_list-01001002 .p_IntroBox{ width: auto; height: auto; background: transparent; } .c_intro_list-01001002 .p_IntroList{ width: 640px; height: auto; } .sub-navwrap{ width:100%; } .sub-nav{ width:100%; height:auto; } .sub-nav li{ width:calc((100% - 8%)/2); float:left; height:auto; text-align:center; background:#01135b; margin:5px 2%; padding:10px 0px; } .sub-nav li a:link{ font-size:20px; color:#ffffff; } .sub-nav li a:visited{ font-size:20px; color:#ffffff; } .sub-nav li a:active{ font-size:20px; color:#ffffff; background:#b88d27; } .sub-nav li:hover{ font-size:20px; color:#ffffff; background:#b88d27; } .c_intro_list-01001002 .p_Intro{width:auto;height: auto;padding:20px;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: -ms-flex;display: flex;display: -webkit-flex;display: -moz-box;display: -moz-flex;display: -ms-flexbox;display: -webkit-box;border-top:none;margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .c_intro_list-01001002 .p_Intro:first-child{ border-top:1px solid rgba(228,228,228,1); } .c_intro_list-01001002 a .p_Intro:first-child{ border-top:none; } .c_intro_list-01001002 a:first-child .p_Intro{ border-top:1px solid rgba(228,228,228,1); } .c_intro_list-01001002 .p_Intro:active{ background: #dedede; } .c_intro_list-01001002 .p_image{ width: 147px; height: 147px; display: inline-block; margin-right: 16px; } .c_intro_list-01001002 .p_image img{ max-width: 147px; max-height: 147px; width:100%; height:100%; display:block; vertical-align: bottom; } .c_intro_list-01001002 .p_content{ height: auto; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; } .c_intro_list-01001002 .p_head{ display: block; } .c_intro_list-01001002 .p_head .font{ display: block; word-break:break-all; line-height: 20px; } .c_intro_list-01001002 .p_SummaryBox{ width: inherit; } .c_intro_list-01001002 .p_name{ position: absolute; } .c_intro_list-01001002 .p_summary{ font-size: 22px; line-height: 30px; width: inherit; overflow: hidden; margin-top: 10px; word-break:break-all; } .c_intro_list-01001002 .p_Icon{ width: 28px; height: auto; position: static; display: -webkit-box; -webkit-box-align:center; margin-left: 15px; } .c_intro_list-01001002 .p_Icon:hover{ cursor: default; } .c_intro_list-01001002 .p_Icon .iconfont{ font-size: 34px; } .c_intro_list-01001002 .p_Icon .iconfont:before{content: '\e6ae';shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_intro_list-01001002 .p_Icon:hover .iconfont{ color: #e2e2e2; } .c_intro_list-01001002 .e_AbnormalPrompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_intro_list-01001002 .e_AbnormalPrompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_intro_list-01001002 .e_AbnormalPrompt .prompt_title .iconfont:before { content: ""; } .c_intro_list-01001002 .e_AbnormalPrompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_intro_list-01001002 .e_AbnormalPrompt .prompt_title .first:before{ content: "\e6b4"; } .c_intro_list-01001002 .e_AbnormalPrompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_intro_list-01001002 .e_AbnormalPrompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_intro_list-01001002 .e_AbnormalPrompt .promptbox{ width: auto; height: 100%; } .c_intro_list-01001002 .e_AbnormalPrompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; }.c_intro_list-01001002 .p_MatteIcon:before{content:'\e752'; }.c_intro_list-01001002 >div{animation-fill-mode:both; }.c_intro_list-01001002 .p_name .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_intro_relatedlist-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_intro_relatedlist-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_intro_relatedlist-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_intro_relatedlist-01001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_intro_relatedlist-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_intro_relatedlist-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_intro_relatedlist-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_intro_relatedlist-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_intro_relatedlist-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } /*列表缩略图切换1*/ .c_intro_relatedlist-01001 .p_Icon{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_intro_relatedlist-01001 .p_Icon .iconfont{ } .c_intro_relatedlist-01001 .p_Icon .iconfont:before{ content: '\e687'; display: inline-block; } .c_intro_relatedlist-01001 .p_Icon .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*概要列表标题*/ .c_intro_relatedlist-01001 .p_head{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:normal; overflow:hidden; cursor:pointer; } .c_intro_relatedlist-01001 .p_head .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_intro_relatedlist-01001 .p_head:active{ color:#57B2AD; } .c_intro_relatedlist-01001 .p_head.selected{ color:#45A5A1; } .c_intro_relatedlist-01001 .p_head.disabled{ color:#666666; } .c_intro_relatedlist-01001 .p_head .iconfont:before{ content:""; } /*资讯列表容器*/ .c_intro_relatedlist-01001 .p_Intro{ width: inherit; height: auto; border-width:1px; border-style: solid; border-color:rgba(228,228,228,1); /*background-color:rgba(255, 255, 255,1);*/ overflow: hidden; } /*通用容器*/ .c_intro_relatedlist-01001 .p_IntroList{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_intro_relatedlist-01001 .p_IntroBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*c_intro_relatedlist-01001*/ .c_intro_relatedlist-01001{ width: 640px; height: 231px; position: absolute; overflow: hidden; } .c_intro_relatedlist-01001 .p_IntroBox{ width: auto; height: auto; background: transparent; } /*p_summaryA*/ .c_intro_relatedlist-01001 .p_IntroList{ border-color: #cdd5d5; width: auto; height: auto; } /*p_Intro*/ .c_intro_relatedlist-01001 .p_Intro{ width: auto; height: auto; /*background: #fff;*/ padding:20px; border-top: none; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -webkit-box-align: center; } .c_intro_relatedlist-01001 .p_Intro:first-child{ border-top:1px solid rgba(228,228,228,1); } .c_intro_relatedlist-01001 .p_Intro:active{ background: #dedede; /*border-top:none;*/ } .c_intro_relatedlist-01001 .p_head{ width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; display: block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; } .c_intro_relatedlist-01001 .p_head .font{ width: inherit; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; word-break:break-all; } /*p_Icon*/ .c_intro_relatedlist-01001 .p_Icon{ width: 28px; height: auto; position: static; margin-left: 15px; font-size: 34px; } .c_intro_relatedlist-01001 .p_Icon:hover{ cursor: default; } .c_intro_relatedlist-01001 .p_Icon .iconfont{ font-size: inherit; } .c_intro_relatedlist-01001 .p_Icon .iconfont:before{ content: '\e6ae'; } .c_intro_relatedlist-01001 .p_Icon:hover .iconfont{ color: #e2e2e2; } .c_intro_relatedlist-01001 .p_relatedTitleBox { width: 640px; height: auto; padding: 20px; background-color: #f0f0f0; } /*.c_intro_relatedlist-01001 .stylebox_content{ border: none; }*/.c_ads_banner-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } #c_ads_banner-15649719773444990 img { vertical-align: middle; border: none; width: 100% !important; } .c_ads_banner-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_ads_banner-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_ads_banner-01001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_ads_banner-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_ads_banner-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_ads_banner-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_ads_banner-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_ads_banner-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } /*列表缩略图切换1*/ .c_ads_banner-01001 .p_SwitchBtnD{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_ads_banner-01001 .p_SwitchBtnD .iconfont:before{ content: '\e687'; display: inline-block; } .c_ads_banner-01001 .p_SwitchBtnD .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*列表缩略图切换1*/ .c_ads_banner-01001 .p_SwitchBtnC{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_ads_banner-01001 .p_SwitchBtnC .iconfont:before{ content: '\e687'; display: inline-block; } .c_ads_banner-01001 .p_SwitchBtnC .font{ display:table; width:inherit; height:inherit; pointer-events:none; }/*序号图片组符*/ .c_ads_banner-01001 .p_ListNumBtn{ display:inline-table; height:30px; width:30px; background-color:#67b8b4; border-width:1px; border-color:transparent; color:#999999; font-size: 12px; font-family:'Microsoft YaHei'; } .c_ads_banner-01001 .p_ListNumBtn img{ display:none; } .c_ads_banner-01001 .p_ListNumBtn .shape{ display:table-cell; width:inherit; height:inherit; text-align:center; vertical-align:middle; } .c_ads_banner-01001 .p_ListNumBtn:active { color:rgba(255,255,255,1); } .c_ads_banner-01001 .p_ListNumBtn.active { color:rgba(255,255,255,1); } .c_ads_banner-01001 .p_ListNumBtn.j-nav-active { color:rgba(255,255,255,1); } /*方形图片组符*/ .c_ads_banner-01001 .p_SquareNumBtn{ display:inline-block; height:10px; width:100px; padding:0; background-color:#f2f2f2; border-width:1px; border-color:transparent; font-size: 12px; font-family:'Microsoft YaHei'; text-align:center; } .c_ads_banner-01001 .p_SquareNumBtn img{ display:none; } .c_ads_banner-01001 .p_SquareNumBtn .shape{ text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle; } .c_ads_banner-01001 .p_SquareNumBtn:active { background-color:#67b8b4; } .c_ads_banner-01001 .p_SquareNumBtn.active { background-color:#67b8b4; } .c_ads_banner-01001 .p_SquareNumBtn.j-nav-active { background-color:#67b8b4; } /*圆型图片组符*/ .c_ads_banner-01001 .p_CircleNumBtn{ width:15px; height:15px; display: inline-table; background-color:rgba(228,228,228,1); color:rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; } .c_ads_banner-01001 .p_CircleNumBtn img{ display:none; } .c_ads_banner-01001 .p_CircleNumBtn .shape{ width:inherit; height:inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_ads_banner-01001 .p_CircleNumBtn:active { background-color:rgba(213, 177, 105, 1); } .c_ads_banner-01001 .p_CircleNumBtn.active { background-color:rgba(213, 177, 105, 1); } .c_ads_banner-01001 .p_CircleNumBtn.j-nav-active { background-color:rgba(213, 177, 105, 1); } /*通用图片组符*/ .c_ads_banner-01001 .p_NumBtn{ width:150px; height:66px; border-color:rgba(242,242,242,1); border-width:2px; border-style:solid; } .c_ads_banner-01001 .p_NumBtn .shape{ display:none; } .c_ads_banner-01001 .p_NumBtn:active{ border-color:rgba(103,184,180,1); } .c_ads_banner-01001 .p_NumBtn.active{ border-color:rgba(103,184,180,1); } /*通用容器*/ .c_ads_banner-01001 .p_ThumbnailBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*图集页概要信息*/ .c_ads_banner-01001 .p_ImgSummary{ color: #7975bb; font-size: 19px !important; line-height: 39px; vertical-align:top; word-break:break-all; }/*图集标题*/ .c_ads_banner-01001 .p_ImgHead{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; overflow:visible; } .c_ads_banner-01001 .p_ImgHead .font{ display:table-cell; width: 100% !important; height: 50px; vertical-align:top; line-height: 30px; } .c_ads_banner-01001 .p_ImgHead .iconfont:before{ content:""; }/*通用容器*/ .c_ads_banner-01001 .p_TitleBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*链接元素*/ /*图集图片说明容器*/ .c_ads_banner-01001 .p_SummaryBox{ width: inherit; height: auto; border-width:1px; border-style:none; border-color:rgba(228,228,228,0); background-color:rgba(179, 179, 179,1); overflow: visible; } /*纯图标切换按钮*/ .c_ads_banner-01001 .p_SwitchBtnB{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; text-align:center; color: rgba(213, 177, 105, 1); font-size: 33px; } .c_ads_banner-01001 .p_SwitchBtnB .font{ display:table; width:inherit; height:inherit; /*background-color:rgba(202,202,202,.3);*/ pointer-events:none; } .c_ads_banner-01001 .p_SwitchBtnB .iconfont{ display:table-cell; vertical-align:middle; } .c_ads_banner-01001 .p_SwitchBtnB:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); color:rgba(213, 177, 105, 1); } .c_ads_banner-01001 .p_SwitchBtnB:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); }/*通用容器*/ .c_ads_banner-01001 .p_interactionB{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*纯图标切换按钮*/ .c_ads_banner-01001 .p_SwitchBtnA{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; text-align:center; color: rgba(213, 177, 105, 1) !important; font-size: 33px; } .c_ads_banner-01001 .p_SwitchBtnA .font{ display:table; width:inherit; height:inherit; /*background-color:rgba(202,202,202,.3);*/ pointer-events:none; } .c_ads_banner-01001 .p_SwitchBtnA .iconfont{ display:table-cell; vertical-align:middle; } .c_ads_banner-01001 .p_SwitchBtnA:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); color:rgba(213, 177, 105, 1); } .c_ads_banner-01001 .p_SwitchBtnA:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); }/*通用容器*/ .c_ads_banner-01001 .p_interactionA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_ads_banner-01001 .p_interactionA + .p_interactionA { left: initial; right: 0; } /*多图组大图边框*/ .c_ads_banner-01001 .p_imageA{ width: auto; height: auto; border-width: 0px; border-style:solid; border-color:rgba(228,228,228,1); background-color:transparent; overflow: hidden; } /*链接元素*/ /*通用容器*/ .c_ads_banner-01001 .p_images{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*主要内容区容器*/ .c_ads_banner-01001 .p_banner{ width: inherit; height:auto; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; overflow: visible; } .c_ads_banner-01001{ position:absolute; width:640px; height:350px; overflow:hidden; } .c_ads_banner-01001 .p_banner{ width:100%; height:100%; background-color: transparent; } .c_ads_banner-01001 .p_images{ width:auto; height:auto; } .c_ads_banner-01001 .p_ThumbnailBox{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_ads_banner-01001 .p_ThumbnailBoxA{ width:auto; height:auto; } .c_ads_banner-01001 .p_interactionA{ width:auto; height:auto; } .c_ads_banner-01001 .p_interactionB{ width:auto; height:auto; } .c_ads_banner-01001 .p_TitleBox{ border-width: 0; background-color: transparent; } .c_ads_banner-01001 .p_TitleBoxA{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_ads_banner-01001 .c_banner{ width:inherit; height:inherit; } .c_ads_banner-01001 .p_images{ width:inherit; height:inherit; box-sizing:border-box; -moz-box-sizing:border-box; } .c_ads_banner-01001 .p_LinkA{ width:inherit; height:inherit; display: block; position: static; } .c_ads_banner-01001 .p_imageA{ vertical-align:baseline; text-align:center; width:inherit; height:inherit; } .c_ads_banner-01001 .p_imageA:hover{ background-color:transparent; } .c_ads_banner-01001 .p_imageA:hover:after{ background-color:transparent; } .c_ads_banner-01001 .p_interactionA{ cursor: pointer; left: 0; height: 100%; position: absolute; top: 0; z-index:99; overflow:visible; } .c_ads_banner-01001 .p_interactionB{ cursor: pointer; right: 0; height:100%; position: absolute; top: 0; z-index: 99; overflow:visible; } .c_ads_banner-01001 .p_SwitchBtnA{ position: absolute; top: 40%; margin-top: -37px; display: block; left: 0; width:33px; height: 66px; background-color: rgba(19,18,111,0.5); } .c_ads_banner-01001 .p_SwitchBtnA .iconfont:before{ font-size: 30px; content: "\e687"; } .c_ads_banner-01001 .p_SwitchBtnB{ position: absolute; top: 40%; margin-top: -37px; right: 0; display: block; width:33px; height:64px; background-color: rgba(19,18,111,0.5); } .c_ads_banner-01001 .p_SwitchBtnB .iconfont:before{ content: "\e6ae"; font-size: 30px; } .c_ads_banner-01001 .p_SummaryBox{ width:100%; position:absolute; bottom:0; left:0; z-index:5; height: 164px !important; background-color: transparent; } .c_ads_banner-01001 .p_SummaryBox:hover{ background-color: transparent; } .c_ads_banner-01001 .p_SummaryBox .p_LinkB{ display: block; background-color: rgba(0,0,0,0.0); } .c_ads_banner-01001 .p_TitleBox{ width: 100% !important; text-align: center !important; padding-left:20px; } .c_ads_banner-01001 .p_TitleBoxA{ width:100%; height:inherit; padding-left:20px; padding-right:20px; } .c_ads_banner-01001 .p_ImgHead{ padding-top:10px; font-size: 29px; font-weight: normal; text-align: center; font-family: "黑体"; line-height: 33px !important; color: #423d8b; white-space: normal; } .c_ads_banner-01001 .p_ThumbnailBox{ padding-right:30px; display: none; padding-left:30px; width: 60%; position:absolute; right:0; top: 50%; text-align:center; font-size:0; z-index:6; overflow:hidden; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_ads_banner-01001 .p_ThumbnailBoxA{ padding-right: 30px; padding-left: 30px; width: 100%; position: absolute; right: 0; bottom: 0; text-align: right; font-size: 0; z-index: 6; overflow: hidden; } .c_ads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child{ margin-left: 0; } .c_ads_banner-01001 .p_NumBtn{ margin-right:6px; font-size:0; width: 90px; height: auto; display: inline-block; overflow: hidden; } .c_ads_banner-01001 .p_CircleNumBtn{ margin-left:10px; } .c_ads_banner-01001 .p_SquareNumBtn{ margin-left:10px; } .c_ads_banner-01001 .p_SwitchBtnC{ position:absolute; top: 50%; left: 0; cursor: pointer; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_ads_banner-01001 .p_SwitchBtnD{ position:absolute; top: 50%; right: 0; cursor: pointer; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_ads_banner-01001 .p_CircleNumBtn, .c_ads_banner-01001 .p_SquareNumBtn, .c_ads_banner-01001 .p_ListNumBtn{ margin-top:20px; margin-bottom:20px; } .c_ads_banner-01001 .p_SquareNumBtn{ width:98px; } .c_ads_banner-01001 .p_SwitchBtnD .iconfont:before{ content: "\e6ae"; font-size: 30px; } .c_ads_banner-01001 .p_ImgSummary{ font-size: 26px; font-weight: normal; text-align: center; width: 100%; font-family: "黑体"; white-space: normal; } .c_ads_banner-01001 .p_SwitchBtnC .iconfont{ font-size: 30px; color: rgba(255,255,255,.6); display: table-cell; } .c_ads_banner-01001 .p_SwitchBtnD .iconfont{ font-size: 30px; color: rgba(255,255,255,.6); display: table-cell; } .c_ads_banner-01001 .p_SwitchBtnC:hover .iconfont { color: rgba(213, 177, 105, 1) ; } .c_ads_banner-01001 .p_SwitchBtnD:hover .iconfont { color: rgba(213, 177, 105, 1) ; } .c_ads_banner-01001 .p_NumBtn:hover{ border-color: rgba(213, 177, 105, 1) ; } /*缩略图插件样式*/ .c_ads_banner-01001 .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; height: 100%; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .c_ads_banner-01001 .p_MatteIcon:before{content:'\e752'; }.w_hline-001{ position:absolute; width:580px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:auto; } .w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); }.w_rbox-001{ position:absolute; width:600px; height:600px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }.c_product_relaedlist-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .lantern { margin-left: 0px !important; margin-right: 0px !important; } .c_product_relaedlist-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_product_relaedlist-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_product_relaedlist-01001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_product_relaedlist-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_product_relaedlist-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_product_relaedlist-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_product_relaedlist-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_product_relaedlist-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } /*辅助字段值*/ .c_product_relaedlist-01001 .d_CustomText{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_CustomText .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_CustomText .iconfont:before{ content:""; }/*辅助字段名*/ .c_product_relaedlist-01001 .d_nameF{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_nameF .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_nameF .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_CustomTextBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_product_relaedlist-01001 .d_custom{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_custom .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_custom .iconfont:before{ content:""; }/*辅助字段名*/ .c_product_relaedlist-01001 .d_nameE{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_nameE .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_nameE .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_CustomBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段名*/ .c_product_relaedlist-01001 .d_unitC{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_unitC .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_unitC .iconfont:before{ content:""; }/*辅助字段值*/ .c_product_relaedlist-01001 .d_number{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_number .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_number .iconfont:before{ content:""; }/*辅助字段名*/ .c_product_relaedlist-01001 .d_nameD{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_nameD .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_nameD .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_NumberBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_product_relaedlist-01001 .d_weight{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_weight .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_weight .iconfont:before{ content:""; }/*辅助字段名*/ .c_product_relaedlist-01001 .d_nameC{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_nameC .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_nameC .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_WeightBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_product_relaedlist-01001 .d_brand{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_brand .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_brand .iconfont:before{ content:""; }/*辅助字段名*/ .c_product_relaedlist-01001 .d_nameB{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_nameB .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_nameB .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_BrandBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_product_relaedlist-01001 .d_ProductDetailBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_product_relaedlist-01001 .d_unitB{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_unitB .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_unitB .iconfont:before{ content:""; }/*市场价格*/ .c_product_relaedlist-01001 .d_MarketPrice{ display:inline-block; margin:0; padding:0; color:#999999; font-size:40px; text-decoration:line-through; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_MarketPrice .font{ } .c_product_relaedlist-01001 .d_MarketPrice .iconfont:before{ content:""; } /*辅助字段名*/ .c_product_relaedlist-01001 .d_PriceNameB{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_PriceNameB .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_PriceNameB .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_MarketPriceBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_product_relaedlist-01001 .d_unitA{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_unitA .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_unitA .iconfont:before{ content:""; }/*批发价格*/ .c_product_relaedlist-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; color:#F84858; font-size:48px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_SalePrice .font{ display:table-cell; vertical-align:middle; } .c_product_relaedlist-01001 .d_SalePrice .iconfont:before{ content:""; }/*辅助字段名*/ .c_product_relaedlist-01001 .d_PriceNameA{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_PriceNameA .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_PriceNameA .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_SalePriceBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*产品价格区容器*/ .c_product_relaedlist-01001 .d_PriceGroupBox{ width: inherit; height: auto; border-width:1px; border-style:none; border-color: transparent; background-color:rgba(248, 248, 248,1); } /*概要信息*/ .c_product_relaedlist-01001 .d_summary{ color:#6B6B6B; font-size:24px; line-height:28px; text-align:justify; vertical-align:top; word-break:break-all; }/*普通正文标题*/ .c_product_relaedlist-01001 .d_ProName{ display:inline-block; margin:0; padding:0; color:#868686; font-size:24px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_ProName .font{ vertical-align:middle; line-height: 28px; } .c_product_relaedlist-01001 .d_ProName .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_ProSummaryBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*辅助字段值*/ .c_product_relaedlist-01001 .d_nom{ display:inline-block; margin:0; padding:0 5px 0 0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_nom .font{ vertical-align:top; /*display:table-cell;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_nom .iconfont:before{ content:""; }/*辅助字段名*/ .c_product_relaedlist-01001 .d_nameA{ display:inline-block; margin:0; padding:0; color:#8b8b8b; font-size:18px; text-align:left; white-space:nowrap; overflow:visible; } .c_product_relaedlist-01001 .d_nameA .font{ vertical-align:middle; /*width:inherit;*/ line-height: 21px; } .c_product_relaedlist-01001 .d_nameA .iconfont:before{ content:""; }/*通用容器*/ .c_product_relaedlist-01001 .d_NomBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /* 无效果图片边框 */ .c_product_relaedlist-01001 .d_tag{ height: auto; width: auto; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } /*通用容器*/ .c_product_relaedlist-01001 .d_TypeBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*概要列表标题*/ .c_product_relaedlist-01001 .d_Title{ display:inline-table; margin:0; padding:0; color:#323232; font-size: 23px; font-weight:400; text-align:left; white-space:normal; overflow:hidden; cursor:pointer; } .c_product_relaedlist-01001 .d_Title .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_product_relaedlist-01001 .d_Title:active{ color:#57B2AD; } .c_product_relaedlist-01001 .d_Title.selected{ color:#45A5A1; } .c_product_relaedlist-01001 .d_Title.disabled{ color:#666666; } .c_product_relaedlist-01001 .d_Title .iconfont:before{ content:""; } /*链接元素*/ /*标题概要字段名*/ .c_product_relaedlist-01001 .d_OvName{ display:inline-block; margin:0; padding:0; cursor: pointer; color: #323232; font-size: 30px; font-weight: 400; text-align: left; white-space: normal; overflow: hidden; } .c_product_relaedlist-01001 .d_OvName .font{ vertical-align: top; line-height: 35px; } .c_product_relaedlist-01001 .d_OvName .iconfont:before{ content:""; } /*通用容器*/ .c_product_relaedlist-01001 .d_ProductTitleBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_product_relaedlist-01001 .d_TitleBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用容器*/ .c_product_relaedlist-01001 .d_ProInfoBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } /*通用图片边框*/ .c_product_relaedlist-01001 .d_image{ width: auto; height: auto; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } /*通用容器*/ .c_product_relaedlist-01001 .d_images{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } @charset "utf-8"; /* CSS Document */ .c_product_relaedlist-01001 .d_product{ width: inherit; height: auto; border: 0px; overflow: hidden; } /*.c_product_relaedlist-01001 .d_product:hover { background-color: rgba(245,244,246,1); }*/ /*主要内容区容器*/ .c_product_relaedlist-01001 .d_relaedlist{ width: inherit; height:auto; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; overflow: visible; } @charset "utf-8"; /* CSS Document */ .c_product_relaedlist-01001 { width: 640px; height: 600px; padding: 0px; margin: 0px; font-size: 0; -webkit-text-size-adjust:none; position:absolute; overflow:hidden; } .c_product_relaedlist-01001 .d_relaedlist { height: auto; width: auto; padding: 10px; background-color: transparent; border: none; } .c_product_relaedlist-01001 .d_relatedBox{ height: auto; width: 640px; } .c_product_relaedlist-01001 .d_titleBox{ height: auto; padding: 20px; background-color: #f0f0f0; width: 640px; } .c_product_relaedlist-01001 .d_relatedHead{ font-size: 32px; } .c_product_relaedlist-01001 .d_product { height: auto; display: inline-block; vertical-align: top; } .c_product_relaedlist-01001 .d_product { width: calc((100% - 80px)/2) !important; height: auto !important; margin: 0px 20px !important; float: left !important; } .c_product_relaedlist-01001 .d_product:active{ background: #dedede; border-top:none; } .c_product_relaedlist-01001 .d_product:active .d_ProInfoBox,.d_ProductDetailBox,.d_interaction,.d_assist{ background: #dedede; border-top:none; } .c_product_relaedlist-01001 .d_product:active .d_ProductDetailBox{ background: #dedede; border-top:none; } .c_product_relaedlist-01001 .d_product:active .d_interaction{ background: #dedede; border-top:none; } .c_product_relaedlist-01001 .d_product:active .d_assist{ background: #dedede; border-top:none; } .c_product_relaedlist-01001 .d_product:active .d_PriceGroupBox{ background: #dedede; border-top: none; } .c_product_relaedlist-01001 .d_images { width: auto; } .c_product_relaedlist-01001 .d_image { width: 100%; height: 100%; } /*d_ProductSummaryBox*/ .c_product_relaedlist-01001 .d_ProInfoBox { padding: 0 20px; background-color: rgba(255,255,255,1); margin-bottom: 1px; width: auto; padding-bottom: 20px; } .c_product_relaedlist-01001 .d_TitleBox { width: auto; margin-top: 20px; } .c_product_relaedlist-01001 .d_ProductTitleBox { width: auto; display: inline; } /*bianhao*/ .c_product_relaedlist-01001 .d_nameA { max-width: 95px; } .c_product_relaedlist-01001 .d_nameA .font { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_NomBox { margin-top: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; } .c_product_relaedlist-01001 .d_nom { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; word-wrap: break-word; } .c_product_relaedlist-01001 .d_nom .font { white-space: normal; word-wrap: break-word; line-height: 21px; } .c_product_relaedlist-01001 .d_OvName { display: inline; } .c_product_relaedlist-01001 .d_OvName .font { text-overflow: ellipsis; display: inline; } .c_product_relaedlist-01001 .d_linkA { display: inline; } .c_product_relaedlist-01001 .d_Title { display: inline; } .c_product_relaedlist-01001 .d_Title .font{ display: inline; word-break: break-all; } .c_product_relaedlist-01001 .d_TypeBox { width: auto; display: inline; } .c_product_relaedlist-01001 .d_tag { display: inline-block; margin-left: 5px; position: relative; } .c_product_relaedlist-01001 .d_tag img { width: 100%; height: 100%; display: block; } .c_product_relaedlist-01001 .d_PriceNameA { vertical-align: middle; line-height: 50px; } .c_product_relaedlist-01001 .d_PriceGroupBox { width: auto; background-color: rgba(255,249,230,1); vertical-align: middle; padding: 20px; margin-bottom: 1px; display: none; overflow: hidden; } .c_product_relaedlist-01001 .d_MarketPriceBox { width: auto; display: inline-block; vertical-align: middle; } .c_product_relaedlist-01001 .d_SalePriceBox { width: auto; display: inline-block; vertical-align: middle; } .c_product_relaedlist-01001 .d_SalePrice { vertical-align: middle; max-width: 165px; display: inline-block; } .c_product_relaedlist-01001 .d_SalePrice .font { word-wrap: break-word; white-space: normal; display: inline; } .c_product_relaedlist-01001 .d_PriceNameB { vertical-align: middle; line-height: 50px; } .c_product_relaedlist-01001 .d_MarketPrice { margin-right: 10px; vertical-align: middle; margin-left: 10px; display: inline-block; max-width: 145px; } .c_product_relaedlist-01001 .d_MarketPrice .font { word-wrap: break-word; white-space: normal; display: inline; } .c_product_relaedlist-01001 .d_unitA { line-height: 50px; vertical-align: middle; } .c_product_relaedlist-01001 .d_unitB { line-height: 50px; vertical-align: middle; } .c_product_relaedlist-01001 .d_nom { vertical-align: bottom; margin-left: 5px; } .c_product_relaedlist-01001 .d_ProSummaryBox{ margin-top: 20px; width: auto; position: relative; } .c_product_relaedlist-01001 .d_ProName { float: left; } .c_product_relaedlist-01001 .d_summary { } /*d_ProductDetailBox*/ .c_product_relaedlist-01001 .d_ProductDetailBox { background-color: rgba(255,255,255,1); padding: 0 20px; width: auto; } .c_product_relaedlist-01001 .d_ProductDetailBox>div:first-child { margin-top: 20px; } .c_product_relaedlist-01001 .d_ProductDetailBox>div:nth-child(2) { vertical-align: bottom; } .c_product_relaedlist-01001 .d_ProductDetailBox>div:last-child { margin-bottom: 10px; } .c_product_relaedlist-01001 .d_BrandBox{ width: 250px; display: inline-block; margin-bottom: 10px; vertical-align: top; } .c_product_relaedlist-01001 .d_nameB { width: 90px; vertical-align: top; } .c_product_relaedlist-01001 .d_nameB .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_brand { vertical-align: bottom; margin-left: 5px; max-width: 170px; } .c_product_relaedlist-01001 .d_brand .font { text-align: left; white-space: normal; word-break: break-word; } .c_product_relaedlist-01001 .d_WeightBox{ width: 250px; display: inline-block; margin-bottom: 10px; vertical-align: top; } .c_product_relaedlist-01001 .d_nameC { width: 90px; vertical-align: top; } .c_product_relaedlist-01001 .d_nameC .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_weight { vertical-align: bottom; margin-left: 5px; max-width: 170px; } .c_product_relaedlist-01001 .d_weight .font { text-align: left; white-space: normal; word-break: break-word; } .c_product_relaedlist-01001 .d_NumberBox{ width: 250px; display: inline-block; margin-bottom: 10px; vertical-align: bottom; } .c_product_relaedlist-01001 .d_nameD { width: 90px; vertical-align: top; } .c_product_relaedlist-01001 .d_nameD .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_number { vertical-align: bottom; margin-left: 5px; max-width: 150px; } .c_product_relaedlist-01001 .d_number .font { text-align: left; white-space: normal; word-break: break-word; } .c_product_relaedlist-01001 .d_unitC { vertical-align: top; margin-left: 5px; } .c_product_relaedlist-01001 .d_CustomBox { margin-bottom: 10px; vertical-align: top; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; } .c_product_relaedlist-01001 .d_nameD { width: 90px; vertical-align: top; } .c_product_relaedlist-01001 .d_nameD .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_custom { vertical-align: bottom; margin-left: 5px; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; word-wrap: break-word; } .c_product_relaedlist-01001 .d_custom .font { white-space: normal; word-break: break-word; overflow: hidden; line-height: 20px; } .c_product_relaedlist-01001 .d_CustomTextBox { width:auto; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; } .c_product_relaedlist-01001 .d_nameE { width: 90px; vertical-align: top; } .c_product_relaedlist-01001 .d_nameE .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_CustomText { margin-left: 5px; line-height: 20px; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; word-wrap: break-word; } .c_product_relaedlist-01001 .d_nameF { width: 90px; vertical-align: top; vertical-align: top; } .c_product_relaedlist-01001 .d_nameF .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_CustomText .font{ white-space: normal; line-height: 20px; overflow: hidden; word-break: break-word; } /*d_AssistInfoBox*/ .c_product_relaedlist-01001 .d_assist { margin-top: 1px; background-color: rgba(255,255,255,1); padding: 20px; } .c_product_relaedlist-01001 .d_InteractionInfo { width: auto; margin-bottom: 10px; } .c_product_relaedlist-01001 .d_TimeBox { width: 250px; display: inline-block; margin-bottom: 10px; vertical-align: top; } .c_product_relaedlist-01001 .d_AssistNameA .iconfont:before { content: "\e608" } .c_product_relaedlist-01001 .d_AssistNameA { width: 100px; } .c_product_relaedlist-01001 .d_AssistNameA .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_time { vertical-align: bottom; margin-left: 5px; font-size: 18px; } .c_product_relaedlist-01001 .d_CommentBox { width: 250px; display: inline-block; margin-bottom: 10px; vertical-align: top; } .c_product_relaedlist-01001 .d_AssistNameB .iconfont:before { content: "\e629" } .c_product_relaedlist-01001 .d_AssistNameB { width: 100px; } .c_product_relaedlist-01001 .d_AssistNameB .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_comment { vertical-align: bottom; margin-left: 5px; } .c_product_relaedlist-01001 .d_ShareBox { width: 250px; display: inline-block; margin-bottom: 10px; } .c_product_relaedlist-01001 .d_AssistNameC .iconfont:before { content: "\e628" } .c_product_relaedlist-01001 .d_AssistNameC { width: 100px; } .c_product_relaedlist-01001 .d_AssistNameC .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_share { vertical-align: bottom; margin-left: 5px; } .c_product_relaedlist-01001 .d_ViewBox { width: 250px; display: inline-block; margin-bottom: 10px; } .c_product_relaedlist-01001 .d_AssistNameD .iconfont:before { content: "\e61d" } .c_product_relaedlist-01001 .d_AssistNameD { width: 100px; } .c_product_relaedlist-01001 .d_AssistNameD .font{ text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_product_relaedlist-01001 .d_view { vertical-align: bottom; margin-left: 5px; } .c_product_relaedlist-01001 .d_KeywordBox { } .c_product_relaedlist-01001 .d_AssistNameE .iconfont:before { content: "\e61c" } .c_product_relaedlist-01001 .d_AssistNameE { width: 100px; display: inline-block; vertical-align: top; } /* // 标题截取 */ .singleLine .d_Title .font{ display: block; } .multiLine .d_OvName+.d_Title{ text-indent: 0px; } .multiLine .d_OvName.item_hide+.d_Title{ text-indent: inherit; } .multiLine .d_Title .font{ display: block; overflow: visible; } .multiLine .d_ProductTitleBox{ display: block; } /*跑马灯样式 开始*/ .c_product_relaedlist-01001 .p_CommonLanternBox { width: auto; height: auto; position: relative; } .c_product_relaedlist-01001 .d_CommonInteractionA { width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; left: -9px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 999; } .c_product_relaedlist-01001 .p_CommonSwitchBtnA { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: rgba(191,191,191,1); display: inline-block; vertical-align: middle; cursor: pointer; font-size: 56px; } .c_product_relaedlist-01001 .p_CommonSwitchBtnA .font{ display: table; width: inherit; height: inherit; pointer-events: none; } .c_product_relaedlist-01001 .p_CommonSwitchBtnA .iconfont:before { content: "\e6b0"; display: inline-block; } .c_product_relaedlist-01001 .d_CommonInteractionB { width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; right: 0px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 999; } .c_product_relaedlist-01001 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: -35px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: rgba(191,191,191,1); display: inline-block; vertical-align: middle; cursor: pointer; font-size: 56px; height: 56px; width: 56px; } .c_product_relaedlist-01001 .p_CommonSwitchBtnB .font{ display: table; width: inherit; height: inherit; pointer-events: none; } .c_product_relaedlist-01001 .p_CommonSwitchBtnB .iconfont:before { content: "\e6af"; display: inline-block; } .c_product_relaedlist-01001 .p_CommonSummaryBoxA { width: auto; height: auto; /* position: relative; */ text-align: center; margin-bottom: 20px; } .c_product_relaedlist-01001 .p_CommonThumbnailBox { width: auto; height: auto; } .c_product_relaedlist-01001 .p_CommonSquareNumBtn { margin-left: 10px; background-color: rgba(191,191,191,1); width: 15px; height: 15px; display: inline-table; color: rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; position: relative; } .c_product_relaedlist-01001 .p_CommonSquareNumBtn .shape { background-color: inherit; width: inherit; height: inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_product_relaedlist-01001 .p_CommonSquareNumBtn img{ display: none; } .c_product_relaedlist-01001 .p_CommonSquareNumBtn.active { background-color: #67b8b4; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ .w_common_text-001{font-size:26px; } #c_intro_detail-1564987518932 .p_MatteIcon:before{ content:'\e752'; } #c_intro_detail-1564987518932 .p_headA{ font-size:24px; } #c_intro_detail-1564987518932 .p_name .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_intro_detail-1564987518932{ position:absolute; top:814px; left:0px; z-index:102; width:640px; height:877px; } #c_intro_list-1564987518927 .p_Intro{ margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_intro_list-1564987518927 .p_MatteIcon:before{ content:'\e752'; } #c_intro_list-1564987518927 >div{ animation-fill-mode:both; } #c_intro_list-1564987518927 .p_name .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_intro_list-1564987518927 .p_Icon .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_intro_list-1564987518927{ position:absolute; top:665px; left:0px; z-index:103; width:640px; height:116px; } #c_ads_banner-1564987518922 .p_ThumbnailBox{ text-align:left; } #c_ads_banner-1564987518922 .p_MatteIcon:before{ content:'\e752'; } #c_ads_banner-1564987518922 >div{ animation-fill-mode:both; } #c_ads_banner-1564987518922{ position:absolute; top:0px; left:0px; z-index:100; width:640px; height:445px; } #w_rbox-1564987518867 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1564987518867 >div{ animation-fill-mode:both; } #w_hline-1564987518877 .p_HLine{ border-top-color:rgba(207, 207, 207, 1); border-top-style:solid; } #w_hline-1564987518877 .p_MatteIcon:before{ content:'\e752'; } #w_hline-1564987518887 .p_HLine{ border-top-color:rgba(207, 207, 207, 1); border-top-style:solid; } #w_hline-1564987518887 .p_MatteIcon:before{ content:'\e752'; } #w_hline-1564987518897 .p_HLine{ border-top-color:rgba(207, 207, 207, 1); border-top-style:solid; border-top-width:3px; } #w_hline-1564987518897 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1564987518867{ position:absolute; top:509.5px; left:0px; z-index:104; width:640px; height:140px; } #w_common_text-1564987518907{ position:absolute; top:0px; left:14px; z-index:1; width:606px; height:45px; } #w_common_text-1564987518912{ position:absolute; top:45px; left:137px; z-index:2; width:366px; height:31px; } #w_common_text-1564987518917{ position:absolute; top:76px; left:28px; z-index:3; width:584px; height:16px; } #w_hline-1564987518877{ position:absolute; top:62px; left:45px; z-index:4; width:157px; height:12px; } #w_hline-1564987518887{ position:absolute; top:62px; left:437.5px; z-index:5; width:157px; height:12px; } #w_hline-1564987518897{ position:absolute; top:113.5px; left:303.5px; z-index:6; width:32px; height:16px; } #c_product_relaedlist-1564987518937 .p_product{ width:calc((100% - 0px)/2); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_product_relaedlist-1564987518937 .p_CommonSummaryBoxA { text-align:center; } #c_product_relaedlist-1564987518937 .p_stylebox .stylebox_top{ background-color:rgba(213, 143, 14, 1); } #c_product_relaedlist-1564987518937 .p_stylebox .title_icon:before{ content:'\e6af'; } #c_product_relaedlist-1564987518937 .p_MatteIcon:before{ content:'\e752'; } #c_product_relaedlist-1564987518937 >div{ animation-fill-mode:both; } #c_product_relaedlist-1564987518937 .p_Title_1{ font-size:20px; } #c_product_relaedlist-1564987518937 .p_OvName_1 .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_ProName_1 .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_nameB .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_inquiry .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_AddCart .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_buy .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_ToDetail .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_AssistNameA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_AssistNameB .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_AssistNameC .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_btnA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-1564987518937 .p_pagebox .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_product_relaedlist-1564987518937 .p_pagebox .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_product_relaedlist-1564987518937 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_product_relaedlist-1564987518937 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_product_relaedlist-1564987518937{ z-index:109; top:1755px; left:0px; width:640px; position:absolute; height:778px; } #c_intro_relatedlist-1564987518942 .p_Intro{ margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_intro_relatedlist-1564987518942 .p_stylebox .stylebox_top{ background-color:rgba(213, 143, 14, 1); } #c_intro_relatedlist-1564987518942 .p_stylebox .title_icon:before{ content:'\e6af'; } #c_intro_relatedlist-1564987518942 .p_MatteIcon:before{ content:'\e752'; } #c_intro_relatedlist-1564987518942 >div{ animation-fill-mode:both; } #c_intro_relatedlist-1564987518942{ z-index:110; top:2533px; left:0px; width:640px; position:absolute; height:158px; }