body {
  background: #f1f1f1;
  font: 12px/1.5 -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}

font[color=red] {
  color: #ff7300;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

/*通用css*/

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button{
  border-radius: 0;
}

.fe-col {
  letter-spacing: normal;
  display: inline-block;
  font-size: 12px;
}

.fe-row {
  display: block;
  font-size: 0px;
  letter-spacing: -4px;
  vertical-align: top;
}

.fe-col-row {
  display: inline-block;
  font-size: 0px;
  letter-spacing: -4px;
  vertical-align: top;
}

.d-icon {
  display: inline-block;
  background: url(/search/pages/jgc/i/sprite1.png) no-repeat;
  background-size: 118px;
}

.layout-sn {
  width: 1184px;
  margin: auto;
  background: #fff;
}

.layout-sn a {
  text-decoration: none;
  color: #555555;
}

.layout-sn button,
.layout-subGY button {
  border: none;
  background: inherit;
}

.layout-sn button,
.layout-subGY button {
  font-size: 12px;
  width: 48px;
  height: 20px;
  border: 1px solid #E5E5E5;
  color: #959595;
  cursor: pointer;
  vertical-align: middle;
}

.layout-sn .sub-gongyi {
  width: 72px;
}

.layout-sn button:hover {
  color: #316ccb;
  border-color: #316ccb;
}

.layout-sn a:hover {
  color: #316ccb;
}

.layout-sn .head {
  height: 48px;
  line-height: 48px;
  padding-left: 24px;
  padding-right: 20px;
  color: #656565;
}

.layout-sn .head .item-msg {
  float: right;
}

.layout-sn .item-msg .strong {
  color: #353535;
}

.layout-sn .item-tag {
  padding: 2px 8px;
  line-height: 15px;
  font-size: 12px;
  color: #316ccb;
  border: #E5E5E5 solid 1px;
  cursor: pointer;
}

.layout-sn .d-icon.close {
  /*diqye@url(../i/sprite/del-icon.png)*/
  width: 9px;
  height: 9px;
  background-position: -80px -84px;
}

.layout-sn .item-tag:hover {
  border-color: #316ccb;
}

.layout-sn .item-tag:hover .d-icon.close {
  /*diqye@url(../i/sprite/del-blue-icon.png)*/
  width: 9px;
  height: 9px;
  background-position: -90px -84px;
}

.mod-sn-list {
  display: block;
  font-size: 0px;
}

.mod-sn-list>li {
  font-size: 0px;
  padding: 0 24px;
  border-top: solid 1px #f5f5f5;
  line-height: 48px;
}
.mod-sn-list>li[sn-type=factoryType] {
  display: none;
}

.mod-sn-list>li .tag {
  transition: all 0.3s linear;
  overflow: hidden;
  max-height: 48px;
}
.mod-sn-list>li .tag>li>a{
  color: #353535;
}

.mod-sn-list>li.expand .tag {
  max-height: 189px;
  overflow: auto;
}

.mod-sn-list .option {
  float: right;
  font-size: 0px;
}

.mod-sn-list .il {
  display: inline-block;
  vertical-align: top;
}

.mod-sn-list .tag {
  font-size: 0px;
  width: 850px;
}

.mod-sn-list .tag>li {
  font-size: 12px;
  display: inline-block;
  width: 96px;
  margin-right: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.mod-sn-list .tag>li input {
  display: none;
}

.mod-sn-list .tag>li input:checked + .d-icon.checkbox {
  /*diqye@url(../i/sprite/checkboxed.png)*/
  width: 11px;
  height: 11px;
  border: none;
  background-image: url(/search/pages/jgc/i/sprite/checkboxed.png);
  background-size: 11px;
  /*background-position: -81px -21px;*/
}

.mod-sn-list .d-icon.close {
  /*diqye@url(../i/sprite/del-icon.png)*/
  width: 9px;
  height: 9px;
  background-position: -80px -84px;
  display: inline-block;
  position: relative;
  left: 4px;
  vertical-align: middle;
}

.selected-value {
  display: inline-block;
  max-width: 95px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.mod-sn-list .tag-item:hover .d-icon.close {
  /*diqye@url(../i/sprite/del-blue-icon.png)*/
  width: 9px;
  height: 9px;
  background-position: -90px -84px;
}

.mod-sn-list .tag>li .d-icon.checkbox {
  /*background: none;*/
  background-image: none;
  width: 11px;
  height: 11px;
  box-sizing: border-box;
  border: solid 1px #c5c5c5;
  position: relative;
  top: 1px;
  margin-right: 3px;
}

.mod-sn-list .tag>li label:hover .d-icon.checkbox {
  border-color: #316ccb;
}

.mod-sn-list .name {
  margin-right: 24px;
  color: #959595;
  font-size: 12px;
}

.mod-sn-list .toolbar {
  font-size: 12px;
  line-height: 1.5;
  border-top: solid 1px #F5F5F5;
  color: #959595;
  display: none;
}

.mod-sn-list .tool-head {
  margin-top: 10px;
  font-size: 0px;
}

.mod-sn-list .tool-head .label {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  margin-right: 10px;
}

.mod-sn-list .tool-head .choose-tag {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  font-size: 0px;
  width: 710px;
}

.mod-sn-list .d-icon.expand-arrow {
  /*diqye@url(../i/sprite/arrow-down-icon.png)*/
  width: 8px;
  height: 5px;
  background-position: -81px -33px;
  position: relative;
  top: -2px;
}

.mod-sn-list .d-icon.expand-arrow.collapse {
  transform: rotate(180deg);
}

.mod-sn-list button:hover .d-icon.expand-arrow {
  /*diqye@url(../i/sprite/arrow-down-hover-icon.png)*/
  width: 8px;
  height: 5px;
  background-position: -110px -92px;
}

.mod-sn-list .tool-head .tag-item {
  color: #316ccb;
  border: 1px solid #e5e5e5;
  padding: 0 6px;
  font-size: 12px;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
  cursor: pointer;
}

.mod-sn-list .tool-head .tag-item:hover {
  border-color: #316ccb;
}

.mod-sn-list .btn-group,
.layout-subGY .btn-group {
  padding: 17px 0px;
  text-align: center;
  font-size: 0px;
}

.mod-sn-list .btn-group button,
.layout-subGY .btn-group button {
  display: inline-block;
  font-size: 12px;
  height: 32px;
  width: 60px;
  border: solid 1px #316ccb;
  color: #316ccb;
  margin-right: 32px;
}

.mod-sn-list .btn-group button.primary,
.mod-sn-list .btn-group button:hover,
.layout-subGY .btn-group button.primary,
.layout-subGY .btn-group button:hover {
  color: #fff;
  background: #316ccb;
}

.layout-subGY .btn-group button.primary:hover,
.mod-sn-list .btn-group button.primary:hover {
  background: #407fe7;
  border-color: #407fe7;
}

.mod-sn-list .btn-group .tip,
.layout-subGY .btn-group .tip {
  display: inline-block;
  width: 0px;
  white-space: nowrap;
  vertical-align: middle;
  color: #FF7300;
  font-size: 12px;
}

.layout-holder {
  margin-top: 16px;
  height: 0px;
}

.flex .layout-holder {
  height: 49px;
  display: block;
}

.flex .mod-nava .max-hide {
  display: none;
}

.mod-nava .min-hide {
  display: none;
}

.flex .mod-nava .min-hide {
  display: inline-block;
}

.layout-min-search {
  margin-top: 16px;
  position: relative;
  z-index: 10;
}

.layout-min-search a {
  text-decoration: none;
  color: #555555;
}

.layout-min-search a:hover {
  color: #316ccb;
}

.flex .layout-min-search {
  background: #fff;
  position: fixed;
  top: 0px;
  margin-top: 0px;
  width: 100%;
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
}

.mod-nava {
  background: #fff;
  width: 1184px;
  margin: auto;
  padding: 0px 24px;
  line-height: 49px;
  height: 49px;
  box-sizing: border-box;
  font-size: 0px;
}

.mod-nava>li {
  font-size: 12px;
  color: #656565;
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
}

.mod-nava>li.option {
  margin-right: 0px;
}

.mod-nava>li .d-icon.arrow-top {
  /*diqye@url(../i/sprite/dir-top-icon.png)*/
  width: 8px;
  height: 11px;
  background-position: -110px -36px;
  position: relative;
  top: 1px;
  left: 4px;
}
.mod-nava>li .d-icon.dir-top-hover-icon {
  /*diqye@url(../i/sprite/dir-top-hover-icon.png)*/
  width: 8px;
  height: 11px;
  background-position: -110px -24px;
  position: relative;
  left: 4px;
  top: 1px;
}

.mod-nava>li .ci-active{
  color: #316ccb;
}
.mod-nava>li .ci-down .d-icon.dir-top-hover-icon{
  width: 8px;
  height: 11px;
  background-position: -110px -24px;
  position: relative;
  left: 4px;
  top: 1px;
  transform: rotate(180deg);
}

.mod-nava>li .active .d-icon.arrow-top,
.mod-nava>li a:hover .d-icon.arrow-top {
  /*diqye@url(../i/sprite/dir-top-hover-icon.png)*/
  width: 8px;
  height: 11px;
  background-position: -110px -24px;
}

.mod-nava>li .down .d-icon.arrow-top {
  /*diqye@url(../i/sprite/dir-bottom-icon.png)*/
  width: 8px;
  height: 11px;
  background-position: -110px -12px;
}

.mod-nava>li .down:hover .d-icon.arrow-top,
.mod-nava>li .active.down .d-icon.arrow-top {
  /*diqye@url(../i/sprite/dir-bottom-hover-icon.png)*/
  width: 8px;
  height: 11px;
  background-position: -110px 0px;
}

.mod-nava>li .area .d-icon.area-arrow {
  /*diqye@url(../i/sprite/arrow-down-icon.png)*/
  position: relative;
  top: -2px;
  width: 8px;
  height: 5px;
  background-position: -81px -33px;
  margin-left: 6px;
}

.mod-nava>li .area {
  cursor: pointer;
  padding: 0 21px;
}

.mod-nava>li .area .area-content {
  display: none;
}

.mod-nava>li .area:hover .area-content {
  display: block;
  position: absolute;
  top: 49px;
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
  width: 384px;
  box-sizing: border-box;
  left: 0px;
  background: #fff;
  padding: 16px 24px 24px 24px;
  font-size: 0px;
}

.mod-nava>li .area-item.area-head {
  display: block;
  margin-left: 0px;
  /*color: #316ccb;*/
}

.mod-nava>li .area-item.all-area-choosed {
  color: #316ccb;
}

.mod-nava>li .area-item {
  text-decoration: none;
  color: #656565;
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: middle;
  width: 60px;
  /*overflow: hidden;*/
  margin-left: 30px;
  position: relative;
}

.mod-nava .top-list .city-part {
  width: 100%;
  position: relative;
  display: none;
}

.mod-nava>li .d-icon.trangle {
  /*display: none;*/
  display: block;
  /*diqye@url(../i/sprite/triangle.png)*/
  width: 17px;
  height: 9px;
  background-position: -62px -84px;
}

.mod-nava>li .list-holder {
  width: 11px;
  height: 2px;
  background-color: #fcfcfc;
  z-index: 200;
}

.mod-nava>li .area-item.hover {
  color: #316ccb;
}

.mod-nava>li .area-item:hover {
  color: #316ccb;
}

.mod-nava>li .area:hover .area-holder {
  height: 10px;
  background: #fff;
  position: absolute;
  top: -10px;
  width: 107.39px;
  left: 0px;
}

.mod-nava>li .area .same-city {
  font-size: 12px;
  line-height: 18px;
  margin-top: 4px;
  color: #656565;
}

.mod-nava>li .area .area-seperate {
  height: 0px;
  width: 100%;
  border-bottom: 1px solid #E5E5E5;
  margin-top: 16px;
  margin-bottom: 16px;
}

.mod-nava>li .area .same-city-value {
  color: #316ccb;
  margin-left: 4px;
}

.mod-nava>li .area .history-area {
  font-size: 0px;
  line-height: 18px;
  /*margin-top: 16px;*/
  color: #656565;
}

.mod-nava>li .area .history-area>label {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}

.mod-nava>li .area .history-area .history-list {
  display: inline-block;
  font-size: 0px;
  margin-left: 4px;
}

.mod-nava>li .area .history-area .history-item {
  width: 48px;
  overflow: hidden;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  margin-right: 8px;
  white-space: nowrap;
}

.mod-nava>li .area .history-area .history-item:hover {
  color: #316ccb;
}

.mod-nava>li .area .history-area .history-item:last-child {
  margin-right: 0px;
}

.mod-nava .top-list .municipality-list{
  display: block;
  width: 100%;
  height: 34px;
}
.mod-nava .top-list .province-item {
  width: 48px;
  font-size: 12px;
  line-height: 18px;
  margin-right: 24px;
  margin-top: 16px;
  color: #656565;
  position: relative;
}

.mod-nava .top-list .province-item:hover {
  color: #316ccb;
}

.mod-nava .top-list .province-item:nth-child(5n+5) {
  /*margin-right: 0px;*/
}

.mod-nava .down-list .city-item {
  width: 48px;
  font-size: 12px;
  line-height: 18px;
  margin-right: 16px;
  margin-bottom: 8px;
  color: #656565;
  white-space: nowrap;
  overflow: hidden;
}

.mod-nava .down-list .city-item:hover {
  color: #316ccb;
}

.mod-nava .down-list .city-item:nth-child(5n+5) {
  margin-right: 0px;
}

.mod-nava .top-list {
  /*border-bottom: 1px solid #f5f5f5;*/
}

.mod-nava .down-list {
  /*display: none;*/
  width: 336px;
  box-sizing: border-box;
  border: 1px solid #E5E5E5;
  background-color: #FCFCFC;
  padding: 8px 15px 0 15px;
}

.mod-nava>li .area #choosed-city {
  display: inline-block;
  width: 48px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.mod-nava>li .area:hover {
  color: #316ccb;
  position: relative;
  z-index: 12;
  height: 50px;
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
}

.mod-nava>li .area:hover .d-icon.area-arrow {
  /*diqye@url(../i/sprite/arrow-down-hover-icon.png)*/
  transform: rotate(180deg);
  width: 8px;
  height: 5px;
  background-position: -110px -92px;
}

.mod-nava .option {
  float: right;
}

.mod-nava .right {
  font-size: 0px;
}

.mod-nava .right>li {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

.mod-nava .active {
  color: #316ccb;
}

.mod-nava .d-icon.checkbox {
  background: none;
  width: 11px;
  height: 11px;
  box-sizing: border-box;
  border: solid 1px #c5c5c5;
  position: relative;
  top: 1px;
  margin-right: 6px;
}

.mod-nava .d-icon.checkbox-ed {
  /*diqye@url(../i/sprite/checkboxed.png)*/
  width: 11px;
  height: 11px;
  background-position: -81px -21px;
  position: relative;
  top: 1px;
  margin-right: 6px;
}

.mod-nava .active .d-icon.checkbox,
.mod-nava a:hover .d-icon.checkbox {
  border-color: #316ccb;
}

.mod-nava .option-list .d-icon.list {
  /*diqye@url(../i/sprite/list-icon.png)*/
  width: 16px;
  height: 16px;
  background-position: -93px -17px;
  position: relative;
  top: 5px;
}

.mod-nava .active .d-icon.list,
.mod-nava .option-list:hover .d-icon.list {
  /*diqye@url(../i/sprite/list-hover-icon.png)*/
  width: 16px;
  height: 16px;
  background-position: -93px 0px;
}

.mod-nava .option-img .d-icon.img {
  /*diqye@url(../i/sprite/img-icon.png)*/
  width: 16px;
  height: 16px;
  background-position: -93px -34px;
  position: relative;
  top: 5px;
}

.mod-nava .active .d-icon.img,
.mod-nava .option-img:hover .d-icon.img {
  /*diqye@url(../i/sprite/img-hover-icon.png)*/
  width: 16px;
  height: 16px;
  background-position: -93px -51px;
}

.mod-nava .option-img {
  padding: 0 16px;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
}

.mod-nava .option-list {
  padding: 0 16px;
  border-left: 1px solid #f5f5f5;
}

.mod-nava .mini-page {
  padding-left: 16px;
  color: #959595;
}

.mod-nava .strong {
  color: #353535;
}

.mod-nava .d-icon.page-left.dis:hover,
.mod-nava .d-icon.page-left {
  /*diqye@url(../i/sprite/arrow-left-icon.png)*/
  width: 7px;
  height: 10px;
  background-position: -110px -81px;
  position: relative;
  top: 1px;
}

.mod-nava .d-icon.dis {
  cursor: default;
  opacity: .5;
}

.mod-nava .d-icon.page-right.dis:hover,
.mod-nava .d-icon.page-right {
  /*diqye@url(../i/sprite/arrow-right-icon.png)*/
  width: 7px;
  height: 10px;
  background-position: -110px -70px;
  position: relative;
  top: 1px;
}

.mod-nava .d-icon.page-left:hover {
  /*diqye@url(../i/sprite/arrow-left-hover-icon.png)*/
  width: 7px;
  height: 10px;
  background-position: -110px -59px;
}

.mod-nava .d-icon.page-right:hover {
  /*diqye@url(../i/sprite/arrow-right-hover-icon.png)*/
  width: 7px;
  height: 10px;
  background-position: -110px -48px;
}

.mod-nava .push-hub {
  display: block;
  width: 90px;
  height: 30px;
  color: #316ccb;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 30px;
}

.mod-nava .push-hub:hover {
  border-color: #316ccb;
}

.mod-nava .push-hub .pencil {
  display: inline-block;
  height: 16px;
  width: 18px;
  background: url(https://img.wuage.com/public/149680313169691821030_48_64.gif) no-repeat;
  background-position: -6px -16px;
  background-size: 26px 32px;
  position: relative;
  top: 3px;
}

.mod-nava .slide-down-search {
  padding-left: 0px;
  height: 32px;
  font-size: 0px;
  margin-right: 16px;
}

.mod-nava .ci {
  display: inline-block;
  width: 96px;
}

.mod-nava .slide-down-input {
  border: 2px #316CCB solid;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 28px;
  width: 304px;
  top: -8px;
  font-size: 0px;
}

.mod-nava .slide-down-search button {
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  background: #316ccb;
  vertical-align: middle;
  border: none;
  width: 72px;
  height: 32px;
  line-height: 32px;
  top: -8px;
  position: relative;
  cursor: pointer;
}

.mod-nava .slide-down-search button:hover {
  background: #407fe7;
}

.mod-nava .slide-down {
  display: inline-block;
  font-size: 12px;
  line-height: 28px;
  height: 28px;
  vertical-align: top;
  width: 72px;
  box-sizing: border-box;
  padding-left: 16px;
  color: #353535;
  border-right: #e5e5e5 solid 1px;
  cursor: pointer;
}

.mod-nava .d-icon.sarrow {
  /*diqye@url(../i/sprite/arrow-down-icon.png)*/
  width: 8px;
  height: 5px;
  background-position: -81px -33px;
  position: relative;
  top: -1px;
  left: 10px;
  transition: all .2s linear;
}

.mod-nava .slide-down:hover .d-icon.sarrow {
  transform: rotate(180deg);
}

.mod-nava .search-input {
  display: inline-block;
  font-size: 12px;
  /*line-height: 30px;*/
  padding-left: 14px;
  margin: 2px;
  border: none;
  height: 24px;
  vertical-align: top;
  width: 276px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

::placeholder {
  color: #C5C5C5;
}

.mod-nava .slide-down:hover .slide-down-sub {
  display: block;
}

.mod-nava .slide-holder {
  background: #316ccb;
  height: 2px;
  width: 72px;
  position: absolute;
  top: 28px;
}

.mod-nava .slide-down-sub {
  display: none;
  position: absolute;
  top: 30px;
  width: 72px;
  background: #fff;
  left: 0px;
  padding-left: 16px;
  box-sizing: border-box;
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
}

.mod-nava .fe-autocompletion.middle.goods {
  width: 389px;
  top: 30px;
  right: 0px;
}

.layout-list {
  width: 1184px;
  margin: auto;
  margin-top: 24px;
}

.mod-list {
  font-size: 0px;
}

.mod-list>li {
  border-bottom: 1px solid #e5e5e5;
  padding: 40px 0 32px 40px;
  background: #fff;
  font-size: 0px;
  margin-top: 16px;
  position: relative;
}

.mod-list>li:first-child {
  margin-top: 0px;
}

.mod-list>li:hover {
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
}

.mod-list .info-company {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 0px;
  letter-spacing: 0;
}

.mod-list .d-icon.jgfws {
  /*diqye@url(../i/sprite/jgfws.png)*/
  width: 92px;
  height: 20px;
  background-position: 0px 0px;
  position: absolute;
  top: 0px;
  left: 40px;
}

.mod-list .d-icon.jgc {
  /*diqye@url(../i/sprite/jgc.png)*/
  width: 68px;
  height: 20px;
  background-position: 0px -42px;
  position: absolute;
  top: 0px;
  left: 40px;
}

.mod-list .d-icon.bzjc {
  /*diqye@url(../i/sprite/bzjc.png)*/
  width: 80px;
  height: 20px;
  background-position: 0px -21px;
  position: absolute;
  top: 0px;
  left: 40px;
}

.mod-list .d-icon.ylc {
  /*diqye@url(../i/sprite/ylc.png)*/
  width: 68px;
  height: 20px;
  background-position: 0px -63px;
  position: absolute;
  top: 0px;
  left: 40px;
}

.mod-list .company-name {
  font-size: 18px;
  line-height: 27px;
  color: #353535;
  display: inline-block;
  vertical-align: middle;
  max-width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
}

.mod-list .company-name:hover {
  color: #316ccb;
}

.mod-list .company-address {
  /* display: inline-block; */
  float: left;
  vertical-align: middle;
  font-size: 12px;
  line-height: 18px;
  color: #959595;
  margin-right: 8px;
  padding-right: 8px;
  border-right: 1px solid #f1f1f1;
}

.mod-list .active-degree {
  font-size: 12px;
  color: #959595;
  line-height: 18px;
  vertical-align: middle;
  margin-left: 16px;
}

.mod-list .d-icon.arrow-top {
  /*diqye@url(../i/sprite/arrow-top.png)*/
  width: 14px;
  height: 14px;
  background-position: -47px -84px;
  position: relative;
  left: 0px;
  top: 2px;
}

.mod-list .d-icon.hydxj {
  /*diqye@url(../i/sprite/hydxj.png)*/
  position: relative;
  left: 0px;
  top: 2px;
  width: 14px;
  height: 14px;
  background-position: -93px -68px;
}

.mod-list .d-icon.hydcp {
  /*diqye@url(../i/sprite/hydcp.png)*/
  position: relative;
  left: 0px;
  top: 2px;
  width: 14px;
  height: 14px;
  background-position: -32px -84px;
}

.mod-list .pro-intro {
  width: calc(100% - 205px);
  box-sizing: border-box;
  border-right: 1px solid #F1F1F1;
  padding-top: 8px;
  font-size: 0;
}

.mod-list .pro-intro .co-server {
  /* display: block; */
  /* vertical-align: middle; */
  font-size: 0px;
  overflow: hidden;
}

.mod-list .pro-intro .co-server>li {
  display: inline-block;
  background-color: #F5F5F5;
  padding: 1px 8px;
  font-size: 12px;
  line-height: 18px;
  color: #656565;
  margin-right: 10px;
  margin-bottom: 8px;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mod-list .pro-intro .co-param {
  float: left;
  width: 430px;
  box-sizing: border-box;
  font-size: 0px;
  margin-top: 18px;
}

.mod-list .pro-intro .co-param>li {
  display: inline-block;
  box-sizing: border-box;
  /* border-right: 1px solid #F1F1F1; */
}

.mod-list .pro-intro .co-param>li:last-child {
  border-right: none;
}
.mod-list .pro-intro .co-param>li:last-child .param-item {
  margin-right: 0;
}
.mod-list .pro-intro .co-param>li .item-value {
  max-width: 300px;
}


.mod-list .co-param>li:first-child .param-item {
  margin-left: 0px;
}

.mod-list .pro-intro .co-param .param-item {
  margin-right: 32px;
  font-size: 0px;
  margin-bottom: 6px;
  /* margin-left: 32px; */
}

.mod-list .pro-intro .param-item .item-name {
  font-size: 12px;
  color: #959595;
  line-height: 18px;
  display: inline-block;
  width: 50px;
  vertical-align: middle;
}
.mod-list .pro-intro .param-item .link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  font-size: 12px;
  color: #316ccb;
}
.mod-list .pro-intro .param-item .link:after,
.mod-list .pro-intro .param-item .link:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -12px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border: 4px solid transparent;
}
.mod-list .pro-intro .param-item .link:after {
  border-left-color: #fff;
}
.mod-list .pro-intro .param-item .link:before {
  transform: translateX(1px) translateY(-50%);
  border-left-color: #316ccb;
}
.mod-list .pro-intro .param-item .item-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #656565;
  line-height: 18px;
  margin-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mod-list .pro-intro .param-item .item-value.pa {
  width: 300px;
}

.mod-list .pro-intro .param-item .item-value.mid {
  /* width: 64px; */
}

.mod-list .pro-intro .co-pic {
  float: left;
  width: 508px;
  font-size: 0px;
  margin-top: 18px;
}

.mod-list .pro-intro .co-pic>li {
  display: inline-block;
  margin-right: 24px;
  vertical-align: top;
  width: 96px;
}

.mod-list .pro-intro .co-pic>li:last-child {
  margin-right: 0px;
}
.mod-list .img a{
  display: inline-block;
  width: 96px;
  height: 96px;
  overflow: hidden;
}
.mod-list .img img {
  width: 96px;
  height: 96px;
  object-fit: cover;
}

.mod-list .img img:hover {
  transform: scale(1.1,1.1);
  transition: all .2s ease;
}

.mod-list .img >p {
  margin-top: 10px;
  white-space: pre-wrap;
  font-size: 12px;
  line-height: 18px;
  color: #656565;
  height: 36px;
}

.mod-list .img >p .img-intro {
  color: #656565;
  display: inline-block;
  width: 96px;
  height: 36px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.mod-list .img >p:hover .img-intro {
  color: #316ccb;
}

.mod-list .pro-operate {
  width: 205px;
  box-sizing: border-box;
  vertical-align: top;
}

.mod-list .pro-operate .hrd {
  display: block;
  width: 120px;
  height: 40px;
  margin: 40px auto 0;
  box-sizing: border-box;
  line-height: 20px;
  padding: 10px 0;
  background-color: #316ccb;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.mod-list .pro-operate .hrd:hover {
  background-color: #407fe7;
}

.mod-list .hrd .d-icon.icon-hrd {
  /*diqye@url(../i/sprite/fxq.png)*/
  width: 16px;
  height: 16px;
  background-position: 0px -84px;
  position: relative;
  top: 3px;
  right: 6px;
}
.mod-list .pro-operate .tel,
.mod-list .pro-operate .gangding {
  display: block;
  width: 120px;
  height: 40px;
  margin: 0 auto;
  box-sizing: border-box;
  line-height: 20px;
  padding: 9px 0;
  background-color: #fff;
  border: 1px solid #316ccb;
  color: #316ccb;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.mod-list .jgc-icon{
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background: url('//img.wuage.com/public/157197365754937673897_120_32.png') center center no-repeat;
  background-size: 60px 16px;
}
.mod-list .jgc-icon.im {
  width: 14px;
  height: 14px;
  background-position: 0 0;
}
.mod-list .jgc-icon.contact {
  background-position: -14px 0;
  width: 16px;
  height: 16px;
}
.mod-list .pro-operate .text{
  display: inline-block;
  vertical-align: middle;
}
.mod-list .pro-operate .tel {
  margin-bottom: 16px;
}
.mod-list .pro-operate .gangding:hover {
  border: none;
  background-color: #316ccb;
  color: #fff;
}
.mod-list .pro-operate .gangding:hover .jgc-icon.im{
  background-position: -30px 0;
}
.mod-list .pro-operate .tel:hover .jgc-icon.contact{
  background-position: -44px 0;
}

.mod-list .gangding:hover .d-icon.im {
  /*diqye@url(../i/sprite/sslt.png)*/
  width: 16px;
  height: 16px;
  background-position: -69px -42px;
}

.mod-list .gangding .d-icon.im {
  /*diqye@url(../i/sprite/gangding-old.png)*/
  width: 16px;
  height: 16px;
  background-position: -69px -63px;
  position: relative;
  top: 3px;
  right: 6px;
}

.mod-list .message {
  display: block;
  width: 120px;
  height: 32px;
  margin: 0 auto;
  box-sizing: border-box;
  line-height: 18px;
  padding: 6px 0;
  background-color: #fff;
  border: 1px solid #F1F1F1;
  color: #656565;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}

.mod-list .tel:hover,
.message:hover {
  background-color: #316ccb;
  border: none;
  color: #fff;
}

.fe-page a {
  text-decoration: none;
}

.w-mask {
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.w-mask:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.w-mask .cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(53,53,53,.2);
  z-index: 101;
}

.w-mask .container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  z-index: 102;
}

.layout-subGY {
  width: 924px;
  height: 690px;
  background-color: #fff;
  z-index: 101;
  box-sizing: border-box;
}

.layout-subGY .sub-head {
  width: 100%;
  height: 49px;
  box-sizing: border-box;
  padding: 17px 32px 0 32px;
  border-bottom: 1px solid #F1F1F1;
}

.layout-subGY .sub-title {
  font-size: 14px;
  line-height: 20px;
  color: #353535;
  float: left;
}

.layout-subGY .sub-head .d-icon.close,
.layout-dialog .dialog-head .d-icon.close {
  /*diqye@url(../i/sprite/14*14-close.png)*/
  float: right;
  width: 14px;
  height: 14px;
  background-position: -17px -84px;
  cursor: pointer;
}

.layout-subGY .sub-content {
  width: 100%;
  height: 485px;
  box-sizing: border-box;
  padding: 8px 32px;
  overflow: scroll;
}

.layout-subGY .content-item {
  width: 100%;
  box-sizing: border-box;
  /*border-bottom: 1px solid #F1F1F1;*/
  font-size: 0px;
  padding: 16px 0px;
}

.layout-subGY .content-item:last-child {
  border-bottom: none;
}

.layout-subGY .content-item-title {
  font-size: 14px;
  line-height: 20px;
  color: #353535;
  text-align: left;
}

.layout-subGY .content-item .tag-list {
  width: 100%;
  text-align: left;
  margin-top: -4px;
  line-height: 0px;
}

.layout-subGY .tag-list>li {
  margin-right: 16px;
  width: 104px;
  display: inline-block;
  font-size: 12px;
  color: #656565;
  line-height: 18px;
  margin-top: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.layout-subGY .tag-list>li input {
  display: none;
}

/*.layout-subGY .tag-list>li input:checked + .d-icon.checkbox {
  width: 11px;
  height: 11px;
  border: none;
  background-image: url(/search/pages/jgc/i/sprite/checkboxed.png);
  background-size: 11px;
}*/

.layout-subGY .tag-list>li label .d-icon.checkbox.active{
  width: 11px;
  height: 11px;
  border: none;
  background-image: url(/search/pages/jgc/i/sprite/checkboxed.png);
  background-size: 11px;
}

.layout-subGY .tag-list>li:nth-child(7n+7) {
  margin-right: 0px;
}

.layout-subGY .tag-list>li label .d-icon.checkbox {
  /*background: none;*/
  background-image: none;
  width: 11px;
  height: 11px;
  box-sizing: border-box;
  border: solid 1px #c5c5c5;
  position: relative;
  top: 1px;
  margin-right: 8px;
}

.layout-subGY .tag-list>li label:hover .d-icon.checkbox {
  border-color: #316ccb;
}

.layout-subGY .fe-sub {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 32px;
  text-align: left;
  margin-top: 16px;
}

.layout-subGY .toolbar .label {
  color: #959595;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 24px;
}

.layout-subGY .tool-head .choose-tag {
  display: inline-block;
  vertical-align: top;
  font-size: 0px;
}

.layout-subGY .tool-head .tag-item {
  color: #316ccb;
  border: 1px solid #e5e5e5;
  padding: 0 6px;
  font-size: 12px;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.layout-subGY .tool-head .tag-item:hover {
  border-color: #316ccb;
}

.layout-subGY .d-icon.close {
  /*diqye@url(../i/sprite/del-icon.png)*/
  width: 9px;
  height: 9px;
  background-position: -80px -84px;
  position: relative;
  left: 4px;
  top: 1px;
}

.layout-subGY .tag-item:hover .d-icon.close {
  /*diqye@url(../i/sprite/del-blue-icon.png)*/
  width: 9px;
  height: 9px;
  background-position: -90px -84px;
}

.mod-sn-list>li .ch-il {
  display: inline-block;
  vertical-align: middle;
  color: #959595;
  font-size: 12px;
}

.mod-sn-list>li .ch-tag {
  font-size: 0px;
  width: 850px;
  height: 48px;
}

.mod-sn-list .ch-tag>li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 24px;
}

.mod-sn-list .ch-tag>li:first-child {
  margin-left: 0px;
}

.mod-sn-list .ch-tag .more-choose {
  width: 96px;
  height: 48px;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 0 0 24px;
  position: relative;
  font-size: 12px;
}

.mod-sn-list .ch-tag .choosed-application {
  display: inline-block;
  width: 48px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  color: #353535;
}

.mod-sn-list .ch-tag>li.more-choose .d-icon.area-arrow {
  /*diqye@url(../i/sprite/arrow-down-icon.png)*/
  width: 8px;
  height: 5px;
  background-position: -81px -33px;
  position: relative;
  top: -2px;
  left: 4px;
}

.mod-sn-list .ch-tag .more-choose.hover-active {
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
  cursor: default;
}

.mod-sn-list .ch-tag .hover-active .choosed-application {
  color: #316ccb;
}

.mod-sn-list .ch-tag>li.hover-active .d-icon.area-arrow {
  width: 8px;
  height: 5px;
  background-position: -110px -92px;;
  transform: rotate(180deg);
}

.mod-sn-list .ch-tag .more-choose .hover_box {
  display: none;
  width: 274px;
  background-color: #fff;
  position: absolute;
  top: 49px;
  left: 0px;
  z-index: 15;
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
}

.mod-sn-list .ch-tag .more-choose.more-box.hover-active .hover_box {
  display: block;
  width: 874px;
  background-color: #fff;
  position: absolute;
  top: 49px;
  left: 0px;
  z-index: 15;
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
}

.mod-sn-list .ch-tag .more-choose.more-server:hover .hover_box {
  display: block;
  width: 754px;
  background-color: #fff;
  position: absolute;
  top: 49px;
  left: 0px;
  z-index: 15;
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
}

.mod-sn-list .ch-tag .more-choose:hover .hover_box {
  display: block;
}

.mod-sn-list .more-choose:hover .hover_box .hover_holder {
  position: absolute;
  top: -10px;
  left: 0;
  width: 96px;
  height: 10px;
  background-color: #FFF;
}

.mod-sn-list .ch-tag .hover_box input {
  display: none;
}

.mod-sn-list .ch-tag .hover_box .d-icon.checkbox {
  background-image: none;
  width: 11px;
  height: 11px;
  box-sizing: border-box;
  border: solid 1px #c5c5c5;
  position: relative;
  top: 1px;
  margin-right: 3px;
}

.mod-sn-list .ch-tag .hover_box .d-icon.checkbox.active{
  width: 11px;
  height: 11px;
  /*background-position: -102px 0px;*/
  border: none;
  background-image: url(/search/pages/good/i/sprite/checkboxed.png);
  background-size: 11px;
}

.mod-sn-list .ch-tag>li input:checked + .d-icon.checkbox {
  /*diqye@url(../i/sprite/checkboxed.png)*/
  width: 11px;
  height: 11px;
  /*background-position: -102px 0px;*/
  border: none;
  background-image: url(/search/pages/good/i/sprite/checkboxed.png);
  background-size: 11px;
}

.mod-sn-list .hover_box label:hover .d-icon.checkbox {
  border-color: #316ccb;
}

.mod-sn-list .hover_box .hover_lists {
  box-sizing: border-box;
  margin: 0 10px 0px 24px;
  font-size: 0px;
  /*border-bottom: 1px solid #F1F1F1;*/
  line-height: 0px;
}

.mod-sn-list .hover_box .hover_lists>li {
  display: inline-block;
  width: 96px;
  margin-right: 24px;
  font-size: 12px;
  line-height: 48px;
  color: #353535;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mod-sn-list .hover_box .toolbar {
  font-size: 0px;
  line-height: 1.5;
  border-top: solid 1px #F5F5F5;
  color: #959595;
  display: block;
  margin: 0 24px;
  box-sizing: border-box;
  padding-top: 10px;
}

.mod-sn-list .hover_box .toolbar .label {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}

.mod-sn-list .hover_box .choose-tag {
  display: inline-block;
  font-size: 12px;
  margin-left: 16px;
}

.mod-sn-list .hover_box .tag-item {
  color: #316ccb;
  border: 1px solid #e5e5e5;
  padding: 0 6px;
  font-size: 12px;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
  cursor: pointer;
}

.mod-sn-list .hover_box .tag-item:hover {
  border-color: #316ccb;
}

.layout-dialog {
  width: 814px;
  background-color: #fff;
  z-index: 101;
  box-sizing: border-box;
}

.dialog-head {
  width: 100%;
  height: 49px;
  box-sizing: border-box;
  padding: 17px 32px 0 32px;
  border-bottom: 1px solid #F1F1F1;
}

.dialog-title {
  font-size: 14px;
  line-height: 20px;
  color: #353535;
  float: left;
}

.dialog-sub {
  float: left;
  line-height: 18px;
  color: #656565;
  margin-left: 16px;
  letter-spacing: 0;
  margin-top: 1px;
}

.dialog-sec {
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 32px 32px;
}

.dialog-text {
  color: #656565;
}

.dialog-num {
  text-align: right;
  color: #959595;
}

.dialog-edit {
  width: 750px;
  height: 80px;
  box-sizing: border-box;
  padding: 12px 10px;
  color: #353535;
  border-color: #e5e5e5;
  resize:none;
}

.dialog-content {
  display: inline-block;
  color: #959595;
}

.dialog-lists>li {
  width: 100%;
  box-sizing: border-box;
  padding: 32px 0px;
  border-bottom: 1px solid #F1F1F1;
  text-align: left;
}

.w-mask .dialog-sec .primary {
  display: inline-block;
  text-align: right;
  background-color: #316ccb;
  border: none;
  color: #fff;
  padding: 7px 18px;
  cursor: pointer;
}

.w-mask .dialog-sec .primary:hover {
  background-color: #407fe7;
}

.forbidden-btn {
  display: inline-block;
  background-color: #F5F5F5;
  border: none;
  color: #C5C5C5;
  padding: 7px 18px;
}

.layout-dialog .cellphone {
  display: inline-block;
  text-align: left;
  color: #353535;
}

.layout-dialog .timer {
  color: #959595;
  margin-left: 16px;
}

.layout-dialog .leave-message {
  margin-top: 16px;
  color: #353535;
  margin-left: 24px;
}
.layout-dialog .leave-message>pre{
  font: 12px/1.5 -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}


.mod-sn-list .primary_btn{
  font-size: 12px;
  width: 72px;
  height: 20px;
  border: 1px solid #E5E5E5;
  color: #959595;
  cursor: pointer;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 16px;
}
.mod-sn-list .primary_btn:hover{
  border: 1px solid #316ccb;
  color: #316ccb;
}

.mod-list-empty {
  width: 1184px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}

.mod-list-empty>img {
  width: 100px;
  height: 140px;
}

.mod-list-empty .empty-text {
  margin-top: 32px;
  font-size: 14px;
  line-height: 12px;
  color: #656565;
}

.mod-list-empty .back {
  display: inline-block;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 6px 18px;
  border: 1px solid #316ccb;
  color: #316ccb;
  font-size: 12px;
  line-height: 20px;
}
.mod-list-empty .back:hover{
  background-color: #316ccb;
  color: #fff;
}
.identity-icon-box .identity-icon-label, .identity-icon-box .label {
  top: 0 !important;
}

.fl{
  float: left;
}
.fr{
  float: right;
}
.clearfix:after{
  content:'';
  display: block;
  height:0;
  clear: both;
  overflow: hidden;
}
.clearfix{
  zoom:1
}
.layout-big-search{
  /* width:100%; */
  width: 1184px;
  height: 64px;
  line-height: 64px;
  margin: 0 auto;
  padding-left: 24px;
  background: #fff;
  font-size: 0px;
  text-align: left;
  box-sizing: border-box;
}
.layout-big-search .mod-big-search{
  /* float: left; */
  display: inline-block;
  vertical-align: middle;
  /*width:550px;*/
  /* height:48px; */
  margin:0 16px 0 auto;
  z-index: 11;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* border:2px solid #316ccb; */
  border: 1px solid #c5c5c5;
  background-color: #fff;
  text-align: left;
  font-size: 12px;
}
.layout-big-search .mod-big-search .big-search-type{
  position: relative;
  width: 99px;
  line-height: 44px;
  color: #656565;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right:1px solid #E1E1E1;
}
.layout-big-search .mod-big-search .big-search-type .big-type{
  background: #fff;
  height: 44px;
  position: relative;
  z-index: 1;
  opacity: .9;
  text-align: center;
}
.layout-big-search .mod-big-search .big-search-type .big-type .type{
  display: inline-block;
  vertical-align: top;
  font-size:12px;
  line-height:15px;
  margin-top:16px;
  color: #353535;
}
.layout-big-search .mod-big-search .big-type .arrow-down{
  width:7px;
  height:4px;
  position: absolute;
  top: 22px;
  right:16px;
}
.layout-big-search .mod-big-search .big-type .arrow-down-reverse{
  transform: rotate(180deg);
}
.layout-big-search .mod-big-search .big-search-type .change-type {
  height: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 16px 0 hsla(0,0%,77%,.5);
  transition: all 0.2s linear;
  position: absolute;
  top: 46px;
  left: -2px;
  width: 100px;
  box-sizing: border-box;
  padding-left: 27px;
  z-index: 9;
}
.layout-big-search .mod-big-search .change-type.bd-show{
  height:48px;
  border-top: 1px solid #f5f5f5;
}
.layout-big-search .mod-big-search .big-search-input{
  background: #fff;
  position: relative;
  /* width: 581px; */
  width: 540px;
}
.layout-big-search .mod-big-search .big-search-input .big-autocompletion{
  width: 100%;
  top: 46px;
}
.layout-big-search .mod-big-search .big-search-input .big-search-keywords {
  float: left;
  /* width: 581px; */
  width: 540px;
  border: none;
  box-sizing: border-box;
  padding: 0 19px 0 16px;
  /* height: 44px; */
  height: 30px;
  color: #656565;
  font-size: 12px;
  line-height: 17px;
}
.layout-big-search .mod-big-search .big-search-input .big-history{
  top: 46px;
  width: 100%;
  z-index: 11;
}
.layout-big-search .mod-big-search .big-history>li:first-child{
  margin-top: 8px;
}
.layout-big-search .mod-big-search .big-history>li:last-child{
  margin-bottom: 8px;
}
.layout-big-search .mod-big-search .big-history .history-item{
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  color: #353535;
  text-decoration: none;
}
.layout-big-search .mod-big-search .big-search-input .big-history>li:hover{
  background-color: #f1f1f1;
}
.middle-history{
  width: 308px;
  top: 30px;
  left: -2px;
  letter-spacing: 0;
}
.middle-history>li:first-child{
  margin-top: 8px;
}
.middle-history>li:last-child{
  margin-bottom: 8px;
}
.middle-history>li:hover{
  background-color: #f1f1f1;
}
.layout-big-search .big-search-btn-wrap{
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  /* width: 100px; */
  /* height: 48px; */
  height: 32px;
}
.layout-big-search .big-search-btn-wrap .big-search-btn{
  display: inline-block;
  vertical-align: top;
  font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #316ccb;  
  width: 100%;
  outline: none;
  border:none;
  /* height: 48px; */
  height: 32px;
  padding: 6px 16px;
  cursor: pointer;
}
.layout-big-search .big-search-btn-wrap .big-search-btn:hover{
  background: #407fe7; 
}
.layout-big-search .hot-search{
  width: 784px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 100px;
  text-align: left;
  margin-top: 8px;
  font-size: 0px;
  font-family: -apple-system,BlinkMacSystemFont,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}
.layout-big-search .hot-search>li{
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  margin-left: 16px;
  color: #656565;
  cursor: pointer;
}
.layout-big-search .hot-search>li:hover{
  color: #316ccb;
}
.layout-big-search .hot-search>li:first-child{
  margin-left: 0px;
}

.layout-banner {
  width: 1184px;
  height: 200px;
  margin:0 auto;
  background:url("//img.wuage.com/public/163911968012004488475_2368_400.png") no-repeat;
  background-size: 1184px 200px;
}
.layout-banner .primary-btn{
  display: inline-block;
  width: 160px;
  box-sizing: border-box;
  padding: 5px 0px;
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  background-color: #326AC9;
  border-radius: 17px;
  position: relative;
  left: 99px;
  top: 138px;
}
.layout-banner .primary-btn:hover{
  background: -webkit-linear-gradient(left,#FED317, #FCA40D); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,#FED317, #FCA40D); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,#FED317, #FCA40D); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#FED317, #FCA40D); /* 标准的语法 */
}
.layout-banner .publish-need{
  display: inline-block;
  width: 160px;
  box-sizing: border-box;
  border:1px solid #326AC9;
  padding: 5px 0px;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  color: #326AC9;
  border-radius: 17px;
  position: relative;
  left: 99px;
  top: 138px;
  margin-left: 20px;
}
.layout-banner .publish-need:hover{
  color: #fff;
  border:none;
  background-color: #326AC9;
}