@charset "utf-8";
/* 清除默认样式的文件 - 基础 */
*{ padding:0; margin:0;box-sizing: border-box;font-family: Helvetica,"微软雅黑";}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:12px;}
a{ color:#000; text-decoration:none;}
ul,ol{ list-style:none;}
i,em{ font-style:normal;}
b,strong{ font-weight:normal;}
a img{ border:none;}
img{ vertical-align:top;}
.clearfix:after{ display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.f-l{float: left;}
.f-r{float: right;}
.hidden{display: none;}
html,body{
  width: 100%;
  height: 100%;
}
body{
  opacity: 0;
}
.main{
  width: 10rem;
  margin: 0 auto;
  position: relative;
}
.popup{
  position: fixed;
  width: 100%;
  height: 120%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
}
.popup .popup_img{
  width: 7.1rem;
  height: 6.253rem;
  margin-top: 0.2666rem;
  margin-left: 1.866rem;
  background-image: url(./images/popup_img.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.zhezhao{
    position: relative;
}
.zhezhao .zhezhao1{
  position: absolute;
  left: 0;
  bottom:  0.533rem;
  width: 10rem;
  height: 3rem;
}
.zhezhao .zhezhao1 .loadmore{
  margin-top: 0.8rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255,255,255, 1)));
  background: -o-gradient(linear, 50% 0%, 50% 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 1))); /* Opera 11.1 - 12.0 */
  background: -moz-gradient(linear, 50% 0%, 50% 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 1))); /* Firefox 3.6 - 15 */
  background: gradient(linear, 50% 0%, 50% 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 1))); /* 标准的语法 */
}
.zhezhao .zhezhao1 .loadmore_btn{
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  text-align: center;
  color: rgb(69, 140 , 245);
  font-size: 0.373rem;
}
.zhezhao .zhezhao1 .loadmore_btn span{
    vertical-align:middle;
}
.zhezhao .zhezhao1 .loadmore_btn span img{
  vertical-align:middle;
  width:0.2666rem;
  height: 0.1333rem;
}

.zhezhaohidden{
  width: 100%;
  height:26.4rem;
  overflow: hidden;
}
.head_first {
  width: 100%;
  height: 3.06rem;
  background-image: url(./images/head1.png?v=1129);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 1.74rem;
  border-bottom: 1px solid #e8e8e8;
}
.head_first .head_btn_left {
  cursor: pointer;
  width: 3.73rem;
  height: 0.77rem;
  border-radius: 0.386rem;
  font-size: 0.373rem;
  line-height: 0.773rem;
  text-align: center;
  border: 1px solid #ff4c51;
  color: #ff4c51;
  margin-left: 1.106rem;
}
.head_first .head_btn_right {
  cursor: pointer;
  width: 3.733rem;
  height: 0.773rem;
  border-radius: 0.3866rem;
  font-size: 0.373rem;
  line-height: 0.773rem;
  text-align: center;
  background: #ff4c51;
  color: white;
  margin-right: 1.106rem;
}

.head_second {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 1.2rem;
  background-image: url(./images/head2.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 0.213rem;
}
.head_second .head_btn_left_s {
  cursor: pointer;
  width: 1.85rem;
  height: 0.773rem;
  border-radius: 0.3866rem;
  font-size: 0.35rem;
  line-height: 0.773rem;
  text-align: center;
  border: 1px solid #ff4c51;
  color: #ff4c51;
  margin-right: 0.32rem;
}
.head_second .head_btn_right_s {
  cursor: pointer;
  width: 1.85rem;
  height: 0.773rem;
  border-radius: 0.3866rem;
  font-size: 0.35rem;
  line-height: 0.773rem;
  text-align: center;
  background: #ff4c51;
  color: white;
  margin-right: 0.3866rem;
}

.title {
  width: 100%;
  padding-top: 1.2rem;
  padding-left: 0.4rem;
  padding-right: 0.32rem;
  color: black;
  line-height: 0.933rem;
  text-align: left;
  font-size: 0.64rem;
  font-weight: 700;
}

.author_card {
  width: 100%;
  padding-top: 0.706rem;
  padding-left: 0.4rem;
}
.author_card img {
  width: 0.933rem;
  height: 0.933rem;
  border-radius: 50%;
}
.author_card .author_content {
  margin-left: 0.28rem;
  padding-top: 0.08rem;
}
.author_card .author_content .author_name {
  font-size: 0.4266rem;
  line-height: 0.4133rem;
  color: black;
}
.author_card .author_content .author_time {
  margin-top: 0.1733rem;
  font-size: 0.2666rem;
  line-height: 0.2666rem;
  color: #999c99;
}

.article_card_one {
  padding-top: 0.72rem;
  padding-left: 0.4rem;
  padding-right: 0.4133rem;
  font-size: 0.48rem;
  line-height: 0.72rem;
  color: black;
}

.article_card_two {
  padding-top: 0.933rem;
  padding-left: 0.4rem;
  padding-right: 0.4133rem;
  font-size: 0.48rem;
  line-height: 0.72rem;
  color: black;
}

.article_card_img {
  margin: 0.773rem auto 0;
  width: 9.2rem;
  /*height: 5.706rem;*/
  /*background-image: url(./images/2.png);*/
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.article_card_img img{
  width: 9.2rem;
  /*height: 5.706rem;*/
}
.article_card_four {
  padding-top: 0.8rem;
  padding-left: 0.4rem;
  padding-right: 0.4133rem;
  font-size: 0.48rem;
  line-height: 0.72rem;
  color: black;
  position: relative;
}
.article_card_four .loadmore {
  margin-top: 0.8rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgba(255, 255, 255, 0)), to(white));
  background: -o-gradient(linear, 50% 0%, 50% 100%, from(rgba(255, 255, 255, 0)), to(white));
  /* Opera 11.1 - 12.0 */
}
.article_card_four .loadmore_btn {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  text-align: center;
  color: #458cf5;
  font-size: 0.373rem;
}
.article_card_four .loadmore_btn span {
  vertical-align: middle;
}
.article_card_four .loadmore_btn span img {
  vertical-align: middle;
  width: 0.2666rem;
  height: 0.1333rem;
}

.comment_card {
  padding-top: 0.7866rem;
}
.comment_card .tip {
  margin-left: 0.4rem;
  font-size: 0.373rem;
  color: black;
  line-height: 0.373rem;
  margin-bottom: 0.5333rem;
}
.comment_card .comment_per_card {
  padding-left: 0.4rem;
  padding-right: 0.4133rem;
  margin-bottom: 0.8rem;
}
.comment_card .comment_per_card img {
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 50%;
}
.comment_card .comment_per_card .comment_per_content {
  width: 7.7333rem;
  margin-left: 0.2666rem;
}
.comment_card .comment_per_card .comment_per_content .comment_per_name {
  padding-top: 0.2666rem;
  font-size: 0.4266rem;
  line-height: 0.4266rem;
  color: #458cf5;
}
.comment_card .comment_per_card .comment_per_content .comment_per_name img {
  width: 0.4266rem;
  height: 0.4266rem;
  border-radius: 0;
  margin-right: 0.1066rem;
}
.comment_card .comment_per_card .comment_per_content .comment_per_name i {
  font-size: 0.373rem;
  color: #999999;
}
.comment_card .comment_per_card .comment_per_content .comment_per_cont {
  padding-top: 0.3066rem;
  font-size: 0.4533rem;
  line-height: 0.6rem;
  color: black;
}
.comment_card .comment_all_load {
  cursor: pointer;
  width: 9.52rem;
  height: 1.6rem;
  margin: 0 auto;
  background-image: url(./images/plan.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0.56rem;
}
.comment_card .comment_all_load0 {
  cursor: pointer;
  width: 9.52rem;
  height: 1.6rem;
  margin: 0 auto;
  background-image: url(./images/fban.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0.56rem;
}
.recommend_card {
  padding-bottom: 0.5866rem;
}
.recommend_card .line {
  width: 9.2rem;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  background: #fff;
  height: 2px;
  background-image: url(./images/line.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.recommend_card .tip {
  margin-left: 0.4rem;
  color: black;
  font-size: 0.373rem;
}
.recommend_card .recommend_per_card {
  padding-bottom: 0.4rem;
  padding-top: 0.4533rem;
  padding-left: 0.4133rem;
}
.recommend_card .recommend_per_card img {
  margin-right: 0.4rem;
  width: 3.013rem;
  height: 1.973rem;
}
.recommend_card .recommend_per_card .recommend_per_content .recommend_per_title {
  padding-top: 0.3466rem;
  font-size: 0.5066rem;
  line-height: 0.5066rem;
  color: black;
  width: 5.666rem;
}
.recommend_card .recommend_per_card .recommend_per_infos {
  padding-top:0.373rem;
}
.recommend_card .recommend_per_card .recommend_per_infos img {
  width: 0.4266rem;
  height: 0.4266rem;
  border-radius: 50%;
  margin-right: 0;
}
.recommend_card .recommend_per_card .recommend_per_infos .recommend_per_name {
  line-height: 0.4266rem;
  color: #999999;
  margin-left: 0.12rem;
}
.recommend_card .recommend_per_card .recommend_per_infos .recommend_per_pl {
  line-height: 0.4266rem;
  color: #999999;
}
.recommend_card .recommend_per_card .recommend_per_infos .recommend_per_zan {
  line-height: 0.4266rem;
  color: #999999;
}
.recommend_card .recommend_all_load {
  cursor: pointer;
  width: 9.52rem;
  height: 1.6rem;
  margin: 0 auto;
  background-image: url(./images/tjan.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0.56rem;
}