@charset "UTF-8";
/*-- 页面辅助文字 --*/
/*-- 页面辅助文字 --*/
/* -- 按钮 -- */
/*-- 文本截取，超出一行行加省略号 --*/
/*-- 文本截取，超出两行加省略号 --*/
/*-- 圆角 --*/
/*-- inline-block --*/
/*-- 透明度 --*/
/*-- 一级下拉菜单样式 --*/
/*-- 导航下拉菜单原始样式 --*/
/*-- 导航下拉菜单hover样式 --*/
/*-- new标记 --*/
/*-- 分隔符 --*/
/*-- 按钮通用 --*/
/*-- 卡片透明度 --*/
/*-- 小三角朝下投影效果 --*/
/*-- 页面辅助文字 --*/
/*-- 页面辅助文字 --*/
/* -- 按钮 -- */
/*-- 文本截取，超出一行行加省略号 --*/
/*-- 文本截取，超出两行加省略号 --*/
/*-- 圆角 --*/
/*-- inline-block --*/
/*-- 透明度 --*/
/*-- 一级下拉菜单样式 --*/
/*-- 导航下拉菜单原始样式 --*/
/*-- 导航下拉菜单hover样式 --*/
/*-- new标记 --*/
/*-- 分隔符 --*/
/*-- 按钮通用 --*/
/*-- 卡片透明度 --*/
/*-- 小三角朝下投影效果 --*/
.matching-list { width: 100%; padding: 6px 0; overflow: hidden; background: #ffffff; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: absolute; top: 48px; -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); }

.matching-list ul { max-height: 218px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.matching-list ul li { padding: 0 20px; height: 40px; line-height: 40px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.matching-list ul li.active { color: #d36f16; background: #eeeeee; }

.matching-list ul li.disabled { color: #666666; }

.matching-list ul li:hover { background: #eeeeee; }

.matching-list ul li.pitch-style { background: #eeeeee; }

.matching-list ul li.equipment-list-disabled { color: #bbbbbb; cursor: default; }

.matching-list ul li.equipment-list-disabled:hover { background: transparent; }

.school-name-wrap { position: absolute; top: 34px; right: 0px; background: #FFFFFF; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.21); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.21); border-radius: 4px; padding: 20px 30px; z-index: 10000; width: 297px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.school-name-wrap .morktext-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.school-name-wrap .morktext-box span { font-size: 14px; color: #333333; margin-right: 17px; }

.school-name-wrap .morktext-box input { width: 192px; height: 36px; background: #F4F4F4; border: 1px solid #DDDDDD; border-radius: 4px; }

.school-name-wrap .btn-current-small { width: 108px; }

.school-name-wrap .matching-list { top: 0; padding-left: 48px; position: relative; -webkit-box-shadow: none; box-shadow: none; }

.school-name-wrap .matching-list ul li { padding: 0 20px 0 0; }

/*-- 页面辅助文字 --*/
.spage-total { display: inline-block; margin-right: 20px; line-height: 35px; color: #666; font-size: 14px; }

.spage-number { width: 100%; margin: 10px auto; text-align: center; display: inline-block; color: #666; font-size: 14px; }

.spage-number button { width: 40px; height: 40px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0 3px; border: 1px solid #E9E9E9; text-align: center; outline: none; background: #fff; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #999999; }

.spage-number button.active { background: #ffe300; color: #333333; border-color: #ffe300; z-index: 3; }

.spage-number button:not(.spage-before):not(.spage-after) { cursor: pointer; }

.spage-number button:not(.spage-before):not(.spage-after):hover { background-color: #ffe300; color: #333333; border-color: #ffe300; }

.spage-number button.button-disabled { cursor: not-allowed; display: none; }

.spage-number .spage-after, .spage-before { padding: 0px; width: 40px; }

.spage-number button[data-page="prev"], .spage-number button[data-page="next"] { text-indent: -1000px; overflow: hidden; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABzCAYAAACVZlKoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkyNUQyRjRDQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkyNUQyRjREQzBFMTExRTY4MjYzRDVEMzhDRjY1MzAzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTI1RDJGNEFDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTI1RDJGNEJDMEUxMTFFNjgyNjNENUQzOENGNjUzMDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4e0v4DAAABz0lEQVR42uyZu0oDURCGN6s+gUY7G6s0NhY2FuIdLBQRC0vRLXyDGES0sxIELVJ4aTUiKiiiRqwsbASR1VdQ4wsIrv/AbLMkJjuzeCEz8AUCycfZc2bP+eGkgiBwkijXSaga6SOfz9f8B8/zxCNqBrPaR2sBl6BDI0qz5BRkpSKSXIETkJOuGkmK4BAsSpe/FVyDAliS9lEbS/bAsqYhqcU/QYO4IbleQB9PshtnfqIiqlfQDy5YlpOKQtkAy1JgQSqieovIsprOLrFsCKxq37V3MAiek9iPSLZV7UepP7dDmshEJqpX0Y/mI9GjHYDeJETrfPb3aEU3YBrsg27tqlFKm+GQ1aVd/jMwx7JOzZFNdQSawDmfuI+ahixwBNzhDCAaEdUUGOfcFEhHNAHWwDB4ks7RKNgEI+BBOtk0gm2W3UuXn+ZiF4yBO01DzvME32pSLdXkr29sFrRMZKK6jjWZTKbmP/i+b7HGYo3FGos1FmtMZCIT/dM0kubDUvVo4f1Ru0YUSo6dGq423CQklUSxJeVEIklUJJZERZQ26ALqQ9yQXOElVJG/r2gOSLGsXIgQySrFmtiy7xJbLFm1dy2UlZLYj0i2YSFCX18CDAAxOYX9xIgpMAAAAABJRU5ErkJggg==); background-repeat: no-repeat; }

.spage-number button[data-page="next"] { background-position: 13px -24px; }

.spage-number button[data-page="next"]:hover { background-position: 13px -55px; }

.spage-number button[data-page="prev"] { background-position: 13px 9px; }

.spage-number button[data-page="prev"]:hover { background-position: 13px -84px; }

.spage-skip { display: inline-block; margin-left: 20px; line-height: 35px; color: #666; font-size: 14px; }

.spage-skip input { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 45px; height: 35px; text-align: center; vertical-align: top; border: 1px solid #ddd; background: none; outline: none; -webkit-transition: all 0.2s; transition: all 0.2s; }

.spage-skip button { display: inline-block; padding: 0px 14px; line-height: 33px; vertical-align: top; color: #666; border: 1px solid #ddd; cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; outline: none; background: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.spage-skip button:hover { background: #ffe300; color: #fff; border: 1px solid #ffe300; }

.work-null { margin: 40px 30px 0; }

.hot-album { margin-bottom: 0; }

.city-panel-layer { right: 0px; left: unset; }

.oh { overflow: hidden; }

.is-block-wrap { height: 56px; overflow: visible; position: relative; }

.is-translate-ele1, .is-translate-ele2 { height: 100%; }

.is-hidden .is-translate-ele1, .is-hidden .is-translate-ele2 { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.is-translate-ele1, .is-translate-ele2 { transition: transform 0.2s, -webkit-transform 0.2s; }

.is-hidden .seek-box-content { width: 170px; }

.is-visible { overflow: inherit; }

.show-list-box { overflow: initial; background: transparent; }

.compatible-title-space { position: relative; }

.mode-switch-wrap { position: absolute; right: 0; top: -5px; }

.mode-switch-wrap :after { content: ""; display: block; width: 0; height: 0; clear: both; }

.mode-switch-wrap .single-figure-box, .mode-switch-wrap .card-model-box { width: 121px; margin-left: 16px; float: left; position: relative; }

.mode-switch-wrap .single-figure-box a, .mode-switch-wrap .card-model-box a { width: 50px; height: 20px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; }

.mode-switch-wrap .single-figure-box span, .mode-switch-wrap .card-model-box span { color: #999; float: left; }

.mode-switch-wrap .single-figure-box a { background-image: url(../images/svg/turn-off.svg); }

.mode-switch-wrap .card-model-box a { background-image: url(../images/svg/turn-on.svg); }

.mode-switch-wrap .single-tips { width: 84px; height: 24px; font-size: 12px; line-height: 24px; color: #282828; padding: 0 5px 0 6px; background: #ffe300; position: absolute; top: 50%; right: 145px; margin-top: -12px; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mode-switch-wrap .single-tips:before { content: ""; display: block; border-top: 12px solid transparent; border-right: none; border-bottom: 12px solid transparent; border-left: 12px solid #ffe300; position: absolute; right: -12px; top: 50%; margin-top: -12px; }

.picture-content-wrap .picture-list-box { *zoom: 1; }

.picture-content-wrap .picture-list-box:after { content: ""; display: table; }

.picture-content-wrap .picture-list-box:after { clear: both; }

.picture-content-wrap .picture-list-box li { float: left; margin-right: 20px; overflow: hidden; }

.picture-content-wrap .picture-list-box li img { height: 100%; display: block; }

.picture-content-wrap .picture-list-box li:last-child { margin-right: 0; }

.swiper-button-next { background-image: url(../images/svg/youjiantou.svg?v=1); background-repeat: no-repeat; background-position: center; background-size: 16px 28px; width: 64px; margin-top: 0; height: 100%; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); }

.swiper-button-next:hover { background-image: url(../images/svg/youjiantouhover.svg?v=1); background-repeat: no-repeat; background-position: center; background-size: 16px 28px; }

.swiper-button-prev { background-image: url(../images/svg/zuojiantou.svg?v=1); background-repeat: no-repeat; background-position: center; background-size: 16px 28px; width: 64px; margin-top: 0; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); }

.swiper-button-prev:hover { background-image: url(../images/svg/zuojiantouhover.svg?v=1); background-repeat: no-repeat; background-position: center; background-size: 16px 28px; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; }

.album-card2-box { width: 216px; height: 200px; }

.show-other-model-box .model-list-box ul { margin-right: -20px; *zoom: 1; }

.show-other-model-box .model-list-box ul:after { content: ""; display: table; }

.show-other-model-box .model-list-box ul:after { clear: both; }

.show-other-model-box .model-list-box ul li { margin-right: 20px; float: left; }

.show-other-model-box .model-list-box ul li img { width: 100%; }

.search-card-list-container { padding-top: 20px; }

.search-card-list-container .advlong-middle { padding: 0 30px; margin-top: 0; }

.work-list-box { padding: 0px 30px; }

.hellorf-covers, .gogoup-covers { padding: 20px 30px 0; }

.hellorf-covers .swiper-slide, .gogoup-covers .swiper-slide { width: auto; }

.gogoup-covers ul > li:last-of-type .gogoup-card-box { margin-right: 0px; }

@media screen and (max-width: 1600px) { .show-other-model-box .model-list-box { height: 210px; overflow: hidden; }
  .show-other-model-box .model-list-box ul li { width: 210px; } }

@media screen and (min-width: 1601px) { .screening-condition, .condition-result-type { width: 1380px; }
  .show-other-model-box .model-list-box { height: 260px; overflow: hidden; }
  .show-other-model-box .model-list-box ul li { width: 260px; }
  .is-hidden .seek-box-content { width: 360px; } }