body {

  font-family: 微软雅黑, 宋体, Arial, sans-serif

}



.nav .nav_wrap .page_zixun a {

  color: #171717;

  font-weight: bold

}



.nav {

  margin-bottom: 0

}



.nav .nav_wrap li.xcx_gongneng_li .spread_nav {

  -webkit-transition: all 0;

  -moz-transition: all 0;

  transition: all 0;

  display: none

}



.search_wrapper {

  width: 100%

}



.search_containers {

  margin: 0 auto;

  width: 1200px

}



.navbar_ul li {

  width: 160px;

  height: 30px

}



.caseitem_content {

  width: 913px;

  margin-left: -5px;

}



.caseitem {

  width: 100%;

  background: #ffffff;

  border-radius: 3px;

  margin-left: 5px;

  margin-top: 10px;

  padding: 18px 32px 18px 18px;

  overflow: hidden;

  position: relative;

  display: flex;

  display: -webkit-flex;





  cursor: pointer;

  box-sizing: border-box

}



.case_img {

  width: 220px;

  height: 250px;

}



.qr_tips {

  display: block;

  text-align: center;

  font-size: 14px;

  color: #cdcdcd;
  margin: 6px 0 0!important;


}
.hot-app-list a{
  padding-bottom: 14px;
}
.hot-app-list a .title{
  font-size: 16px!important;
  margin-bottom: 6px!important;
  margin-top: 10px!important;
}


.case_content_wrap {

  position: relative;

  top: -5px;

  display: flex;

  display: -webkit-flex;

  padding-bottom: 10px;

  margin-left: 20px

}



.case_content_title {

  margin-bottom: 8px;

  font-size: 20px !important

}



.case_img img {

  width: 220px;

  height: 100%;

  vertical-align: middle

}



.label {

  margin-bottom: 10px

}



.case_content {

  width: 540px

}



.case_content>div {

  color: #000;

  font-size: 16px

}



.desc {

  font-size: 14px;

  color: #6a6a6a;

  height: 40px;

  overflow: hidden;

  text-overflow: ellipsis;

  margin-bottom: 15px;

  margin-top: 10px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  line-height: 20px;

  -webkit-line-clamp: 2;

  width: 400px

}



.label span {

  display: inline-block;

  padding: 0 5px;

  height: 20px;

  background: #f4f4f4;

  color: #6a6a6a;

  font-size: 14px;

  text-align: center;

  line-height: 20px;

  text-overflow: ellipsis;

  overflow: hidden;

  border-radius: 3px

}



.labels_1 {

  background-color: #21b7ce !important;

  color: white !important

}



.labels_2 {

  background-color: #01cc99 !important;

  color: white !important

}



.labels_3 {

  background-color: #ed5c40 !important;

  color: white !important

}



.labels_4 {

  background-color: #f61c42 !important;

  color: white !important

}



.try_button {

  display: inline-block;

  width: 90px;

  padding: 0 5px;

  height: 28px;

  color: #fff;

  background-color: #19aeff;

  font-size: 12px;

  border-radius: 3px;

  font-size: 12px;

  text-align: center;

  line-height: 28px;

  margin-left: 10px;

  margin-right: 36px;

  float: right;

  margin-top: -20px

}



.caselist_container {}



.score {

  margin-left: 20px;

  margin-top: 10px;

  margin-bottom: -10px;

}



.score span img {

  vertical-align: middle;

  margin-top: -4px

}



.case_qrcode img {

  width: 135px;

  height: 135px;

  vertical-align: middle;

  display: inline-block

}



.used_number {

  margin-top: 14px;

  font-size: 12px;

  color: #6a6a6a

}



.search-tips {

  margin-bottom: 20px;

  margin-left: 5px;

  font-size: 16px;

  margin-top: 20px

}



.search-tips a {

  font-size: 14px

}



.search-tips .keyWords {

  color: #ff1a18

}



.link-kefu {

  display: inline-block;

  width: 92px;

  height: 22px;

  line-height: 22px;

  vertical-align: top

}



.recommend_case {

  margin-left: 20px;

  margin-top: 17px;

  width: 270px;

  background-color: #fff;

}



.recommend_header {

  font-size: 16px;

  font-weight: normal;

  color: #303445;

  padding: 0 20px;

  height: 50px;

  line-height: 50px;

  border-bottom: 1px solid #ebeef7

}



.recommend_header:before {

  content: "";

  display: inline-block;

  width: 3px;

  height: 18px;

  background-color: #3091f2;

  margin-right: 10px;

  margin-top: 16px;

  vertical-align: top

}



.hot-app-list {

  padding: 20px 0;

  margin: 0 20px;

  border-bottom: 1px dashed #EEE

}



.hot-app-list>a {}



.hot-app-cover {

  height: 100px;

  width: 100px;

  vertical-align: top

}



.hot-app-cover>img {

  display: inline-block;

  width: 100px;

  height: 100px

}



.hot-app-other {

  vertical-align: top;

  margin-left: 10px

}



.hot-app-title {

  width: 140px;

  color: #303445;

  font-size: 16px;

  margin-top: 10px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  text-overflow: ellipsis;

  overflow: hidden;

  margin-bottom: 5px

}