@charset "utf-8";
/* CSS Document */
  /*html{font-size:16px;}*/
  a:focus{outline: none;}
  img{display: block;}
  input{margin: 0;padding: 0; }
  body{background: #ffffff;font-size:16px;}
.fl{float: left;}
.fr{float: right;}
.hidden{display: none;}
.clearfix:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}

  
  .wrapper{width: 100%;height: 100%; position: fixed;overflow:hidden; background: #ffffff;}

  .top_conts{width: 100%;display: block; position: relative;}
  .top_conts img{width: 100%;}
  .title{width: 2.61rem;height: 0.97rem;background: url(../images/title.png) no-repeat;background-size: 100% auto; text-indent: -9999px;position: absolute;top: 0.4rem;left: 0;}
  .fangda{width: 0.53rem;height: 0.53rem;display: block;background: url(../images/fangda.png) no-repeat;background-size: 100% auto;text-indent: -9999px;position: absolute;top: 0.4rem;right: 0.3rem;}
  
  .pic_big{width: 100%;height: 100%; overflow: hidden; position: fixed;top: -100%;left: 0;z-index: 10;-webkit-transition: all 0.4s ease;}
  .pic_big img{width: 100%;height: 100%;}
  .pic_big.on{top: 0;}
  .close_btn1{width: 0.65rem;height: 0.65rem;background: url(../images/close1.png) no-repeat;background-size: 100% auto;display: block;text-indent: -9999px;
    position: absolute;top: 0.3rem;right: 0.3rem;}
  
  .middle_conts{height: 7rem;overflow-y: scroll;-webkit-overflow-scrolling:touch;}

  .with7{width: 7rem;position: relative;margin: 0 auto;}
  .person_area{padding: 0.26rem 0;}
  .author_head{width: 0.64rem;float: left;}
  .author_head img{width: 100%;} 
  .author_name{color: #272727;font-size: 0.28rem;line-height: 0.64rem;font-weight: bold;padding-left: 0.12rem;float: left;}
  .guanzhu_btn{display: block;color: #64c3f1;font-size: 0.28rem;text-align: center;line-height: 0.64rem;float:left; }
  .guanzhu_btn.followed{color: #b1b1b1;}
  .dian{color: #272727;font-size: 0.28rem;line-height: 0.64rem;padding: 0 0.1rem;float: left;}
  .like_btn{width: 0.56rem;height: 0.48rem; display: block;background: url(../images/like.png) left center no-repeat;background-size: 100% auto;
    float: left;margin-right: 0.3rem;margin-top: 0.1rem; position: relative;}
    .like_btn.vote_act{background: url(../images/like_act.png) left center no-repeat;background-size: 100% auto;}
    .like_btn span{width: 0.5rem;color: #64c3f1;font-size: 0.22rem;text-align: center;position: absolute;top:-0.15rem;right: -0.2rem; }
    .like_btn span font{height: 0.32rem;background: #fff;display: inline-block;padding: 0 5px;border-radius: 50%;}
    .news_btn{width: 0.53rem;height: 0.48rem; display: block;background: url(../images/news.png) left center no-repeat;background-size: 100% auto;
    float: left;margin-right: 0.3rem;margin-top: 0.1rem;position: relative;}
    .news_btn span{width: 0.5rem;color: #64c3f1;font-size: 0.22rem;text-align: center;position: absolute;top:-0.15rem;right: -0.2rem; }
    .news_btn span font{height: 0.32rem;background: #fff;display: inline-block;padding: 0 5px;}
    .share_btn{width: 0.47rem;height: 0.49rem;display: block;background: url(../images/back.png) no-repeat;background-size: 100% auto;text-indent: -9999px;float: left;margin-top: 0.08rem;}
    

    .pic_tit_area{padding: 0.22rem;border-top: 1px solid rgba(217,217,217,0.6);}
    .pic_tit_area img{width: 100%;}
    .pic_tit{color: #272727;font-size: 0.22rem;padding-bottom: 0.3rem;}
    .canshu_btn{width: 1.61rem;height: 0.42rem;display: block;background: url(../images/canshu_d.png) no-repeat;background-size: 100% auto;text-indent: -9999px;position: absolute;top: 0;right: 0;}
    .canshu_btn.active{background: url(../images/canshu_up.png) no-repeat;background-size: 100% auto;}
    .qicai_zhankai{display: none;}
    .qicai_camera_s{width: 1.65rem;padding-right: 0.34rem;display: block;}
    .qicai_shot_s{width: 3.28rem;display: block;}
    .qicai_camera{width: 1.65rem;padding-right: 0.3rem;display: block;}
    .qicai_shot{width: 2.9rem;padding-right: 0.2rem;display: block;}
    .qicai_infor{color: #272727;font-size: 0.22rem;line-height: 0.26rem;padding-top: 0.15rem;}
    .qicai_infor span{display: block;padding: 0.15rem 0;}
    
    .product_area{padding-bottom: 0.3rem;border-top: 1px solid rgba(217,217,217,0.6);}
    .product_area img{width: 100%;}
    .product_title{color: #272727;font-size: 0.26rem;padding-top: 0.25rem;padding-bottom: 0.3rem;}
    .product_texts{width: 100%;position: relative;}
    .product_text{color: #272727;font-size: 0.22rem;line-height: 0.3rem;text-indent: 0.36rem;}
    .fuhao1{width: 0.35rem;position: absolute;top: -0.1rem;left: 0;}
    .fuhao2{width: 0.35rem;position: absolute;bottom: -0.24rem;right: 0;}

    /*评论区样式*/
    .comments_area{width: 100%;padding-top: 0.3rem;border-top: 1px solid rgba(217,217,217,0.6);}
    .commment_contains{width: 100%;padding-bottom: 0.3rem;}
    .commment_contains li{padding-bottom: 0.3rem;}
    .comments_title{width: 100%;color: #272727;font-size: 0.26rem;padding-bottom: 0.3rem;}
    .user_head{width: 0.53rem;height: 0.53rem;border-radius: 2px; padding-right: 0.1rem;float: left;}
    .user_head img{width: 100%;display: block;}
    .user_comments{width: 6.35rem;float: left;padding-bottom: 0.3rem;border-bottom: 1px solid #d9d9d9;}
    .user_text{color: #4f4f4f;font-size: 0.22rem;line-height: 0.26rem;padding-bottom: 0.1rem;}
    .user_words{color: #535353;}
    .comments_time{color: #b1b1b1;font-size: 0.18rem;line-height: 0.18rem;}

    /*评论为空样式*/
    .null_ts{display: none;padding-bottom: 0.3rem;}
    .null_ts img{width: 100%;}
    .null_img{width: 0.85rem;margin: 0 auto;padding-bottom: 0.2rem;}
    .null_text{color: #272727;font-size: 0.24rem;text-align: center;line-height: 0.36rem;}
    
    /*置底输入框样式*/
    .input_fix{width: 100%;background: #f6f6f6;position: fixed;bottom: 0;left: 0; z-index: 9;padding: 0.3rem 0;}
    .input_box{width: 5.3rem;position: relative;background: #e4e4e4;}
    .input_area{width: 88%;border:none;background: #e4e4e4; color: #868686;font-size: 0.22rem;line-height: 0.6rem;text-indent: 0.2rem;}
    .submit{width: 0.36rem;height: 0.33rem;display: block;background: url(../images/submit.png) no-repeat;background-size: 100% auto;
      position: absolute;top:0.12rem;right: 0.2rem; }
      .huigu_btn{width:1.2rem;border-radius: 2px;border:1px solid #64c3f1; color: #64c3f1;font-size: 0.22rem;line-height: 0.6rem;text-align: center;}

      /*手机翻转提示*/
      .fanzhuan{width: 7.5rem;position: fixed;top: 0;left: 0;z-index: 999;display: none;}
      .fanzhuan img{width: 100%;display: block;}
      @media all and (orientation:landscape){

        .fanzhuan{display: block;}
      }
      
      /*分享浮层*/
      .share_ts{width: 100%;height: 100%;display: block; position: fixed;top: 0;left: 0;z-index: 10;background: rgba(0,0,0,0.85);display: none;}
      .share_tsimg{width: 4.18rem;position: absolute;top: 0.3rem;right: 0.3rem;display: block;}
      .share_tsimg img{width: 100%;}

       /*回顾往期浮层*/
      .huigu_fc{width: 100%;height: 100%;background: #ffffff; position: fixed;top: 0;left: 100%; z-index: 20;transition: all 0.4s ease;}
      .huigu_fc.on{left: 0;}
      .huigu_fc img{width: 100%;}
      .fc_tit{width: 100%;background: #f4f4f4;color: #272727;font-size: 0.3rem;line-height: 0.86rem;text-align: center;}
      .close_btn2{width: 0.26rem;height: 0.26rem;display: block;background: url(../images/close2.png) no-repeat;background-size: 100% auto;text-indent: -9999px;
        position: absolute;top: 0.3rem;right: 0.3rem;}
      .huigu_conts{height: 10rem;overflow-y: scroll;-webkit-overflow-scrolling:touch;}
      .time_tit{color: #64c3f1;font-size: 0.4rem;padding-left: 0.2rem;border-left: 3px solid #64c3f1;margin-top: 0.3rem;margin-bottom: 0.2rem;}
      .nav_btn{width: 50%;display: block;padding: 0.3rem 0;float: left;border-bottom: 1px solid rgba(217,217,217,0.6);}
      .nav_btn:nth-child(2n){float: right;}
      .btn_box{width: 3.31rem;}
      .btn_title{font-size: 0.26rem;color: #272727;position: relative;}
      .btn_num{color: #64c3f1;padding-right: 0.2rem;}
      .btn_img{width: 100%;padding: 0.2rem 0;}
      .btn_area{position: relative;}
      .btn_head{width: 0.65rem;height: 0.65rem;padding-right: 0.2rem;border-radius: 3px;}
      .btn_achor{color: #676767;font-size: 0.18rem;line-height: 0.35rem;font-weight: bold;}
      .btn_time{width: 1.1rem;background: #c5c5c5;color: #fff;font-size: 0.2rem;line-height: 0.3rem;text-align: center; border-radius: 0.1rem;}
      .k1{width: 0.28rem;height: 0.23rem;background: url(../images/k1.png) no-repeat;background-size: 100% auto;position: absolute;top: 0;right: 0;}
      .k2{width: 0.28rem;height: 0.67rem;background: url(../images/k2.png) no-repeat;background-size: 100% auto;position: absolute;bottom: 0;right: 0;}