.e_MajorStyleBox-001{ height:auto; width:100%; width-uint:%; width-and-width-uint:100%; height-and-height-uint:auto; } .e_MajorStyleBox-001 .stylebox_top{ height:67px; background-color:rgba(138, 124, 103, 1); 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(138, 124, 103, 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{  width: 100%; height: auto; width-uint:%; }  .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; }  .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); }  .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"; }  .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; }  .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 .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;  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 .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{ width: 580px; 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; }  .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; }  .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; }  .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; }  .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_category-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_intro_category-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_intro_category-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_intro_category-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_category-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_intro_category-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_intro_category-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_intro_category-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_intro_category-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_intro_category-01001 .p_CategoryIconA{ display:inline-block; margin:0; padding:0; width: 28px; height: 28px; color: #666666; font-size: 28px; font-weight: bold; } .c_intro_category-01001 .p_CategoryIconA .font{ text-align: center; vertical-align: middle; } .c_intro_category-01001 .p_CategoryIconA .iconfont:before{ content:"\e6ae"; } .c_intro_category-01001 .p_info{ 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_category-01001 .p_info .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_intro_category-01001 .p_info:active{ color:#702a18; } .c_intro_category-01001 .p_info.selected{ color:#702a18; } .c_intro_category-01001 .p_info.disabled{ color:#666666; } .c_intro_category-01001 .p_info .iconfont:before{ content:""; } .c_intro_category-01001 .p_CategoryIconB{ display:inline-block; margin:0; padding:0; width: 28px; height: 28px; color: #666666; font-size: 28px; font-weight: bold; } .c_intro_category-01001 .p_CategoryIconB .font{ text-align: center; vertical-align: middle; } .c_intro_category-01001 .p_CategoryIconB .iconfont:before{ content:"\e669"; } .c_intro_category-01001 .p_infoB{ 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_category-01001 .p_infoB .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_intro_category-01001 .p_infoB:active{ color:#702a18; } .c_intro_category-01001 .p_infoB.selected{ color:#702a18; } .c_intro_category-01001 .p_infoB.disabled{ color:#666666; } .c_intro_category-01001 .p_infoB .iconfont:before{ content:""; } .c_intro_category-01001 .p_articlesB{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_intro_category-01001 .p_Listline{ height:0; width:100%; border-top-width: 1px; border-top-style: solid; border-top-color:#F0F0F0; opacity:1; filter:alpha(opacity:100); } .c_intro_category-01001 .p_infoA{ 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_category-01001 .p_infoA .font{ display:table-cell; vertical-align:top; line-height: 36px; } .c_intro_category-01001 .p_infoA:active{ color:#702a18; } .c_intro_category-01001 .p_infoA.selected{ color:#702a18; } .c_intro_category-01001 .p_infoA.disabled{ color:#666666; } .c_intro_category-01001 .p_infoA .iconfont:before{ content:""; } .c_intro_category-01001 .p_articlesC{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_intro_category-01001 .p_CategoryIconZ{ display:inline-block; margin:0; padding:0; width: 28px; height: 28px; color: #666666; font-size: 28px; font-weight: bold; } .c_intro_category-01001 .p_CategoryIconZ .font{ text-align: center; vertical-align: middle; } .c_intro_category-01001 .p_CategoryIconZ .iconfont:before{ content:"\e6ae"; } .c_intro_category-01001 .p_articlesA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_intro_category-01001 .p_articles{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_intro_category-01001 .p_category{ width: inherit; height: auto; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_intro_category-01001 .p_head{ display:inline-block; margin:0; padding:0; color:#333333; font-size:34px; font-weight:400; text-align:center; white-space:nowrap; overflow:visible; } .c_intro_category-01001 .p_head .font{ vertical-align:middle; line-height: 39px; } .c_intro_category-01001 .p_head .iconfont:before{ content:""; } .c_intro_category-01001 .p_header{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_intro_category-01001 .p_icon{ width: 90px; height:88px; border-width: 0; border-style: none; border-color:transparent; background-color:#702a18; cursor: pointer; font-size: 40px; color:#fff; } .c_intro_category-01001 .p_icon:hover{ box-shadow:none; } .c_intro_category-01001 .p_icon:active{ background-color:#702a18; box-shadow:none; } .c_intro_category-01001 .p_icon .font{ vertical-align:middle; text-align: center; } .c_intro_category-01001 .p_icon .iconfont:before{ content: '\e61f'; } .iconfont:before{ content: ''; } .c_intro_category-01001 .p_shade{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_intro_category-01001 .p_iconA{ width: 90px; height: 88px; border-width: 0; border-style: none; border-color: transparent; background-color: none; cursor: pointer; font-size: 40px; color: #702a18;} .c_intro_category-01001 .p_iconA:hover{ box-shadow:none; } .c_intro_category-01001 .p_iconA:active{background-color:none; box-shadow:none;} .c_intro_category-01001 .p_iconA .font{ vertical-align:middle; text-align: center; } .c_intro_category-01001 .p_iconA .iconfont:before{ content: '\e61f'; } .iconfont:before{ content: ''; } .c_intro_category-01001{width:90px; height:88px; position:absolute; overflow: visible;} .c_intro_category-01001 .p_iconA{ width: inherit; height: inherit; } .c_intro_category-01001 .p_iconA .iconfont:before{ content: '\e61f'; } .c_intro_category-01001 .p_shade{ width: 640px; background-color: rgba(0,0,0,0.3); height: 100%; } .c_intro_category-01001 .p_icon{ float: left; width: 90px; height: 100%; display: initial; background-color: transparent; font-size: 36px; } .c_intro_category-01001 .p_icon .font{ top: 150px; left: 20px; } .c_intro_category-01001 .p_icon .iconfont:before{ content: '\e6ae'; } .c_intro_category-01001 .p_category{ width: 550px; height: 85%; height: calc(100% - 70px); border-color:#cdd5d5; border-bottom: none; background-color: #fff; float: right; overflow-y:auto; } .c_intro_category-01001 .p_articles{ width: inherit; height: auto; font-size: 0; } .c_intro_category-01001 .p_articlesA{ width: auto; height: auto; min-height: 100px; padding-left: 20px; background-color: #d8d8d8; 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_intro_category-01001 .p_articlesA:active{ background-color: #e4e4e4; } .c_intro_category-01001 .p_articlesB{ width: auto; height: auto; min-height: 100px; padding-left: 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: flex; display: -webkit-box; } .c_intro_category-01001 .p_articlesB:active{ background-color: #e4e4e4; } .c_intro_category-01001 .p_articlesB.active{ background-color: #e4e4e4; } .c_intro_category-01001 .p_articlesC{ height: auto; min-height: 100px; vertical-align: middle; 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; 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_intro_category-01001 .p_CategoryIconA{ margin-right: 10px; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -ms-flex-align:center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align:center; height: inherit; vertical-align: middle; } .c_intro_category-01001 .p_CategoryIconA .iconfont:before{ content: '\e6ae'; } .c_intro_category-01001 .p_CategoryIconZ{ margin-right: 10px; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -ms-flex-align:center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align:center; height: inherit; vertical-align: middle; } .c_intro_category-01001 .p_CategoryIconZ .iconfont:before{ content: '\e69a'; } .c_intro_category-01001 .p_link{ vertical-align: middle; width: initial; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex:1; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -ms-flex-align:center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align:center; } .c_intro_category-01001 .p_infoA{ vertical-align: middle; 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; height: auto; } .c_intro_category-01001 .p_infoA .font{ width: inherit; vertical-align:middle; display: inline-block; line-height: 40px; word-break:break-all; } .c_intro_category-01001 .p_infoA .font.SingleIntercept{ display: block; } .c_intro_category-01001 .p_infoB{ vertical-align: middle; 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; height: auto; } .c_intro_category-01001 .p_infoB .font{ width: inherit; vertical-align:middle; display: inline-block; line-height: 40px; word-break:break-all; } .c_intro_category-01001 .p_infoB .font.SingleIntercept{ display: block; } .c_intro_category-01001 .p_info{ vertical-align: middle; 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; height: auto; } .c_intro_category-01001 .p_info .font{ width: inherit; vertical-align:middle; display: inline-block; line-height: 40px; word-break:break-all; } .c_intro_category-01001 .p_info .font.SingleIntercept{ display: block; } .c_intro_category-01001 .p_CategoryIconB{ margin-right: 10px; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; -ms-flex-align:center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-align:center; height: inherit; vertical-align: middle; } .c_intro_category-01001 .p_CategoryIconB .iconfont:before{ content: "\e669"; } .c_intro_category-01001 .p_Listline{ border-color:#cdd5d5; } .c_intro_category-01001 .p_header{ width: 550px; float:right; } .c_intro_category-01001 .p_head{ line-height: 70px; height: 70px; background-color: #f0f0f0; float: right; width: 550px; } .c_intro_category-01001 .p_head .font{ line-height: inherit; } .c_intro_category-01001 .p_PromptNoneData{ width: 250px; top: 0px; left: 0px; transform:initial; }.c_intro_category-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); }.c_product_relaedlist-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .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;  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;  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;  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;  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;  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;  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;  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;  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;  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;  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;  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;  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;  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;  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;  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;  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;  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:30px; 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";  .c_product_relaedlist-01001 .d_product{ width: inherit; height: auto; border: 0px; overflow: hidden; }   .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";  .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 { width: 290px; height: auto; display: inline-block; margin: 10px; vertical-align: top; } .c_product_relaedlist-01001 .d_product { width: auto; height: calc((100% - 0px)/1); } .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%; }  .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;text-align: center; } .c_product_relaedlist-01001 .d_ProductTitleBox { width: auto; display: inline; }  .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; overflow: hidden; display: none; } .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 { }  .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; }  .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: 0px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .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; } .lantern { margin-left: 40px !important; margin-right: 40px !important; } .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%); } .c_product_relaedlist-01001 .p_CommonSwitchBtnB { 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_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;  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";.pagebox,#-remove--flag{}body,#-remove--flag{}.w_common_text-001{font-size:26px; } #c_intro_category-1608802738279 .p_MatteIcon:before{ content:'\e752'; } #c_intro_category-1608802738279 >div{ animation-fill-mode:both; } #c_intro_category-1608802738279 .iconfont{ font-family:iconfont!important; font-size:35px; } #c_intro_category-1608802738279{ position:absolute; top:498px; left:582px; z-index:110; width:53px; height:51px; } #c_intro_detail-16088863861938296 .p_MatteIcon:before{ content:'\e752'; } #c_intro_detail-16088863861938296 .p_name .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_intro_detail-16088863861938296 .resetHtmlCssStyle div{ margin:0px; padding:0px; font-size:18px; line-height:1.7; } #c_intro_detail-16088863861938296 .resetHtmlCssStyle p{ margin:0px; padding:0px; line-height:1.7; font-size:18px; } #c_intro_detail-16088863861938296{ position:absolute; top:564px; left:0px; z-index:100; width:640px; height:319px; } #c_product_relaedlist-16088863864781936 .p_product{ width:calc((100% - 60px)/3); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } #c_product_relaedlist-16088863864781936 .p_CommonSummaryBoxA { text-align:center; } #c_product_relaedlist-16088863864781936 .p_MatteIcon:before{ content:'\e752'; } #c_product_relaedlist-16088863864781936 >div{ animation-fill-mode:both; } #c_product_relaedlist-16088863864781936 .p_pagebox .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_pagebox .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_OvName_1 .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_ProName_1 .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_nameB .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_inquiry .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_AddCart .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_buy .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_ToDetail .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_AssistNameA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_AssistNameB .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_AssistNameC .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936 .p_btnA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_relaedlist-16088863864781936{ position:absolute; top:883px; left:0px; z-index:102; width:640px; height:347px; } #w_hline-1608802738264 .p_HLine{ border-top-color:rgba(112, 42, 24, 1); border-top-style:solid; border-top-width:2px; } #w_hline-1608802738264 .p_MatteIcon:before{ content:'\e752'; } #w_common_text-1608802738274{ position:absolute; top:520px; left:13px; z-index:108; width:114px; height:31px; } #w_hline-1608802738264{ position:absolute; top:564px; left:0px; z-index:107; width:640px; height:19px; }