html,
body,
p {
  font-size: 3.5vw;
}
body{
  background: #fff3b2;
}
a {
  text-decoration: none;
  display: block;
  font-size: 100%;
  color: #333;
}
.van-dialog__message{
  text-align: left !important
}
.van-dialog__message p{
  font-size: 14px;
  text-align: left !important
}
.van-dialog__header{
  font-size: 18px;
}
ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 0em;
  margin-block-end:0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
}
li:hover {
  cursor: pointer;
}
.flex {
  display: flex;
}
.a-c {
  align-items: center;
}
.j-b {
  justify-content: space-between;
}
[v-cloak] {
  display: none;
}
.warp {
  min-height: 100vh;
  height: 100%;
  width: 100vw;
  background: #fff3b2;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.warp .top {
  position: relative;
}
.warp .top .banner {
  width: 100%;
  display: block;
}
.warp .top .btn1 {
  background: url('../img/btn1.png?v=4') no-repeat center center / 100% 100%;
  width:22.1333vw;
  height: 6.6667vw;
  position: absolute;
  bottom: 1.3333vw;
  right: 3.7333vw;
  z-index: 2;
}
.warp .top .btn2 {
  background: url('../img/btn5.png?v=4') no-repeat center center / 100% 100%;
}
.warp .topicTit {
  width: 94.6667vw;
  margin-top: 5.3333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.warp .addHtTit{
  justify-content: space-between;
  width: 100%;
  background: #fff;
  height: 9.3333vw;
  line-height: 9.3333vw;
  padding: 0 3.3333vw;
  box-sizing: border-box;
}
.warp .addHtTit .hotTit{
  font-size: 4.5vw;
  color: #000;
}
.warp .addHtTit .allHt{
  font-size: 4vw;
  color: #000;
}

.warp  .addHuati{
  width: 100%;
  margin-top: 2vw;
  background: #fff;
  padding: 2vw 3.333vw 0;

}
.warp  .addHuati ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;

}
.warp  .addHuati ul li{
  width: 46.6667vw;
  display: flex;
  align-items: center;
  margin-bottom: 2vw;
}
.warp  .addHuati ul li .addHuatiImgs{
  width: 8.6667vw;
  height: 8.6667vw;
  margin-right: 2vw;

}
.warp  .addHuati ul li .addHuatiImgs img{
  width: 8.6667vw;
  height: 8.6667vw;
  border-radius: 5px;
}
.warp  .addHuati ul li  .addHuatiTit{
  width: 35vw;
  font-size: 3.5vw;
  color: #000;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}

.warp .nowHuaTit{
  margin-top: 2vw;
  background: url('../img/htBg.png') no-repeat center center / 100% 100%;
  width: 100vw;
  height: 25.2vw;
  position: relative;
  display: flex;
  flex-shrink: 0;
  padding:3vw 2vw 0 26vw ;
  align-items: center;
  box-sizing: border-box;

}

.warp .nowHuaTit .gohtbtn{
  width:13.0667vw ;
  height:5.8667vw ;
 position: absolute;
   right: 1vw;
}

.warp .nowHuaTit  .nowhtName{
  font-size: 4vw;
  color: #000;
font-weight:bold

}

.warp .nowHuaTit  .nowhtDes{
  font-size: 12px;
  color: #000;
margin-top:5px
}

.warp  .addHuati ul li  .addHuatiTitSee{
  color: #ccc;
  font-size: 3vw;
}

.warp .topicTit .topic_tit_cont {
  width: 45.7333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.warp .topicTit  .tit1 {
  width: 46.5333vw;
  height: 4.5333vw;
  margin-bottom: 4vw;
}

.warp .topicTit .htImgs{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.warp .topicTit .topic_tit_cont .topic_tit_cont_bot {
  width: 45.7333vw;
  height: 19.4667vw;
  background: url('../img/img1.png?v=3') no-repeat center center / 100% 100%;
  padding: 3.3333vw 2vw;
  box-sizing: border-box;
  border-radius: 5px;
}
.warp .topicTit .topic_tit_cont .topic_tit_cont_bot p {
  font-size: 3.2vw;
  margin-bottom: 1vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.warp .topicTit .topic_tit_cont .topic_tit_cont_bot2 {
  background: url('../img/img2.png?v=3') no-repeat center center / 100% 100%;
}
.warp .topics {
  width: 100vw;
  padding-bottom: 13.33vw;
}
.warp .topics .topic_list {
  margin-top: 3.3333vw;
  display: flex;
  flex-wrap: wrap;
}
.warp .topics .topic_list li {
  width: 45.7333vw;
  height: 46.6667vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.3333vw;
}
.warp .topics .topic_list li .listImg {
  width: 45.7333vw;
  height: 29.2vw;
  object-fit: cover;
  border-radius: 2.6667vw;
}
.warp .topics .topic_list li .listCont {
  background: #fff;
  border-radius: 2.6667vw;
  box-shadow: 0px 3px 8px #d2d1ca;
  padding: 2vw;
  width: 43.4667vw;
  height: 28vw;
  position: absolute;
  bottom: 0vw;
  display: flex;
  flex-direction: column;
}

.warp .topics .topic_list li .listCont .zhiding{
  position: absolute;
  top: -1vw;
  width: 8vw;
  height: 8vw;
  right: 2vw;
}
.warp .topics .topic_list li .listCont .listAvater {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  margin-right: 2vw;
border:1px solid #ccc
}
.warp .topics .topic_list li .listCont .listName {
  font-size: 3vw;
  font-weight: bold;
  margin-bottom: 0.5vw;
color:#333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
  width:28vw
}
.warp .topics .topic_list li .listCont .listSee {
  font-size: 3vw;
  color: #a5a5a5;
padding-left: 0.2vw;
}

.warp .topics .topic_list li .listCont .listDes {
  margin-top: 1vw;
  font-size: 3vw;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;

}
.warp .topics .topic_list li .listCont .listZan {
  width:90%;
  position: absolute;
  bottom: 1.3vw;
}
.warp .topics .topic_list li .listCont .listZan img {
  width: 3.3333vw;
  height: 3.3333vw;
  position: relative;
  top: 0;
  margin-right: 0.5vw;
}
.warp .topics .topic_list li .listCont .listZan span {
  font-size: 3vw;
  color: #555555;
    position: relative;
    top: -0.2vw;
}
.warp .topics .topic_list li:nth-child(odd) {
  margin-left: 3.3333vw;
}
.warp .topics .topic_list li:nth-child(even) {
  margin-left: 2.6667vw;
}
.warp .fabu {
  width: 17.3333vw;
  height: 17.3333vw;
  position: fixed;
  bottom: 51vw;
  right: 3.3333vw;
  background: url('../img/btn4.png?v=675') no-repeat center center / 100% 100%;
  z-index: 9;
}
.warp .fanhui {
  display: block;
  background: url('../img/back.png?v=5') no-repeat center center / 100% 100%;
  bottom: 33vw;
}

.warp .fhhome {
  display: block;
  background: url('../img/back2.png?v=3') no-repeat center center / 100% 100%;
  bottom: 15vw;
}
.warp .nav {
  width: 94.6667vw;
  position: fixed;
  bottom: 2vw;
}
.warp .nav ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.warp .nav ul li a {
  display: block;
  width: 26.4vw;
  height: 8.2667vw;
  line-height: 8.2667vw;
  background: #e1dbbb;
  text-align: center;
  border-radius: 4vw;
  color: #3c3000;
  font-size: 4vw;
}
.warp .nav ul .cur {
  background: #ffd42a;
}
.warp .activity {
  width: 94.6667vw;
  padding-bottom: 13.33vw;
  position: relative;
}
.warp .activity .activityList {
  width: 100%;
  margin-top: 5.3333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.warp .activity .activityList .tit3 {
  width: 46.5333vw;
  height: 4.5333vw;
  margin-bottom: 2vw;
}
.warp .activity .activityList .duiRule{
  position: absolute;
  top: 4.5vw;
  width: 20vw;
  height: 6vw;
  line-height: 6vw;
  background: #ffd42a;
  border-radius: 5px;
  color: #333;
  text-align: center;
  right: 0;
}

.warp .activity .activityList .activity-ing {
  width: 100%;
}
.warp .activity .activityList .activity-ing li a {
  margin-top: 2vw;
  display: flex;
  align-items: center;
  position: relative;
}
.warp .activity .activityList .activity-ing li a .activity_imgs {
  width: 100%;
  position: relative;
}

.warp .activity .activityList .activity-ing li a  .figer{
  position: absolute;
  right: 3vw;
  width: 11.8667vw;
  height: 12vw;
}
.warp .activity .activityList .activity-ing li a .activity_tit {
  width: 27vw;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  color: #666;
}
.warp .listTop {
  width: 100%;
  height: 38vw;
  background-image: linear-gradient(to bottom, #f9e483 0%, #f4d863 100%);
  padding: 4.6667vw 3.3333vw;
  box-sizing: border-box;
}
.warp .listTop .topicsListImg {
  width: 29.8667vw;
  height: 29.8667vw;
  border-radius: 2vw;
  border: 2px solid #ffd42a;
  margin-right: 2vw;
}
.warp .listTop .topicsListName {
  font-size: 4vw;
  font-weight: bold;
}
.warp .listTop .topicsListDes {
  color: #717171;
  font-size: 3.4vw;
  margin-top: 2vw;
}

.warp .listTop .htBtn{
  margin-top: 2vw;
  background: url('../img/htBtn.png') no-repeat center center / 100% 100%;
  width: 23.3333vw;
  height:7.8667vw ;
  text-align: center;
  font-size: 3.4vw;
  line-height: 7.8667vw;
  color: #3c3000;
  margin-right: 3vw;
}
.warp .fbCont {
  margin-top: 9.3333vw;
  width: 94.6667vw;
  display: flex;
  flex-direction: column;
}
.warp .fbCont textarea {
  width: 100%;
  height: 78.6667vw;
  background: #fff;
  border-radius: 2.6667vw;
  padding: 3vw;
  box-sizing: border-box;
}
.warp .fbCont .upLoad {
  margin-top: 4vw;
  margin-bottom: 4vw;
}

/* //排行榜 */
.warp  .rank{
  background: url('../img/rankBg.jpg') no-repeat center center / 100% 100%;
  width: 100vw;
  height: 40.8vw;
  position: relative;
}
.warp  .rank .rankTxt{
  width:59.2vw;
  height:25.867vw ;
  position: absolute;
  top: 4.933vw;
  left: 2vw;

}


.warp  .rankCont{
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  top: -6vw;
}

.warp  .rankCont .rankList{
  background: #fffdef;
  width: 100%;
  border-radius: 20px;
  padding: 3vw 6vw;
  box-sizing: border-box;
  height: 127vw;
  overflow-y: scroll;
}
.warp  .rankCont .rankList li{
  padding: 2vw 0;
  display: flex;
  align-items: center;
}
.warp  .rankCont .rankList li:first-child{
  border-bottom: 1px solid #ccc;

}
.yi{
  width: 11.467vw;
  height: 7.333vw;
}

.warp  .rankCont .rankList li span{
  font-size: 4vw;
  color: #333;
  text-align: center;
  display: inline-block;
}
.warp  .rankCont .rankList li span:nth-child(1){
  width: 25%;
}
.warp  .rankCont .rankList li span:nth-child(3){
  width: 20%;
}
.warp  .rankCont .rankList li span:nth-child(2){
  width: 50%;
}
.warp  .rankCont .rankList li:first-child span{
  font-size: 4vw;
  color: #333;
  font-weight: bold;
}


.rankBtn{
  background: url('../img/rankBtn.png') no-repeat center center / 100% 100%;
  width: 29.867vw;
  height: 6.667vw;

}
.warp .location {
  font-size: 3.5vw;
  color: #585858;
  width: 20vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.warp .location::before {
  display: inline-block;
  width: 4.1333vw;
  height: 4vw;
  content: '';
  background: url('../img/loca.png') no-repeat center center / 100% 100%;
  position: relative;
  top: 1vw;
}
.warp .huati {
  margin-left: 3vw;
  font-size: 3.5vw;
  color: #585858;
  width: 70vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.warp .huati::before {
  display: inline-block;
  width: 4.1333vw;
  height: 4vw;
  content: '';
  background: url('../img/ht.png') no-repeat center center / 100% 100%;
  position: relative;
  top: 1vw;
}
.warp .fbBtn {
  margin-top: 15vw;
  width: 100%;
  height: 9.3333vw;
  line-height: 9.3333vw;
  background: #ffd42a;
  text-align: center;
  border-radius: 2vw;
  border: 1px solid #7d7a69;
  color: #3c3000;
  font-size: 4vw;
  margin-bottom: 4vw;
}
.warp .huatiTop {
  width: 100%;
  height: 9.3333vw;
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2vw;
  flex-shrink: 0;
}
.warp .huatiTop .huatiTopLeft {
  font-size: 3.5vw;
}
.warp .huatiTop .huatiTopLeft p {
  color: #717171;
  margin-right: 2vw;
}
.warp .huatiTop .huatiTopLeft .leftCur {
  font-size: 4.2vw;
  color: #333;
}
.warp .huatiTop .huatiTopRight {
  background: #e8e1c7;
  border-radius: 20px;
  width: 22vw;
  height: 6.6667vw;
  padding: 0 1vw;
  box-sizing: border-box;
}
.warp .huatiTop .huatiTopRight p {
  font-size: 3.2vw;
  color: #717171;
  width: 12vw;
  text-align: center;
}
.warp .huatiTop .huatiTopRight .rightCur {
  background: #fff;
  border-radius: 20px;
  width: 12vw;
}
.warp .htList {
  width: 94.6667vw;
}
.warp .htList li {
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin-top: 2vw;
}
.warp .htList li .htListImg {
  width: 22.6667vw;
  height: 22.6667vw;
  border-radius: 10px;
  border: 1px solid #ffd42a;
  object-fit: cover;
}
.warp .htList li .htListDes {
  margin-left: 4vw;
  width: 65.3333vw;
  height: 16vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.warp .htList li .htListDes :nth-child(1) {
  font-size: 4vw;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 margin-bottom:1vw
}
.warp .htList li .htListDes :nth-child(2) {
  color: #717171;
  font-size: 3vw;
}
.warp .htList li .htListDes :nth-child(2) span {
  color: #666;
  font-size: 3vw;
  margin-right: 1vw;
}
.warp .wo {
  width: 85vw;
  margin-top: 7.3333vw;
}
.warp .wo .wo-avater {
  width: 16vw;
  height: 16vw;
  border-radius: 50%;
border:1px solid #ccc
}

.warp .wo .woRight{
  width: 69vw;
}
.warp .wo .wo-name {
  margin-left: 3vw;
  font-size: 4vw;
  font-weight: bold;
}

.warp .wo .wo-qiandao{
  width: 16vw;
  height: 6vw;
  line-height: 6vw;
  background: #ffd42a;
  border-radius: 8px;
  color: #333;
  text-align: center;
}
.warp .wo-icons {
  width: 94.6667vw;
  background-image: linear-gradient(to bottom, #f4d863 0%, #f6dc6e 30%, #fef0a0 100%);
  border-radius: 10px;
  margin-top: 7.3333vw;
  padding: 2.9333vw;
  box-sizing: border-box;
}
.warp .wo-icons .wo-icons-list {
  background: #fff;
  width: 100%;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 3.6667vw 2vw;
  box-sizing: border-box;
}
.warp .wo-icons .wo-icons-list .wo-icons-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 17vw;
}
.warp .wo-icons .wo-icons-list .wo-icons-item .wo-icons-yuan {
  width: 15.6vw;
  height: 15.6vw;
  border-radius: 50%;
  background: #f0be07;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4vw;
}
.warp .wo-icons .wo-icons-list .wo-icons-item .wo-icons-yuan .wo-icons-yuan-img {
  width: 6.6667vw;
  height: 5.4667vw;
}
.warp .wo-icons .wo-icons-list .wo-icons-item .wo-icons-tit {
  margin-top: 2vw;
  font-size: 3.2vw;
}
.warp .product {
  width: 94.6667vw;
  background-image: linear-gradient(to bottom, #f4d863 0%, #f6dc6e 30%, #fef0a0 100%);
  border-radius: 10px;
  margin-top: 4vw;
  padding: 2.9333vw 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.warp .product li {
  margin-left: 3.1vw;
  margin-bottom: 3vw;
  background: #fff;
  border-radius: 10px;
  width: 42.8vw;
  box-sizing: border-box;
}
.warp .product li .productImg {
  width: 42.8vw;
  height: 25.8667vw;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  text-align: center;
}
.warp .product li .productImg img {
  height: 25.8667vw;
  object-fit: cover;
}
.warp .product li .prodectDes {
  padding: 1vw 2vw 2vw;
}
.warp .product li .prodectDes .productTit {
  font-size: 3.2vw;
  font-weight: bold;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  height: 11vw;
}
.warp .product li .prodectDes .productScore {
  color: #d73d3d;
  font-size: 3.2vw;
}
.warp .product li .prodectDes .duihuan {
  background: #d73d3d;
  width: 12vw;
  height: 5.3333vw;
  line-height: 5.3333vw;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 3.2vw;
}
.warp .wo-bg {
  background: url('../img/bg.png') no-repeat center center / 100% 100%;
  width: 100vw;
  height: 92.5333vw;
  position: absolute;
  top: 0;
  z-index: 0;
}
.warp .pdetail {
  width: 94.6667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 9.3vw;
  z-index: 1;
}
.warp .pdetail .pimgs {
  width: 100%;
height:70vw;
object-fit: contain;
}
.warp .pdetail .pdetailPart1 {
  margin-top: 2.6667vw;
  width: 100%;
  border-radius: 10px;
  background: #fffdef;
  padding: 5vw 3vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 3px 8px #d2d1ca;
}
.warp .pdetail .pdetailPart1 .p1 {
  font-size: 5vw;
  font-weight: bold;
}
.warp .pdetail .pdetailPart1 .p2 {
  color: #666;
  font-size: 3.5vw;
  margin-top: 1vw;
}
.warp .pdetail .pdetailPart1 .p3 {
  margin-top: 6vw;
  color: #e50014;
  font-size: 5vw;
  font-weight: bold;
}
.warp .pdetail .pdetailPart1 .p4 {
  color: #e50014;
  font-size: 3vw;
  margin-top: 1vw;
}
.warp .pdetail .pdetailPart1 .p5 {
  font-size: 5vw;
  margin-bottom: 3vw;
}
.warp .pdetail .pdetailPart1 .pdes p {
  font-size: 3.8vw;
  margin-bottom: 3vw;
}
.warp .pdetail .pdetailPart1 .pdes p span {
  font-size: 3.8vw;
  color: #717171;
  margin-right: 3vw;
}
.warp .pdetail .pdetailPart2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10.6667vw;
  justify-content: space-between;
}
.warp .pdetail .pdetailPart2 .pscore {
  color: #e50014;
  font-size: 5vw;
  font-weight: bold;
}
.warp .pdetail .pdetailPart2 .myscore {
  color: #666;
  font-size: 4vw;
}
.warp .pdetail .pdetailPart2 .dhBtn {
  width: 30vw;
  height: 9vw;
  line-height: 9vw;
  background: #e50014;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  font-size: 4.2vw;
}
.warp .pageNav {
  width: 100%;
  height: 9.3333vw;
  line-height: 9.3333vw;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  padding: 0 2vw;
  position: relative;
  flex-shrink: 0;
}
.warp .pageNav .pageNavArrow {
  position: absolute;
  top: 1vw;
}
.warp .pageNav .pageNavTit {
  font-size: 4.2vw;
  font-weight: bold;
}
.warp .kxTab {
  margin-bottom: 5vw;
}
.warp .kxTab a {
  margin-left: 3vw;
}
.warp .kxTab a .kxjl {
  font-size: 3.6vw;
  color: #717171;
}
.warp .kxTab a .kxicon {
  width: 5.2vw;
  height: 3.8667vw;
  margin-right: 0.5vw;
}
.warp .kxPart {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 3px 8px #d2d1ca;
  background: #fffdef;
  padding: 5vw 3vw;
  display: flex;
  flex-direction: column;
}
.warp .kxPart .kxPartRank {
  width: 100%;
  height: 133.3333vw;
  overflow-y: scroll;
}
.warp .kxPart .kxPartRank li {
  padding: 2vw 0;
  display: flex;
  align-items: center;
}
.warp .kxPart .kxPartRank li span {
  display: inline-block;
  width: 32%;
  text-align: center;
  font-size: 4vw;
}
.warp .kxPart .kxPartRank li span .topImg {
  width: 11.4667vw;
  height: 7.4667vw;
  position: relative;
  top: 1vw;
}
.warp .kxPart .kxPartRank li:nth-child(1) {
  border-bottom: 1px solid #ccc;
}
.warp .kxPart .kxPartRank li:nth-child(1) span {
  font-size: 4vw;
  font-weight: bold;
}
.warp .kxPart .kxlist li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 3vw 0 ;
}
.warp .kxPart .kxlist li .kxlistImg {
  width: 22.6667vw;
  height: 22.6667vw;
  border-radius: 10px;
  border: 1px solid #ffd42a;
  object-fit: contain;
}
.warp .kxPart .kxlist li .kxlistDes {
  margin-left: 2vw;
  width: 65.3333vw;
  height: 21vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.warp .kxPart .kxlist li .kxlistDes .kxlistDesTop .p1 {
  font-size: 4vw;
  font-weight: bold;
}
.warp .kxPart .kxlist li .kxlistDes .kxlistDesTop .p2 {
  margin-top: 2vw;
  font-size: 3.2vw;
  color: #717171;
}
.warp .kxPart .kxlist li .kxlistDes .kxlistDesDate {
  font-size: 3.2vw;
  color: #717171;
}
.warp .kxPart .kxlist li:last-child {
  border-bottom: 0;
}
.warp .kxPart .jfRule * {
  font-size: 4vw;
}
.warp .kxPart .jfRule p {
  margin-bottom: 1vw;
}
.warp .scorePart1 {
  background: #fffdef;
  width: 100vw;
  height: 30vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}
.warp .scorePart1 p {
  text-align: center;
}
.warp .scorePart1 p:nth-child(1) {
  font-size: 4vw;
  font-weight: bold;
  color: #000;
}
.warp .scorePart1 p:nth-child(2) {
  margin-top: 1vw;
  font-size: 7vw;
  font-weight: bold;
  color: #e50014;
}
.warp .scorePart1 .back {
  position: absolute;
  top: 13vw;
  left: 3vw;
}
.warp .scorePart2 {
  margin-top: 3vw;
  background: #fffdef;
  width: 100vw;
  padding: 3vw 5vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.warp .scorePart2 .scoreTit {
  font-size: 5vw;
  font-weight: bold;
  margin-bottom: 3vw;
}
.warp .scorePart2 .scorelist {
  width: 100%;
}
.warp .scorePart2 .scorelist li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3vw 0;
  border-bottom: 1px solid #ccc;
}
.warp .scorePart2 .scorelist li .scorelistLeft .s1 {
  font-size: 4vw;
  color: #717171;
}
.warp .scorePart2 .scorelist li .scorelistLeft .s2 {
  color: #717171;
  font-size: 3.2vw;
  margin-top: 2vw;
}
.warp .scorePart2 .scorelist li .scoreJian {
  color: #333;
  font-size: 4vw;
}
.warp .scorePart2 .scorelist li .scoreAdd {
  color: #e50014;
  font-size: 4vw;
}
.warp .topic-detail-top {
  width: 100%;
  margin-bottom: 0;
padding-bottom:3vw;
border-bottom:1px dashed  #ccc;
}
.warp .topic-detail-top .topic-detail-top-avater {
  width: 18vw;
  height: 18vw;
  border-radius: 50%;
  margin-right: 3vw;
border:1px solid #ccc
}
.warp .topic-detail-top .topic-detail-top-des .topic-detail-top-des-name {
  font-size: 4.3vw;
  font-weight: bold;
  margin-bottom: 2vw;
}
.warp .topic-detail-top .topic-detail-top-des .topic-detail-top-des-time {
  font-size: 3.2vw;
  color: #999;
margin-right:3vw
}
.warp .topic-detail-top .topic-detail-top-des .topic-detail-top-des-see {
  font-size: 3.2vw;
  color: #999;
  position: relative;
}
.warp .topic-detail-cont {
  width: 100%;
  margin-bottom: 3vw;
  margin-top: 3vw;
}
.warp .topic-detail-cont div {
  font-size: 4vw;
  color: #000;
}
.warp .topic-detail-imgs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.warp .topic-detail-imgs img {
  width: 31%;
  margin-right: 2vw;
  height: 20vw;
  margin-bottom: 2vw;
  object-fit: cover;
}
.warp .topic-detail-fixed {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2vw 4vw 2vw 2vw;

}
.warp .topic-detail-fixed .addComments{
  height:8vw;
  width: 75vw;
  background: #f2f2f2;

}

.warp .topic-detail-fixed .addCommentsbtn{
  width: 15vw;
  height: 8vw;
  line-height: 8vw;
  border-radius:15px;
  background: #f2f2f2;
  text-align: center;
  color: #666;
  margin-left: 3vw;
}

.warp .topic-detail-fixed .addComments input{
  width: 100%;
  height: 100%;
  padding-left: 2vw;
}




.warp .topic-detail-fixed .topic-detail-fixed-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.warp .topic-detail-fixed .topic-detail-fixed-item img {
  width: 4.2667vw;
  height: 4.2667vw;
}
.warp .topic-detail-fixed .topic-detail-fixed-item .p1 {
  font-size: 3vw;
  color: #666;
  margin-top: 0.2vw;
}
.warp .topic-detail-fixed .topic-detail-fixed-item .p2 {
  font-size: 3vw;
  color: #666;
}

.warp .topic-detail-fixed .topic-detail-fixed-btns{
  width:18.3333vw ;
  height: 8vw;
  line-height:8vw;
  background: #fedb53;
  color: #666;
  text-align: center;
  border-radius: 15px;
  font-size: 4vw;

}
.warp .topic-detail-fixed  .home{
  background: #ffe31e;
  margin-left: 3vw;

}



.warp .endShow {
  font-size: 3vw;
  margin-top: 3vw;
  color: #999;
  text-align: center;
}
.warp .duihuan {
  width: 94.6667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.warp .duihuan .dhTit {
  width: 46.5333vw;
  height: 4.5333vw;
  margin: 7.3333vw 0;
  display: block;
}
.warp .duihuan .dhProduct {
  width: 94.6667vw;
  background-image: linear-gradient(to bottom, #f4d863 0%, #f6dc6e 30%, #fef0a0 100%);
  border-radius: 10px;
  padding: 2.9333vw;
  box-sizing: border-box;
}
.warp .duihuan .dhProduct .dhProduct-img {
  width: 42.6667vw;
  height: 38.6667vw;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  text-align: center;
  margin-right: 4vw;
}
.warp .duihuan .dhProduct .dhProduct-img img {
  height: 38.6667vw;
  width: 100%;
  object-fit: contain;
}
.warp .duihuan .dhProduct .dhProduct-des {
  flex-shrink: 0;
}
.warp .duihuan .dhProduct .dhProduct-des .dh1 {
  font-weight: bold;
  font-size: 4.2vw;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.warp .duihuan .dhProduct .dhProduct-des .dh2 {
  color: #e50014;
  margin-top: 2vw;
}
.warp .duihuan .dhProduct .dhProduct-num {
  margin-top: 3vw;
}
.warp .address {
  margin-top: 5vw;
  width: 80vw;
}
.warp .address li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3vw;
}
.warp .address li:last-child{
  align-items: flex-start;
}
.warp .address li label {
  width: 13.3333vw;
  font-size: 4vw;
}
.warp .address li input {
  width: 60vw;
  height: 8vw;
  line-height: 8vw;
  background: #fff;
  padding-left: 2vw;
  font-size: 4vw;
}
.warp .address li  .addr {
  flex-direction: column;
  width: 60vw;
  
}

.warp .address li .addr .selectIn{
  
  display: flex;
  justify-content: space-between;
}
.warp .address li .addr .selectIn input{
  width: 30%;
}

.warp .address li textarea{
  margin-top: 2vw;
  height: 16.6667vw;
  width: 60vw;
  padding:2vw;
  box-sizing: border-box;
  background: #fff;
  padding-left: 2vw;
  font-size: 4vw;
}
.warp .duihuanBtn {
  width: 94vw;
  margin-top: 4vw;
  margin-bottom: 6vw;
}


.warp .fbCont .user-comments{
  width: 94.6667vw;
  display: flex;
  flex-direction: column;
  margin-top: 6vw;

}
.warp .fbCont .user-comments .user-comments-tit{
  font-size: 4.2vw;
  color: #333;
}

.warp .fbCont .user-comments  .user-comments-list{
  width: 100%;
}
.warp .fbCont .user-comments  .user-comments-list li{
  display: flex;
  justify-content: space-between;
  padding: 3vw 0;
  border-bottom: 1px dashed #ddd;
}
.warp .fbCont .user-comments  .user-comments-list li:last-child{

  border-bottom: 0;
}

.zhankai{
  font-size: 3vw;
  color: #666;
  margin: 2vw 0;
}

.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-avater{
  width: 10.6667vw;
  height: 10.6667vw;
  border-radius: 50%;
}

.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-avater img{
  width: 10.6667vw;
  height: 10.6667vw;
  border-radius: 50%;
}


.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des{
  width: 80vw;
  flex-direction: column;

}

.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des .user-comments-list-name{
  font-size: 4vw;
  color: #666;
  
}
.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des .user-comments-list-time,.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des .user-comments-list-zan span{
  font-size: 3vw;
  color: #999;
  
}

.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des .user-comments-list-cont{
  margin-top: 2vw;
  font-size: 3.2vw;
  color: #333;
}

.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des  .user-comments-list-huifu{

  margin-top: 1vw;
  box-sizing: border-box;
}

.user-comments-list-huifu-list{
  background: #fded94;
  padding: 2vw;
}

.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des  .user-comments-list-huifu .user-comments-list-huifu-name{
  font-size: 3.2vw;
  color: #333;
}
.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des  .user-comments-list-huifu .user-comments-list-huifu-name span{
  font-size: 3.2vw;
  color: #d3ad16;
}

.warp .fbCont .user-comments  .user-comments-list li .user-comments-list-des  .user-comments-list-huifu .user-comments-list-huifu-time{
  font-size: 3vw;
  color: #999;
  margin-top: 1vw;
}
.mask {
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.mask .shareimg {
  width: 100vw;
  height: 87.8667vw;
}

.mask .popul{
  background: url('../img/popul.png') no-repeat center center /100% 100%;
  width: 81.0667vw;
  height: 118.2667vw;
  padding: 21.3333vw 4vw 4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.mask .popul .ruleCont{
  width:100%;
  overflow-y: scroll;
}

.mask .close{
  width: 7.7333vw;
  height: 7.7333vw;
  margin-top: 3vw;
}
@media (min-width: 568px) and (orientation: landscape) {
  html,
  body {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }
  html::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    z-index: 99999;
  }
  html::after {
    content: "为了更好的体验，请将手机/平板竖过来";
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 100%;
    margin-top: 40px;
    z-index: 99999;
    text-align: center;
    font-size: 16px;
    color: #fff;
  }
  body::before {
    content: "";
    position: absolute;
    z-index: 99999;
    height: 200px;
    width: 100px;
    left: 50%;
    top: 47%;
    margin: -130px 0 0 -50px;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px auto;
  }
  #getGiftPageContent_558852 {
    font-size: 0.24rem;
  }
}