@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%;position: relative;overflow: hidden;background: #ffffff;margin-top: 50px; min-height:8rem;}


/*左侧导航样式*/
  .ww{width: 0;padding: 0;float: left;height: 500px;transition: all 0.4s linear;}
  .ww.act{width: 200px;padding: 0 46px 0 42px;}
  .left_nav{width: 200px;padding: 0; position: absolute;top: 0;left: -200px;transition: all 0.4s linear;}
  .left_nav.act{padding: 0 46px 0 42px;overflow:hidden;left: 0;}
  .left_nav img{width: 100%;}
  .logo_title{width:157px;padding-right: 42px;padding-bottom: 10px;border-right:1px solid #eaeaea; }
  .left_box1{width: 100%;margin-top: 10px;margin-bottom: 18px;background: url(../images/line.png) left center no-repeat;background-size: 4px 22px;}
  .left_time{color:#747474;font-size: 28px;padding-left: 22px; }
  .right_dian{color:#747474;font-size: 30px; }
  .nav_conts{}
  .btn{width: 100%;display: block;margin-top: 10px;cursor: pointer;}
  .btn .btn_num{width: 22px;height: 22px; color: #919191;font-size: 17px;text-align: center;line-height: 22px;background: transparent;border-radius: 2px;}
  .btn .btn_line{border-left: 1px solid #a5a5a5;height: 19px;margin-top: 20px;}
  .btn .btn_r{margin-left: 10px;}
  .btn .btn_title{color: #747474;font-size: 16px;line-height: 22px;font-weight: bold;}
  .btn .btn_achor{color: #a5a5a5;font-size: 14px;line-height: 24px;}
  .btn.on .btn_num{color: #ffffff;background: #64c3f1;}
  .btn.on .btn_title{color: #272727;}


/*中间部分样式*/
  .middle_conts{width: 10.85rem;padding-left: 0;float: left;transition: all 0.4s linear;padding-bottom: 0.4rem;}
  .middle_conts.act{width: 68%;padding-left: 0.8rem;}
  .pic{width: 100%; position: relative;}
  .pic img{width: 100%;}
  .input_box{width: 100%;margin-bottom: 0.25rem;border:1px solid #dbdbdb;position: relative;}
  .input_area{width: 86%;border:none;color: #747474;font-size: 14px;line-height: 40px;text-indent: 16px;}
  .submit{width: 28px;height: 25px;display: block;background: url(../images/submit.png) no-repeat;position: absolute;top:7px;right: 10px; }
  .comments_area{width: 100%;}
  .comments_title{width: 100%;color: #272727;font-size: 20px;font-weight: bold;padding-bottom: 0.15rem;}
.commment_contains{width: 100%;}
.commment_contains li{padding-bottom: 0.3rem;}
.user_head{width: 0.25rem;height: 0.25rem;padding-right: 0.1rem;float: left;}
.user_head img{border-radius: 50%;width: 100%;display: block;}
.user_comments{width: auto;float: left;}
.user_name{color: #c6c6c6;font-size: 12px;padding-bottom: 0.15rem;}
.user_name span{color: #2d2d2d; font-size: 14px;padding-right: 0.2rem;font-weight: bold;}
.user_words{color: #535353;font-size: 14px;}
.null_ts{width: 100%;color: #4d4d4d;font-size: 16px;text-align: center;padding: 0.3rem 0;display: none;}


/*右侧样式*/
.right_conts{width:4.6rem ;margin-left: 0.4rem;float: left;}
.right_conts img{width: 100%;}
.user_area{width: 100%;margin-bottom: 0.2rem;position: relative;}
.author_head{width: 0.65rem;float: left; height:0.65rem}
.author_head img{width: 100%;} 
.author_r{width: 3rem; margin-left: 0.2rem;float: left;} 
.author_name{color: #272727;font-size: 0.26rem;line-height: 0.26rem;font-weight: bold;}
.guanzhu_btn{width: 0.6rem;display: block;background: #64c3f1;border-radius: 5px;
 color: #ffffff;font-size: 0.18rem;text-align: center;line-height: 0.26rem;margin-top: 0.15rem;}
.more_btn{display: block;width: 2rem; color: #64c3f1;font-size: 0.18rem;position: absolute;top: 0.4rem;left: 3.3rem;}

.pic_tit_area{width: 100%;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.pic_tit{width:3rem;color: #272727;font-size: 0.20rem;line-height: 0.74rem;float: left;font-weight: bold;}
.like_btn{width: 0.4rem;height: 0.74rem;background: url(../images/like.png) left center no-repeat;
  display: block; padding-left: 0.5rem; color: #64c3f1;font-size: 0.22rem;line-height: 0.74rem;float: right;}
  .like_btn.vote_act{background: url(../images/like_act.png) left center no-repeat;}

.qicai_area{width: 100%;border-bottom: 1px solid #d9d9d9;}
.qicai_title{color: #272727;font-size: 0.20rem;padding: 0.16rem 0 0.3rem 0;font-weight: bold;}
.qicai_pic{width: 100%;padding-bottom: 0.25rem;}
.qicai_camera{width: 1.24rem;padding-left: 0.5rem;}
.qicai_shot{width: 2.27rem;padding-left: 0.5rem;padding-top: 0.14rem;}
.qicai_infor{color: #272727;font-size: 0.16rem;line-height: 0.26rem;padding-bottom: 0.25rem;}
.qicai_infor span{padding-right: 0.3rem;}


.product_title{color: #272727;font-size: 0.20rem;padding-top: 0.25rem;padding-bottom: 0.2rem;font-weight: bold;}
.product_texts{width: 100%;position: relative;}
.product_text{color: #272727;font-size: 0.16rem;line-height: 0.26rem;text-indent: 0.36rem;padding-bottom: 0.3rem;}
.fuhao1{width: 0.28rem;position: absolute;top: -0.1rem;left: 0;}
.fuhao2{width: 0.28rem;position: absolute;bottom: 0.1rem;right: 0;}

.ts{width: 0.18rem;position: fixed;bottom: 100px;left: 40px;z-index: 9;transition: all 0.4s linear;}
.ts.act{left: 260px;}
.down{width: 0.17rem;padding-top: 0.1rem;}
.sq_btn{width: 24px;position: fixed;top: 173px;left: 0;z-index: 999;cursor: pointer;display: none;}
.zk_btn{width: 24px;position: fixed;top: 173px;left: 0;z-index: 999;cursor: pointer;}
@media screen and (max-width:1600px){
  .wrapper{margin-top: 25px;}
  .middle_conts{width: 49.5%;}
  .comments_title{font-size: 16px;}
  .ts{left: 25px;}
}
@keyframes updown{
  0%{transform: translate(0,0);}
  50%{transform: translate(0,5px);}
  100%{transform: translate(0,0);}
}
.updown{
  animation:updown 1s infinite linear;
  -webkit-animation:updown 1s infinite linear;
}

/*.left_nav{display: none;}*/
/*.middle_conts{width: 68%;padding-left: 46px;}*/