* {
  margin: 0;
  padding: 0
}

li{
  list-style: none;
}


.commend-left {
  display: none;
  width: 130px;
  height: 122px;
  position: fixed;
  bottom: 304px;
  left: 0;
  background: url(../images/left-float.png);
  z-index: 100000;
}

.commend-left .qr-code{
  padding: 17px 0 0 10px;
  width: 70px;
}

.commend-left .commend-left-title {
  padding-left: 10px;
  height: 26px;
  font-weight: normal;
  line-height: 25px;
  font-size: 12px;
  color: #fefefe;
}

.commend-bottom {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 385px;
  /*background: url(../images/bottom-bg-90.png);*/
  background: url(../images/weicode.png);
  background-size: cover;
  z-index: 100000;
  box-shadow: 5px 5px 5px #888888;
}

.commend-bottom .commend-bottom-content{
  width: 1260px;
  height: 206px;
  margin:0 auto;
}

.commend-bottom-left {
  float: left;
  width: 928px;
  height: 170px;
  padding: 25px 0 0 35px;
}

.commend-bottom-intro {
  position: relative;
  height: 102px;
  padding-left: 98px;
  background: url(../images/hen-icon.png) 6px 10px no-repeat;
}

.commend-bottom-intro .b-code{
  width: 122px;
  height: 102px;
  position: absolute;
  right: 37px;
  top: 0;
}

.commend-bottom-intro h3{
  font-size: 34px;
  line-height: 59px;
  font-weight: 400;
  color: #fff;
}

.commend-bottom-intro p{
  line-height: 30px;
  font-size: 16px;
  color: #fff;
}

.commend-bottom-intro p b{
  color:#e2a874;
}

.commend-bottom-intro p span{
  vertical-align: middle;
  display: inline-block;
  width: 12px;
  height: 30px;
  background: url(../images/dot.png) center center no-repeat;
}

.commend-bottom .commend-intro-ul{
  margin-top: 13px;
}

.commend-bottom .commend-intro-ul li{
  float: left;
  margin-right: 10px;
  width: 288px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  color: #bfb5b1;
  background: url(../images/left-li-bg.png) no-repeat;
}

  
.commend-bottom .commend-intro-ul li p{
  padding-left: 54px;
  background: 23px center no-repeat;
}

.commend-bottom .commend-intro-ul li.smile p{
  background-image: url(../images/smile-icon.png);
}

.commend-bottom .commend-intro-ul li.star p{
  background-image: url(../images/star-icon.png);
}

.commend-bottom .commend-intro-ul li.sex p{
  background-image: url(../images/sex-icon.png);
}

.relist-user {
  float: left;
  margin-top: 19px;
  width: 256px;
  height: 174px;
  overflow: hidden;
}

.commend-bottom-content .relist-user li .user-right-txt{
  float: right;
}

.commend-bottom-content .relist-user li .user-right-title{
  float: left;
  width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commend-bottom-content .relist-user li{
  margin-bottom: 10px;
  padding: 0 30px;
  height: 36px;
  line-height: 36px;
  background: url(../images/li-bg.png) no-repeat;
  font-size: 14px;
  color: #d09058;
}

.commend-bottom .commend-bottom-content .relist-user ul li:last-of-type{
  /* margin-bottom: 0; */
}
.close-commend-bottom {
  float: right;
  margin: 22px 0 0 0;
  width: 28px;
  height: 28px;
  background: url(../images/x.png);
  cursor: pointer;
  position: fixed;
  right: 20px;
  background-size: cover;
}