.xf-reference-select-page .xf-select-banner{background-image:none;background-position:center top;background-attachment:fixed}
.xf-reference-select-page header .logo img{content:url('../picture/logo2.png')}
.xf-reference-select-page header #erweima{color:#333!important}
.xf-reference-select-page header .top_text a,.xf-reference-select-page header #mynav .nav li a{color:#333!important}
.xf-reference-select-page header .xf-top-hightech{display:none}
.xf-reference-select-page #selectMenu{position:relative;z-index:2;min-height:0;padding:0 15px}
.xf-reference-select-page .panle1{display:block;overflow:visible;padding:30px 15px 60px;position:relative;z-index:10}
.xf-reference-select-page .select{position:relative;width:14.285714%!important;min-height:0;text-align:center}
.xf-reference-select-page .select h3{position:absolute;top:-70px;left:15px;z-index:2;width:max-content;max-width:none;margin:0;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease-in;font-size:20px;line-height:22px;text-align:left}
.xf-reference-select-page #internal-structure h3{left:-348px}
.xf-reference-select-page #sealing-surface h3{left:-493px}
.xf-reference-select-page #pressure-level h3{left:-180px}
.xf-reference-select-page #material h3{left:-413px}
.xf-reference-select-page .select h3 strong{color:red!important;font-size:20px}
.xf-reference-select-page .select:before{content:'';position:absolute;top:-40px;left:35%;z-index:2;width:32px;height:36px;background:url('../images/down.png') center top/32px 36px no-repeat;opacity:0;transition:opacity .2s ease-in}
.xf-reference-select-page .select.active h3,.xf-reference-select-page .select.active:before{opacity:1}
.xf-reference-select-page .select .btn-group{width:100%}
.xf-reference-select-page .select .dropdown-toggle{width:calc(100% - 10px);margin:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xf-reference-select-page .select .dropdown-toggle.disabled{pointer-events:none;opacity:.55}
.xf-reference-select-page .select .dropdown-menu{right:auto;left:5px;min-width:calc(100% - 10px);max-height:300px;overflow-y:auto}
.xf-reference-select-page .select .dropdown-menu>li>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.xf-reference-select-page #classification .first_menu{max-height:none;overflow:visible}
.xf-reference-select-page #classification .first_menu>li{position:relative}
.xf-reference-select-page #classification .first_menu>li>.select-parent-option{width:100%;border:0;border-radius:0;text-align:left;pointer-events:auto;opacity:1}
.xf-reference-select-page #classification .first_menu .two_menu{display:none;position:absolute;top:0;left:100%;min-width:180px;margin:0;max-height:300px;overflow-y:auto}
.xf-reference-select-page #classification .first_menu>li:hover>.two_menu,.xf-reference-select-page #classification .first_menu>li.open-submenu>.two_menu{display:block}
.xf-reference-select-page .select-content{min-height:0;padding-top:0;clear:both}
.xf-reference-select-page .select-feedback{position:absolute;top:10px;right:0;left:0;min-height:0;padding:0;color:#777;text-align:center}
.xf-reference-select-page .select-feedback.is-error{color:#c00}
.xf-reference-select-page .img-list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;text-align:center}
.xf-reference-select-page .img-list li{display:block;width:25%;padding:10px;list-style:none}
.xf-reference-select-page .img-list li span{display:block;min-height:30px;padding:0 0 12px;font-size:16px}
.xf-reference-select-page .img-box a{display:block;position:relative;min-height:120px;border:1px solid #eee;background:#fff}
.xf-reference-select-page .img-box a:before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;background:#000;opacity:.12;transition:opacity .2s ease-in}
.xf-reference-select-page .img-box a:hover:before{opacity:0}
.xf-reference-select-page .img-box img{display:block;width:100%;height:150px;object-fit:contain}
.xf-reference-select-page .select-result{margin:0 0 22px;padding:0 15px}
.xf-reference-select-page .select-result .frame1_img{display:block;width:100%;height:220px;object-fit:contain}
.xf-reference-select-page .select-result .frame1_text{min-height:220px;padding:0 20px}
.xf-reference-select-page .select-result .frame1_text h3{margin:0 0 12px;font-size:21px;line-height:1.45}
.xf-reference-select-page .select-result .frame1_text p{margin:0;line-height:1.7;color:#666}
.xf-reference-select-page .select-result .more{display:inline-block;margin-top:14px;color:#c00}
.xf-reference-select-page .select-result .select-result-extra{display:block;width:100%;height:220px;object-fit:contain}
.xf-reference-select-page .select-empty{padding:70px 15px;color:#777;text-align:center}
.xf-reference-select-page .select-page-link{display:inline-block;min-width:32px;margin:0 3px;padding:5px 9px;border:1px solid #ddd;color:#555;text-decoration:none}
.xf-reference-select-page .select-page-link.active{background:#c00;border-color:#c00;color:#fff}
@media (max-width:767px){
  .xf-reference-select-page #selectMenu{padding:0 15px}
  .xf-reference-select-page .panle1{display:block;padding:24px 15px 20px}
  .xf-reference-select-page .select{width:100%!important;min-height:48px;margin-bottom:8px}
  .xf-reference-select-page .select h3{display:none;position:relative;top:auto;left:auto;width:auto;max-width:none;margin:0 5px 8px;padding-top:8px;white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.45}
  .xf-reference-select-page #internal-structure h3,.xf-reference-select-page #sealing-surface h3,.xf-reference-select-page #pressure-level h3,.xf-reference-select-page #material h3{left:auto}
  .xf-reference-select-page .select h3 strong{font-size:16px}
  .xf-reference-select-page .select:before{display:none}
  .xf-reference-select-page .select.active h3{display:block;opacity:1}
  .xf-reference-select-page .select .dropdown-menu{position:relative;float:none;width:calc(100% - 10px);margin:0 5px}
  .xf-reference-select-page #classification .first_menu .two_menu{position:relative;top:auto;left:auto;width:100%;margin:0;max-height:none;border:0;box-shadow:none}
  .xf-reference-select-page .select-content{padding-top:0}
  .xf-reference-select-page .img-list li{width:50%}
  .xf-reference-select-page .select-result .frame1_img,.xf-reference-select-page .select-result .select-result-extra{height:180px}
  .xf-reference-select-page .select-result .frame1_text{min-height:0;padding:15px 0}
}