.e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_portalResSeoTag_detail-01001 { width: 100%; }  @media only screen and (max-width: 768px) { .c_portalResSeoTag_detail-01001 .p_tag{ margin-top: 20px; } .c_portalResSeoTag_detail-01001 .p_tag .p_xmb{ margin-left: 20px; margin-bottom: 20px; } .c_portalResSeoTag_detail-01001 .p_xmb a{ color: #1890ff; } .c_portalResSeoTag_detail-01001 .p_detail{ margin-top: 20px; position: relative; } .c_portalResSeoTag_detail-01001 .p_left{ width: 100px; height: 100%; padding: 0 5px; float: left; position: absolute; border-right: 1px solid #eee9e9; } .c_portalResSeoTag_detail-01001 .p_list li{ margin: 0 0 25px; } .c_portalResSeoTag_detail-01001 .p_list li .p_tagbox{ width: 100%; display: inline-block; text-align: center; } .c_portalResSeoTag_detail-01001 .p_right{ padding: 0 15px; margin-left: 100px; } .c_portalResSeoTag_detail-01001 .p_summy{ border-bottom: 1px solid #eee9e9; padding-bottom: 10px; } .c_portalResSeoTag_detail-01001 .p_h3{ margin-bottom: 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #585858; font-weight: bold; } .c_portalResSeoTag_detail-01001 .p_content{ overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c_portalResSeoTag_detail-01001 .p_title{ font-size: 14px; font-weight: bold; color: #66bfff; } .c_portalResSeoTag_detail-01001 .p_item ul li{ background: #fff; border-bottom: 1px solid #ddd;  margin-bottom: 10px; padding-bottom: 10px; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title { margin-left: 90px; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-img { display: inline-block; float: left; width: 80px } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-img a { display: inline-block } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-img a img { width: 100% } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title{ margin-left: 80px; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title h4 a { color: #333; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title .sub-info { margin-top: 6px; font-size: 14px; font-weight: 400; letter-spacing: 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px; color: #a0a0a0; height: 18px; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title .mixed-box { margin-top: 5px; position: relative; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title .mixed-box .btn-details { float: left; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title .mixed-box .btn-details a { text-decoration: none; background: #fff; border-radius: 5px; border: 1px solid #ddd; height: 26px; line-height: 24px; text-align: center; display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 400; color: #333;  padding: 0 3px; margin-right: 3px; margin-bottom: 3px; } .c_portalResSeoTag_detail-01001 .clear:after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } }  @media only screen and (min-width:769px) { .c_portalResSeoTag_detail-01001 .p_tag{ margin-top: 20px; } .c_portalResSeoTag_detail-01001 .p_xmb a{ color: #1890ff; } .c_portalResSeoTag_detail-01001 .p_tag .p_xmb{ margin-left: 159px; padding-bottom: 20px; padding-left: 20px; border-left: 1px solid #eee9e9; } .c_portalResSeoTag_detail-01001 .p_detail{ position: relative; } .c_portalResSeoTag_detail-01001 .p_left{ width: 160px; height: 100%; padding: 0 5px; float: left; position: absolute; border-right: 1px solid #eee9e9; } .c_portalResSeoTag_detail-01001 .p_list li{ margin: 0 0 25px; } .c_portalResSeoTag_detail-01001 .p_list li .p_tagbox{ width: 100%; display: inline-block; text-align: center; } .c_portalResSeoTag_detail-01001 .p_right{ padding: 0 15px; margin-left: 167px; } .c_portalResSeoTag_detail-01001 .p_summy{ border-bottom: 1px solid #eee9e9; padding-bottom: 15px; margin-bottom: 15px; } .c_portalResSeoTag_detail-01001 .p_h3{ margin-bottom: 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #585858; font-weight: bold; } .c_portalResSeoTag_detail-01001 .p_content{ overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c_portalResSeoTag_detail-01001 .p_title{ font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #66bfff; } .c_portalResSeoTag_detail-01001 .p_item ul li{ background: #fff; border: 1px solid #ddd; padding: 20px; margin-bottom: 10px; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title { margin-left: 110px; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-img { display: inline-block; float: left; width: 80px } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-img a { display: inline-block } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-img a img { width: 100% } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title h4 a { color: #333; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title .sub-info { margin-top: 6px; font-size: 14px; font-weight: 400; height: 36px; letter-spacing: 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; color: #a0a0a0; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title .mixed-box { margin-top: 20px; position: relative; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title .mixed-box .btn-details { float: right; } .c_portalResSeoTag_detail-01001 .p_item ul li .goods-title .mixed-box .btn-details a { padding: 0 24px; text-decoration: none; background: #fff; border-radius: 5px; border: 1px solid #ddd; height: 26px; line-height: 24px; text-align: center; display: inline-block; vertical-align: middle; font-size: 12px; font-family: PingFangSC-Regular,PingFang SC; font-weight: 400; color: #333; margin-left: 10px; } .c_portalResSeoTag_detail-01001 .clear:after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } }  @media only screen and (min-width:769px) and (max-width:1024px) { } .yx_Banner_N{ position:relative; height:70vh; overflow:hidden; background:#000; max-height:560px; } .yx_Banner_N:before{ content: ''; display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(120deg,#010101,rgba(0,0,0,0)); top: 0; left: 0; z-index:2; } .yx_Banner_N:after{ content:''; width:100%; height:100%; bottom:0; left:0; z-index:2; position:absolute; background: linear-gradient(to top,#eee,rgba(255,255,255,0)); opacity:0; } .yx_BN_Img{ position:absolute; width:100%; height:100%; transition:all 0.6s ease; background-size:cover; opacity:0.65; } .yx_BN_Con{ position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); z-index:3; text-align:center; } .yx_Banner_N .yx_Title{ font-size:var( --yx_FS60); color: #fff; line-height: 100%; overflow: visible; display: inline-block; position: relative; text-shadow:10px 10px 1px rgba(0,0,0,0.2); } .yx_Banner_N .yx_Title span{ position:relative; z-index:3; font-weight:bold; } .yx_Banner_N .yx_Summary{ font-size:var(--yx_FS18); color:rgba(255,255,255,0.6); text-align:center; margin-top:var(--yx_FS14); } .yx_Banner_N .yx_LineBox{ position:absolute; bottom:10%; left:50%; transform:translateX(-50%); } .yx_Banner_N .yx_Line{ width:var(--yx_FS30); text-align:center; border:2px solid rgba(255,255,255,0.9); margin:20vh auto 0; border-radius:var(--yx_FS30); height:var(--yx_FS48); z-index:3; overflow:hidden; position:relative; } .yx_Banner_N .yx_Line:before{ content:''; border-radius:50%; width:4px; height:4px; display:block; background:rgba(255,255,255,1); animation:scroll-icon 1.6s infinite; bottom:50%; position:absolute; left:calc((100% - 4px)/2); } @media only screen and (min-width:769px){ .yx_Mo_Img{ display:none; } } @media only screen and (max-width:768px){ .yx_Banner_N:before{ display:none; } .yx_Pc_Img{ display:none !important; } .yx_Banner_N{ height:90vw; } .yx_Banner_N .yx_Line{ margin-top:20%; } }  .yx_yrBtn{ background:var(--yx_Color); width:calc(var(--yx_FS60) * 3.2); height:var(--yx_FS54); display:flex; align-items:Center; border-radius:4px; justify-content:space-around; position:relative; box-shadow:0 0 var(--yx_FS54) rgba(27,138,202,0.4); transition:all 0.6s; overflow:hidden; opacity:0.85; } .yx_yrBtn:after{ content:''; display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.1); border:2px solid var(--yx_Color); transition:all 0.6s; } .yx_yrBtn:before{ content:''; display:block; width:120%; height:110%; background:rgba(0,0,0,0.1); position:absolute; left:-120%; top:-5%; transition:all 0.6s; } .yx_yrBtn span{ font-size:14px; color:#fff; position:relative; z-index:2; transition:all 0.6s; } .yx_yrBtn em{ display:block; width:var(--yx_FS24); height:var(--yx_FS24); border-radius:50%; border:1px solid #fff; position:relative; z-index:3; transition:all 0.6s; } .yx_yrBtn em:before{ content:''; display:block; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.6s; } .yx_yrBtn em:after{ content:''; display:block; width:var(--yx_FS45); height:1px; background:#fff; top:50%; right:12px; position:absolute; transform:translateY(-50%); transition:all 0.6s; } .yx_yrBtn:hover{ padding-left:12px; box-shadow:0 0 10px rgba(27,138,202,0.4); } .yx_yrBtn:hover:before{ left:0; } .yx_yrBtn:hover:after{ transform:translate(-50%,-50%) scale(1); } .yx_yrBtn:hover em{ width:var(--yx_FS18); height:var(--yx_FS18); } .yx_yrBtn:hover em:after{ width:0px; } .yx_yrBtn:hover em:before{ content:''; display:block; width:6px; height:6px; } @media only screen and (max-width:768px){ .yx_yrBtn{ margin:var(--yx_FS24) auto var(--yx_FS38) 0 !important; } }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResSeoTag_detail-16448888941609194 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResSeoTag_detail-16448888941609194 >div{ animation-fill-mode:both; } #c_portalResSeoTag_detail-16448888941609194{ width:94%; max-width:1340px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:35px; margin-left:auto; margin-right:auto; margin-bottom:5%; padding-top:24px; padding-left:10px; padding-right:10px; padding-bottom:36px; } #c_portalResEbizads_banner-16497288095069818 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-16497288095069818 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-16497288095069818{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }