@charset "UTF-8";
/**
  name: container_pc
  title: innerWidth 大于 1200时素材最外层盒子的宽度，默认值为90%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_note_pc
  title: 992 小于 innerWidth 小于 1199时素材最外层盒子的宽度，默认值为96%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_pad
  title: 768 小于 innerWidth 小于 991时素材最外层盒子的宽度，默认值为96%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_note_phone
  title: innerWidth 小于 767时素材最外层盒子的宽度，默认值为93.6%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_max_width
  title: 给素材最外层盒子限制最大宽度，默认值为100%
  zhiyu: 90% / px / rem 
  beizhu:
*/
/**
  name: theme_color
  title: 网站的主题颜色
  zhiyu: 
  beizhu:
*/
/**
 * [breakpoints 响应节点]
 * @param  [type] $array [数组]
 * @param  string $value [键]
 * @return [type]        [返回一维数组]
 */
/** 
 * 定义响应式值变量
 * $tiny为手机端响应节点尺寸
 * $small为竖版平板节点尺寸
 * $medium为横版平板节点尺寸
 * $large为电脑端节点尺寸
 */
/**
 * [respond_to 处理响应式方法]
 * @param  {[type]} $breakpoint [响应节点变量]
 * @return {[type]}             [响应css语句]
 */
/**
 * [public_shadow 元素阴影效果]
 * @param  {[type]} $transition_value: 0             0 0 rgba(0,0,0,.16) [阴影颜色值]
 * @return {[type]}                    [css阴影效果]
 */
/**
 * [public_transition 动画预处理库]
 * @param  {[type]} $transition_speed: .3s           [速度时间]
 * @return {[type]}                    [动画库]
 */
/**
    name: public_wrap_div
    title: 外层class
    zhiyu: *
    beizhu:
*/
/**
  name: container_pc
  title: innerWidth 大于 1200时素材最外层盒子的宽度，默认值为90%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_note_pc
  title: 992 小于 innerWidth 小于 1199时素材最外层盒子的宽度，默认值为96%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_pad
  title: 768 小于 innerWidth 小于 991时素材最外层盒子的宽度，默认值为96%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_note_phone
  title: innerWidth 小于 767时素材最外层盒子的宽度，默认值为93.6%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_max_width
  title: 给素材最外层盒子限制最大宽度，默认值为100%
  zhiyu: 90% / px / rem 
  beizhu:
*/
/**
  name: theme_color
  title: 网站的主题颜色
  zhiyu: 
  beizhu:
*/
.public_search_84 {
  width: 100%; }

.public_search_84 .search_filter_m {
  display: none; }

.public_search_84 .in_blk {
  display: inline-block; }

.public_search_84 .screen_box {
	background: #f9fafa;
  padding: 0 0 30px; }

.public_search_84 .screen {
  max-width: 1200px;
  margin: 0 auto 10px auto; }

