* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif, "宋体";
}
input:focus,
textarea:focus {
  outline: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
li {
  list-style: none;
}
.location {
  position: absolute;
}
html {
  width: 100vw;
  overflow-x: hidden;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}
textarea {
  -webkit-appearance: none;
}
.button {
  border-radius: 0;
}
.countFont {
  font-family: Arial;
}
.clickActive li:active {
  background-color: #f4f4f4;
}
.clickActive li:active input {
  background-color: #f4f4f4;
}
.container {
  width: 9.2rem;
  margin: auto;
  position: relative;
}
.container .topic {
  margin: 0.4rem auto 0;
  background-color: #ffffff;
  border: 0.02666667rem solid #e5e5e5;
  box-shadow: 0px 0.05333333rem 0.29333333rem 0px rgba(7, 0, 2, 0.04);
  border-radius: 0.10666667rem;
}
.container .topic .content {
  width: 8.13333333rem;
  margin: 0.69333333rem auto 0.64rem;
}
.container .topic .content .title {
  width: 7.73333333rem;
  font-size: 0.48rem;
  font-size: 0.48;
  color: #000000;
  text-align: left;
  font-weight: bold;
}
.container .topic .content .box_people {
  margin: 0.42666667rem auto 0;
  display: flex;
  align-content: center;
  align-items: center;
}
.container .topic .content .box_people .head {
  width: 0.53333333rem;
  height: 0.53333333rem;
  border-radius: 50%;
}
.container .topic .content .box_people .name {
  font-size: 0.34666667rem;
  font-size: 0.34666667;
  color: #333333;
  margin: 0rem 0rem 0rem 0.10666667rem;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  max-width: 1.6rem;
  /*需要配合宽度来使用*/
  text-align: left;
  font-weight: 500;
}
.container .topic .content .box_people .label {
  font-size: 0.26666667rem;
  font-size: 0.26666667;
  color: #ffffff;
  padding: 0rem 0.13333333rem 0rem 0.13333333rem;
  margin: 0rem 0rem 0rem 0.08rem;
  background-color: #FEA802;
  border-radius: 0.05333333rem;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  max-width: 2.66666667rem;
  /*需要配合宽度来使用*/
  text-align: left;
}
.container .topic .content .box_people .job {
  margin: 0rem 0rem 0rem 0.16rem;
  font-size: 0.32rem;
  font-size: 0.32;
  color: #999999;
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
  max-width: 4.26666667rem;
  /*需要配合宽度来使用*/
  text-align: left;
}
.container .topic .content .article{
  font-size: 0.37333333rem;
  font-size: 0.37333333;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 8.13333333rem;
  margin: 0.26666667rem auto 0;
  text-align: left;
  max-height:1.2rem;
}
    .container .topic .content .article img
    {
        max-width:100%;
        height:auto;
    }
    .container .topic .content .article p {
        display:inline;
    }
        .container .topic .content .article_box {
            font-size: 0.37333333rem;
            font-size: 0.37333333;
            color: #666666;
            margin: 0.21333333rem auto 0;
            text-align: left;
            line-height: 0.58666667rem;
            overflow:hidden;
        }
.container .topic .content .article_box a {
  font-size: 0.37333333rem;
  font-size: 0.37333333;
  color: #136EC2;
}
.container .topic .toggle_collection {
  position: absolute;
  top: 0.53333333rem;
  right: -0.4rem;
  z-index: 1000;
  width: 1.44rem;
  height: 0.77333333rem;
  border-radius: 0.37333333rem 0 0 0.37333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.32rem;
  font-size: 0.32;
  color: #FFFFFF;
}
.container .topic .toggle_collection .star_img {
  width: 0.32rem;
  height: 0.32rem;
  margin: 0rem 0.05333333rem 0rem 0rem;
}
.container .topic .toggle_collection .txt {
  font-weight: 500;
}
.container .topic .collection {
  background: #fea802;
}
.container .topic .already_collection {
  background-color: #ccc;
}
.container .topic .already_collection .star_img {
  display: none;
}
.box_join {
  margin: 0.8rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box_join .box_head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.box_join .box_head .headImg {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.box_join .box_head .headImg:nth-child(1) {
  z-index: 500;
  margin: 0;
}
.box_join .box_head .headImg:nth-child(2) {
  z-index: 400;
}
.box_join .box_head .headImg:nth-child(3) {
  z-index: 300;
}
.box_join .box_head .headImg:nth-child(4) {
  z-index: 200;
}
.box_join .box_head .headImg:nth-child(5) {
  z-index: 100;
}
.box_join .box_head .headImg {
  margin-left: -0.21333333rem;
}
.box_join .box_head .headImg:nth-of-type(n+6) {
  display: none;
}
.box_join .join_count {
  font-size: 0.32rem;
  font-size: 0.32;
  color: #666666;
  margin: 0rem 0rem 0rem 0.18666667rem;
}
.box_join .follow_count {
  font-size: 0.32rem;
  font-size: 0.32;
  color: #666666;
}
.box_vote {
  margin: 0.37333333rem auto 0;
}
.box_vote .vote_img {
  width: 8.13333333rem;
  height: 5.44rem;
}
.box_vote .vote_animated {
  width: 8.13333333rem;
  height: 0.85333333rem;
  margin: -0.13333333rem auto 0;
  position: relative;
  font-size: 0.37333333rem;
  font-size: 0.37333333;
  color: #ffffff;
}
.box_vote .vote_animated .line {
  height: 0.85333333rem;
  position: absolute;
}
.box_vote .vote_animated .left {
  background-color: #FE3055;
  overflow: visible!important;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.box_vote .vote_animated .left .circle {
  left: -0.26666667rem;
  position: absolute;
  background-color: #FE3055;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(0, 0, 0, 0.19);
}
.box_vote .vote_animated .left .txt_left2 {
  margin: 0rem 0rem 0rem 1.2rem;
}
.box_vote .vote_animated .right {
  width: 100%;
  background-color: #2D8FE8;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.box_vote .vote_animated .right .circle {
  right: -0.26666667rem;
  position: absolute;
  background-color: #2D8FE8;
  box-shadow: 0px 0.08rem 0.48rem 0px rgba(0, 0, 0, 0.19);
}
.box_vote .vote_animated .right .txt_right2 {
  margin: 0rem 1.2rem 0rem 0rem;
}
.box_vote .vote_animated #white {
  background-color: #ffffff;
  width: 100%;
}
.box_vote .vote_animated .vs {
  position: absolute;
  width: 2.06666667rem;
  height: 1.94666667rem;
  background-image: url('../images/vs.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: -0.53333333rem;
  left: 37.5%;
  display: none;
}
.box_vote .vote_animated .circle {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  z-index: 1000;
  width: 1.33333333rem;
  height: 1.33333333rem;
  border-radius: 50%;
}
.box_vote .vote_animated .circle .img_rote1 {
  width: 0.48rem;
  height: 0.48rem;
}
.box_vote .vote_animated .circle .voteImg {
  display: block;
}
    .box_vote .vote_animated .circle .voteImg_active {
        display: none;
        animation: mymove 0.8s linear alternate;
        -webkit-animation: mymove 0.8s linear alternate;
        /* Safari 和 Chrome */
        -moz-keyframes-animation: mymove 0.8s linear alternate;
        -o-keyframes-animation: mymove 0.8s linear alternate;
    }

@keyframes mymove {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.box_vote .vote_animated .circle .txt_rote1 {
  width: 100%;
  font-size: 0.26666667;
  color: #ffffff;
}
.box_vote .vote_animated .circleactive .voteImg {
  display: none!important;
}
.box_vote .vote_animated .circleactive .voteImg_active {
  display: block!important;
}
.box_vote .vote_txt {
  margin: 0.8rem auto 0;
  width: 8.13333333rem;
  height: 0.72rem;
  display: flex;
  justify-content: space-between;
}
.box_vote .vote_txt .left {
  font-size: 0.32rem;
  font-size: 0.32;
  color: #FE3055;
  text-align: left;
  width: 3.6rem;
}
.box_vote .vote_txt .right {
  font-size: 0.32rem;
  font-size: 0.32;
  color: #2D8FE8;
  text-align: left;
  width: 3.6rem;
}
#mask {
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000000;
  opacity: 0.8;
  z-index: 2000;
  display: none;
}
#List_NodeData {
  display: flex;
  flex-wrap: wrap;
}
#List_NodeData img {
  width: 8.4rem;
  height: 6.18666667rem;
  margin: 3.73333333rem auto 0;
}
#List_NodeData span {
  width: 100%;
  color: #999999;
  margin: -1.6rem 0rem 0rem 0rem;
  text-align: centere;
}
.wifi-symbol_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0rem 0rem 0rem 0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  position: relative;
}
.wifi-symbol {
  width: 1.33333333rem;
  height: 1.33333333rem;
  box-sizing: border-box;
  transform: rotate(0deg);
}
.wifi-circle {
  position: absolute;
}
.wifi-symbol_first {
  width: 0.02666667rem;
  height: 0.08rem;
  background: #999999;
  bottom: 0.62666667rem;
  left: -0.13333333rem;
}
.wifi-symbol_second {
  width: 0.02666667rem;
  height: 0.26666667rem;
  background: #999999;
  bottom: 0.53333333rem;
  left: 0rem;
}
.wifi-symbol_third {
  width: 0.02666667rem;
  height: 0.4rem;
  background: #999999;
  bottom: 0.46666667rem;
  left: 0.13333333rem;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.voicein:hover .wifi-symbol_second {
  animation: fadeInOut 1s infinite 0.2s;
}
.voicein:hover .wifi-symbol_third {
  animation: fadeInOut 1s infinite 0.4s;
}
.voice:hover .wifi-symbol_second {
  animation: fadeInOut 1s infinite 0.2s;
}
.voice:hover .wifi-symbol_third {
  animation: fadeInOut 1s infinite 0.4s;
}
.status_operation {
  width: 2.13333333rem;
  height: 0.8rem;
  background: #000000;
  opacity: 0.7;
  border-radius: 0.13333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  flex-wrap: wrap;
  left: 3.93333333rem;
  top: 7.14666667rem;
  font-size: 0.34666667rem;
  color: #ffffff;
  line-height: 0.8rem;
  display: none;
}
.dianzan_operation {
  width: 2.13333333rem;
  height: 0.8rem;
  line-height: 0.8rem;
  background: #000000;
  opacity: 0.7;
  border-radius: 0.13333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 3.93333333rem;
  bottom: 1.6rem;
  font-size: 0.34666667rem;
  color: #ffffff;
  display: none;
}
.Elasticframe {
    z-index: 3000;
    position: fixed;
    background: #ffffff;
    border-radius: 0.10666667rem;
    width: 7.46666667rem;
    height: 3.94666667rem;
    left: 1.28rem;
    top: 3.81333333rem;
    display:none;
}

    .Elasticframe .title {
        display: block;
        width: 5.70666667rem;
        font-size: 15rpx;
        color: #000000;
        line-height: 0.53333333rem;
        margin: 1.04rem auto 0;
    }

        .Elasticframe .title span {
            width: 214rpx;
            display: inline-block;
        }

    .Elasticframe .btn_iKnow {
        width: 100%;
        width: 7.46666667rem;
        height: 1.33333333rem;
        border-top: 0.02666667rem solid #D2D3D5;
        font-size: 18rpx;
        color: #8dc21f;
        line-height: 1.33333333rem;
        position: absolute;
        bottom: 0;
    }
img {
    max-width:100%;
    height:auto
}