.public_search_84 .screen li.s_top {
  border-color: #003f98; }

.public_search_84 .screen li, .sec_list .sec_box {
  height: auto;
  margin: 0 20px;
  padding: 18px 0;
  border-bottom: 1px solid #e0e0e0; }

.public_search_84 .sec_list .sec_box:first-child {
  height: 0;
  margin: 0;
  padding: 0;
  border: none; }

.public_search_84 .screen li > span {
  float: left;
  width: 130px;
  display: inline-block;
  text-align: right; }

.public_search_84 .screen li p {
  float: right;
  width: 1072px; }

.public_search_84 .screen li.s_top > span {
  color: #999; }

.public_search_84 .screen li a {
  color: #666; }

.public_search_84 .screen li > span {
  line-height: 1.625rem;
  display: inline-block;
  color: #000;
  font-size: 0.875rem; }

.public_search_84 .sec_box h4 {
  float: left;
  width: 80px;
  text-align: right;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.625rem;
  margin: 0; }

.public_search_84 .sec_box_list {
  float: left; }

.sec_box_list span a {
  color: #666; }

.public_search_84 .more_text {
  color: #666; }

.public_search_84 .screen li a {
  float: left;
  margin: 0 6px 0;
  height: 1.625rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  padding: 0 12px;
  position: relative;
  cursor: pointer; }

.public_search_84 .screen li a:last-child:after {
  display: none; }

.public_search_84 .screen li .active {
  color: #fff;
  background: #2b3455;
  border-radius: 20px; }

.public_search_84 .screen .s_top a {
  float: left;
  padding: 2px 10px 2px 16px;
  background: none;
  color: #2b3455;
  line-height: 1.25rem;
  border: 1px solid #2b3455;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out; }

.public_search_84 .screen .s_top a span {
  float: right;
  font-size: 1.375rem;
  color: #2b3455;
  margin-left: 5px;
  margin-top: -1px; }

.public_search_84 .screen .s_top .gd {
  color: #fff;
  padding-left: 16px;
  border: 1px solid #b91b29;
  background: #b91b29; }

.public_search_84 .screen .s_top .gd span {
  color: #fff; }

.public_search_84 .sec_box span a:hover {
  color: #666; }

.public_search_84 .sec_box span {
  display: inline-block;
  padding: 0 12px;
  color: #999;
  line-height: 1.625rem;
  font-size: 0.875rem;
  cursor: pointer;
  margin: 0 6px; }

.public_search_84 .search_result_box {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto; }

.result {
  float: left;
  width: 924px;
  border: 1px solid #F0F0F0;
  margin-bottom: 60px;
  margin-top: 33px; }

.public_search_84 .more_select_box {
  width: 100%;
  height: auto;
  border-top: 1px solid #2b3455;
  margin-top: 24px; }

.public_search_84 .more_select {
  width: 344px;
  height: 25px;
  text-align: center;
  line-height: 1.125rem;
  font-size: 0.875rem;
  border: 1px solid #2b3455;
  border-top: none;
  background: #F9FAFA;
  margin: -1px auto 0 auto;
  cursor: pointer; }

.public_search_84 .condition {
  height: auto; }

.public_search_84 .condition_box {
  float: left;
  width: 508px; }

.public_search_84 .condition_box li {
  float: left;
  width: 86px;
  height: auto;
  border-right: 1px solid #f0f0f0;
  text-align: center;}

.public_search_84 .condition_box li a {
  display: block;
  color: #666;
  font-size: 0.875rem;
  line-height: 3.0rem; }

.public_search_84 .condition_box li:hover a, .public_search_84 .condition_box .active a {
  color: #fff;
  background: #2b3455 no-repeat 68px center; }

.public_search_84 .condition_box li:hover .iconfont_84, .condition_box .active .iconfont_84 {
  color: #fff; }

.public_search_84 .condition_box li img {
  margin-left: 8px; }

.public_search_84 .condition_box li:last-child {
  width: 240px; }

.public_search_84 .condition_box li:last-child input {
  height: 3rem;
  padding-left: 20px;
  border: none; }

.public_search_84 .condition_box li:last-child .s_se {
  width: 17px;
  height: 17px;
  border: none;
  background: url(../images/s_seach.jpg) no-repeat center;
  vertical-align: middle;
  margin-left: 10px; }

.public_search_84 .cond_right {
  float: right;
  color: #999;
  font-size: 0.75rem;
  line-height: 3.125rem;
  margin-right: 10px; }

.public_search_84 .result_box {
  padding: 32px 20px;
  border-top: 1px solid #e6e6e6;
  margin-top: -1px;
   }
.public_search_84 .result_box:first-child{
	border: none;
}
.public_search_84 .res_left {
  float: left;
  margin-right: 26px; }

.public_search_84 .res_left a {
  display: block;
      width: 237px;
    height: 156px;
  overflow: hidden; }

.public_search_84 .res_left a img {
  width: 100%;
  height: 100%;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transform: all .3s; }

.key_1 a{
	display: inline-block;
	width: 98px;
	height: auto;
	text-align: center;
	line-height: 1.875rem;
	border-radius: 20px;
	color: #fff;
	font-size: 0.875rem;
	background: #A50900;
}
.key_1 a:hover{
	background: #2b3455;	
}
.public_search_84 .res_left:hover a img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1); }

.public_search_84 .res_middle {
  float: left;
  width: 604px;
  color: #c4c3c3;
  font-size: 0.875rem; }

.public_search_84 .res_middle li {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 12px;
  }

.public_search_84 .res_middle li > span {
  color: #ffa800; }

.public_search_84 .res_middle .li_1 a {
  display: inline-block;
  color: #666;
  font-size: 1.125rem;
  height: 24px;
  overflow: hidden; }

.public_search_84 .res_middle .li_1 a:hover {
  color: #b91b29; }

.public_search_84 .res_middle .hide_m{
	 height: auto;
  overflow: hidden;
}
.public_search_84 .res_middle .li_3 {
  height: 19px;
  overflow: hidden; }

.public_search_84 .res_middle .li_3 div {
  float: left;
  color: #c4c3c3;
  margin-right: 22px; }

.public_search_84 .res_middle .li_3 div span {
  color: #c4c3c3; }

.public_search_84 .res_middle .li_3 div i {
  color: #ffa800; }

.public_search_84 .res_middle .li_2 a {
  display: inline-block;
  height: 34px;
  line-height: 2.125rem;
  color: #fff;
  font-size: 1.125rem;
  letter-spacing: 2px;
  padding: 0 23px;
  background: #ffa800;
  border-radius: 6px;
  margin-right: 18px; }

.public_search_84 .res_middle .li_2 a:last-child {
  background: #1d9dde; }

.public_search_84 .res_right {
  float: right;
  margin: 50px 30px 0 0;
  color: #1d9dde;
  font-size: 1.5rem;
  font-weight: bold;
  font-style: italic; }

.public_search_84 .res_right p {
  color: #c4c3c3;
  font-size: 0.875rem; }

.public_search_84 .hot {
  float: right;
  width: 252px;
  margin-top: 33px;
  border: 1px solid #ddd; }

.public_search_84 .hot .title {
  height: auto;
  line-height: 3.25rem;
  padding-left: 11px;
  background: #f9fafa; }

.public_search_84 .hot .title span {
  color: #0c0807;
  font-size: 1.125rem;
  padding-left: 9px;
  border-left: 4px solid #1d9dde; }

.public_search_84 .hot_box {
  padding: 16px 11px;
  height: 129px;
  border-bottom: 1px solid #ddd; }

.public_search_84 .hot_box:last-child {
  border: none; }

.public_search_84 .hot_box .li_1 {
  width: 129px;
  height: 91px;
  float: left;
  overflow: hidden; }

.public_search_84 .hot_box .li_1 a {
  display: block;
  width: 129px;
  height: 91px;
  overflow: hidden; }

.public_search_84 .hot_box .li_1 a img {
  width: 100%;
  height: 100%;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transform: all .3s; }

.public_search_84 .hot_box .li_1:hover a img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1); }

.public_search_84 .hot_box .li_2, .public_search_84 .hot_box .li_3, .public_search_84 .hot_box .li_4 {
  float: right;
  height: auto;
  width: 88px;
  overflow: hidden; }

.public_search_84 .hot_box .li_2 {
  margin-bottom: 7px; }

.public_search_84 .hot_box .li_2 a {
  display: block;
  color: #0c0807;
  font-size: 0.875rem;
  line-height: 1.125rem;
  height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.public_search_84 .hot_box .li_3 {
  color: #c4c3c3;
  font-family: 12px;
  height: 18px;
  margin-bottom: 4px;
  overflow: hidden; }

.public_search_84 .hot_box .li_3 i {
  color: #ffa800; }

.public_search_84 .hot_box .li_4 {
  margin-top: 3px; }

.public_search_84 .hot_box .li_4 a {
  color: #b91b29;
  font-size: 0.875rem;
  height: 20px;
  overflow: hidden; }

/*.public_search_84 .hot_box .li_4 a:hover {
  color: #51abff; }*/

.public_search_84 .black_bg_box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 998; }

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .public_search_84 .screen {
    width: 96%; }

  .public_search_84 .search_result_box {
    width: 96%; }

  .public_search_84 .res_right {
    margin: 20px 16px 0 0; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  .public_search_84 .hot {
    display: none; }

  .public_search_84 .result {
    width: 100%; } }
@media screen and (max-width: 767px) {
  .public_search_84 .screen_box {
    display: none; }

  .public_search_84 .result {
    width: 100%;
    margin: 0;
    background: #f5f5f5; }

  .public_search_84 .search_result_box {
    width: 100%; }

  .public_search_84 .condition_box {
    width: 100%; }

  .public_search_84 .condition_box form {
    display: none; }

  .public_search_84 .condition_box li {
    width: 25%;
    height: 0.86rem;
    border: none; }

  .public_search_84 .condition {
    height: 0.86rem;
    border: none; }

  .public_search_84 .condition_box li a {
    display: block;
    width: 100%;
    height: 0.86rem;
    line-height: 0.86rem;
    font-size: 0.3rem; }

  .public_search_84 .condition_box li:hover a, .public_search_84 .condition_box .active a {
    color: #2b3455;
    background: none; 
    font-weight: bolder;
  }

  .public_search_84 .condition_box li:hover .iconfont_84, .public_search_84 .condition_box .active .iconfont_84 {
    color: #2b3455; }

  .public_search_84 .active a span {
    color: #2b3455;
    background: none; }

  .public_search_84 .cond_right {
    display: none; }

  .public_search_84 .result_box {
    width: 100%;
    border: 1px solid #dcdada;
    border-left: none;
    border-right: none;
    background: #fff;
    padding: 0.28rem 3.2%;
    margin-bottom: 0.2rem; }

  .public_search_84 .hot {
    display: none; }

  .public_search_84 .res_left {
    margin-right: 0.26rem; }

  .public_search_84 .res_left a {
    width: 1.96rem;
    height: 1.38rem; }

  .public_search_84 .res_middle {
    width: 2.8rem; }

  .public_search_84 .res_middle li {
    margin: 0; }

  .public_search_84 .res_middle .li_1 {
    margin-bottom: 0.08rem; }

  .public_search_84 .res_middle .li_1 a {
    display: block;
    height: auto;
    font-size: 0.3rem;
    line-height: 0.4rem; }

  .public_search_84 .res_middle li.price_m {
    font-size: 0.26rem;
    line-height: 0.44rem;
    color: #ff3c3c; }

  .public_search_84 .res_right_m {
    float: right;
    width: 1.02rem;
    text-align: center;
    line-height: 0.46rem;
    height: 0.46rem;
    font-size: 0.26rem;
    color: #fff;
    background: #ff8800;
    margin-top: 0.1rem; }

  .public_search_84 .res_right_m:hover {
    color: #fff; }

  .public_search_84 .res_middle .li_1 a:hover {
    color: #0c0807; }

  .public_search_84 .icon-xiajiantou-font {
    font-size: 0.3rem; }

  .public_search_84 .icon-shaixuan3-font {
    font-size: 0.3rem;
    margin-right: 0.1rem; }

  .public_search_84 .search_filter_m {
    display: none;
    position: absolute;
    top: 0;
    right: -90%;
    width: 90%;
    height: auto;
    background: #fff;
    padding: 0.8rem 0 0.7rem 0;
    z-index: 999; }

  .public_search_84 .close_filter_box {
    position: fixed;
    top: 0;
    right: -90%;
    width: 90%;
    height: 0.8rem;
    background: #fff;
    border-bottom: none !important;
    z-index: 999; }

  .public_search_84 .close_filter_box .close_filter {
    float: right;
    width: 0.24rem;
    height: 0.24rem;
    text-align: center;
    line-height: 0.24rem;
    font-size: 0.68rem;
    color: #a3a3a3;
    margin: 0.2rem 3% 0 0; }

  .public_search_84 .search_filter_m > div {
    padding: 0 3.2% 0.48rem 3.2%;
    border-bottom: 1px solid #e0e0e0; }

  .public_search_84 .search_filter_m > div .filter_title {
    position: relative;
    width: 100%;
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.32rem;
    color: #333;
    margin-top: 0.48rem; }

  .public_search_84 .search_filter_m > div .filter_title span {
    position: absolute;
    right: -0.15rem;
    top: -0.05rem;
    font-size: 0.68rem;
    color: #999; }

  .public_search_84 .search_filter_m > div .filter_content .filter_content_nei {
    width: 104%; }

  .public_search_84 .search_filter_m > div .filter_content a {
    float: left;
    width: 29.48718%;
    line-height: 0.62rem !important;
    text-align: center;
    color: #666;
    font-size: 0.28rem;
    border-radius: 0.16rem;
    background: #f0f0f0;
    margin: 0.3rem 3.84615% 0 0;
    padding: 0 !important; }

  .public_search_84 .search_filter_m > div .filter_content a.active {
    color: #fff;
    background: #2b3455; }

  .public_search_84 .search_filter_m .search_filter_m_function {
    position: fixed;
    bottom: 0;
    right: -90%;
    width: 90%;
    height: 0.9rem;
    z-index: 999; }

  .public_search_84 .search_filter_m .search_filter_m_function button {
    float: left;
    width: 50%;
    line-height: 0.9rem;
    color: #666;
    text-align: center;
    font-size: 0.28rem;
    background: #f0f0f0;
    border: none;
    outline: none; }

  .public_search_84 .search_filter_m .search_filter_m_function button.sure {
    color: #fff;
    background: #fa5b5b; }

  .public_search_84 .shousuo {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  .public_search_84 .toggle-shousuo {
    transform: rotate(180deg); } }

/*# sourceMappingURL=style.css.map */