*{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: '微软雅黑';
}
html{height: 100%;font-size: 62.5%;overflow-x: hidden;}
@media screen and (-webkit-min-device-pixel-ratio: 3.0){
  html{font-size: 70%;}
}
body{margin: 0;height: 100%;overflow-x: hidden;  font-size: 18px;
  color: #2f2f2f;
  line-height: 1.8;}
p{margin: 0;}

.flex{
  display: flex;
}

.webkit_box{display: -webkit-box;}
.webkit_horizontal{-webkit-box-orient: horizontal;}
.webkit_vertical{-webkit-box-orient: vertical;}
.webkit_box_left{-webkit-box-orient: horizontal;-webkit-box-pack: start;}
.webkit_box_center{-webkit-box-orient: horizontal;-webkit-box-pack: center;}
.webkit_box_right{-webkit-box-orient: horizontal;-webkit-box-pack: end;}
.webkit_box_top{-webkit-box-orient: vertical;-webkit-box-align: start;}
.webkit_box_middle{-webkit-box-align: center;}
.webkit_box_bottom{-webkit-box-pack: end;}
.webkit_box_fill{-webkit-box-flex: 1;}
.scroll{overflow: auto;-webkit-overflow-scrolling: touch;}
.scroll_y{overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.margin_bottom_1{margin-bottom: 1rem;}

.no_padding{padding: 0 !important;}

.page{position: relative;height: 100%;}
.page_header{background-color: #E13737;height: 4.4rem;width: 100%;}
.page_header .btn_back{
  float: left;
  width: 4.4rem;
  height: 4.4rem;
  background-image: url('../img/1.png');
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
.page_header p{line-height: 4.4rem;width: 100%;text-align: center;font-size: 2rem;color: #fff;position: absolute;}

.page_body{padding: 1rem 1rem 5rem 1rem;position: relative;width: 100%;height: 100%;background-color: #f7f7f7;}
.page_body.image_list_body{padding: 0 0 4rem 0;}
.page_body .part_1{
  font-size: 2rem;
  font-weight: bold;
}
.page_body .part_2 .pic{
  width: 4rem;
  height: 4rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.page_body .part_2 .pic img{
  width: 100%;
  height: 100%;
}
.page_body .part_2 .time{
  font-size: 1.3rem;
  display: inline-block;
  line-height: 1.8rem;
  vertical-align: middle;
}
.page_body .part_2 .time div{
  width: 100%;
  height: 2rem;
}

.page_body .part_2 .read_num{
  font-size: 1.3rem;
  vertical-align: top;
  text-align: right;
  display: inline-block;
  margin-bottom: 0.1rem;
}
table tr td{
  border-style: solid;
  border-width: 1px;
}
table{
  border-collapse: collapse;
  width: 100%!important;
}
img{
  max-width: 100%!important;
}
p{
  max-width: 100%!important;
}
.page_body .part_2{
    font-size: 0;
    color: #c1c1c1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: nowrap;}
.page_body .part_2 .read_num span,.page_body .part_2 .read_num img{vertical-align: middle;}
.page_body .part_2 .read_num img{width: 1.3rem;}
.page_body .part_4{
  font-size: 1.5rem;
  color: #3E3A39;
  position: relative;
  text-align: left;
  line-height: 1.7 !important;
  width: 100%;
  word-wrap: break-word !important;
  color: #000;
}
.page_body .part_4 span,.page_body .part_4 strong, .page_body .part_4 p{font-size: 1.7rem !important;word-wrap: break-word !important;}
.page_body .part_4 table{width: 100% !important;}
@media screen and (-webkit-min-device-pixel-ratio: 3.0){
  .page_body .part_4{line-height: 1.7 !important;}
  .page_body .part_4 span,.page_body .part_4 strong, .page_body .part_4 p{font-size: 1.7rem !important;word-wrap: break-word !important;}
}
.page_body .part_4 img{
  position: relative !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  left: 50% !important;
  display: inline-block !important;
  transform: translateX(-50%) !important;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
}

.page_body .part_5{margin-bottom: 10px;font-size: 17px;line-height: 1.7;overflow-x: auto;}
.page_body .part_5 .text_model_content{margin-bottom: 10px;font-size: 17px;line-height: 1.7;}
.page_body .part_5 .text_model_content p{margin-bottom: 10px;font-size: 17px;line-height: 1.7;}
.page_body .part_5 span,.page_body .part_5 strong, .page_body .part_5 p{word-wrap: break-word !important;}

.swiper_body{position: relative;width: 100%;height: 85%;}

.page_footer_share_area{
  height: 4rem;
  width: 100%;
  padding: 0 1rem;
  border-top: 1px solid #BCBEC0;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index:200;
}
.page_footer_share_area.image_list_footer{background-color: #000;}
.page_footer_share_area img{width: 2rem;height: 2rem;display: block;}
.page_footer_share_area .reply_area{position: relative;padding-right: 1rem;}
.page_footer_share_area .reply_area img{display: block;}
.page_footer_share_area .reply_area:after{
  content: '';
  display: block;
  height: 1.8rem;
  position: absolute;
  right: 0;
  top: 1.1rem;
  border-left: 1px solid #BCBEC0;
}
.page_footer_share_area .reply_area span{display: block;margin-left: 1rem;color: #BCBEC0;}
.page_footer_share_area .right_area{margin-left: 4rem;}
.page_footer_share_area .right_area:nth-child(1){margin-left: 0;}

.swiper_footer{position: relative;width: 100%;border-top: 1px solid #fff;color: #fff;height: 15%;}
.swiper_footer .part_1 span:nth-child(1){font-size: 3.5rem;margin-left: 1rem;}
.swiper_footer .part_2{display: block;height: 35%;border-left: 1px solid #fff;margin: 1.2rem 1rem 0 1rem;}
.swiper_footer .part_3{padding: 0.8rem 0;height: 100%;position: relative;}
.swiper_footer .part_3 .part_3_content{position: relative;height: 100%;overflow: auto;}
.swiper_footer .part_3 .part_3_content p:nth-child(1){font-size: 1.4rem;margin-bottom: 0.5rem;}

.swiper_img{max-width: 100%;max-height: 100%;}


.dialog{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.6);z-index: 999;}
.reply_content{background-color: #EFEFEF;position: absolute;bottom: 0;left: 0;width: 100%;padding: 1rem;}
.reply_head{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;color: #4A4645;margin-bottom: 1rem;font-size: 1.3rem;}

.reply_head span:nth-child(2){font-size: 1.5rem;}
.reply_head span:nth-child(3){color: #949699;}

.btn_hover:hover{background-color: none;}

/*评论*/
.reply_list_content textarea{
    width: 100%;
    height: 9rem;
}
.reply_list_content{
    border: 1px solid #CCCCCC;
    border-radius: 6px;
}
.reply_title{
    line-height: 3rem;
    font-size: 1.6rem;
    padding-left: 1rem;
    color: #E53935;
    border-bottom: 1px solid #ECECEC;
}

.reply_title img{
  width: 2rem;
  height: 2rem;
  margin-right: 0.9rem;
  display: block;
}
.reply_list{
    padding: 0 1rem;
}

.reply_list .flex{
  display: flex;
  padding-top: 0.6rem;
}
.reply_list .flex .left_face{
  width: 3rem;
  height: 3rem;
  margin-right: 0.8rem;
}

.reply_list .flex .left_face img{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

.reply_list .flex .reply_item{
  flex: 1;
  padding-bottom: 0.6rem;
  padding-top: 0;
  border-bottom: 0.5px solid #e8e8e8;
}

.reply_list .flex .like{
  display: flex;
  height: 1.6rem;
  color: #999999;
  font-size: 1.1rem;
}

.reply_list .flex .like img{
  width: 1.4rem;
  height: 1.6rem;
  display: block;
  margin-right: 0.6rem;
}

.reply_item{
    padding: 1rem 0;
    border-bottom: 1px solid #F0F0F0;
}
.reply_item:nth-last-child(1){
    border-bottom: none;
}
.reply_item .name{
    font-size: 1.4rem;
    color: #609EF3;
}
.reply_item .time{
    font-size: 1.4rem;
    margin-top: 0.4rem;
    color: #7F7F7F;
}
.reply_item .content{
    font-size: 1.5rem;
    margin-top: 0.4rem;
    color: #3A3839;
}
#see_more_reply{
    display: block;
    width: 100%;
    color: #609EF3;
    padding: 1.5rem 0;
}



#message_tip{
  position: fixed;
    top: 42%;
    left: 50%;
    padding: 10px 15px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 1.3rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    border-radius: 6px;
  transition: all linear 0.5s;
  -webkit-transition: all linear 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 9999999;
}

#message_tip.show{opacity: 1;visibility: visible;}

.audio_out_box{margin: 1rem 0;}
.audio-part{border: #ededed 1px solid;background: #fcfcfc; border-radius: 3px; padding: 1rem;}
.audio-part .left{ border-right: 1px #f1f1f1 solid; width:22%; padding-right: 0.5rem;}
.audio-part .left img{ width:3rem !important;}
.audio-part .left p{ color: #c9caca; margin-top: 0.5rem;}
.audio-part .right{color: #3e3a39;}

.audio-part.pause .img_stop{display: inline !important;}
.audio-part.pause .img_play{display: none !important;}
.audio-part.playing .img_stop{display: none !important;}
.audio-part.playing .img_play{display: inline !important;}


.bottom-share{
  overflow: hidden;
}

.bottom-share .title{
  display: flex;
  font-size: 1.3rem;
  margin: 2rem auto;
  text-align: center;
}

.bottom-share .title .text{
  width: 4.5rem;
  line-height: 2rem;
  font-size: 1.3rem;
  color: #666666;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

.bottom-share .title .line{
  width: 12rem;
  height: 1px;
  background-color: #cacaca;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

.bottom-share .list-box{
  display: flex;
  text-align: center;
  margin: auto;
  font-size: 1.3rem;
}

.bottom-share .list-box .list{
  width: 7rem;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: 3rem;
  color: #888888;
}

.bottom-share .list-box .list .pic{
  width: 4rem;
  height: 4rem;
  margin: auto;
}

.bottom-share .list-box .list .pic img{
  width: 4rem;
  height: 4rem;
  display: block;
}

.bottom-share .list-box .list .weixin{
  background-color: #8cc81b;
  border-radius: 50%;
}

.bottom-share .list-box .list .wechat{
  background-color: #f7b03c;
  border-radius: 50%;
}

.bottom-share .list-box .list .qq{
  background-color: #48bcf9;
  border-radius: 50%;
}

.bottom-share .list-box .list .sina{
  background-color: #f56467;
  border-radius: 50%;
}

.bottom-reviews {
  margin-top: 2rem;
}
.bottom-reviews .hot-reviews{
  width: 5rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1rem;
  background-color: #fa4635;
  text-align: center;
  color: #FFF;
  font-size: 1.3rem;
}

.bottom-reviews .list{
  padding: 1.2rem 0;
}

.bottom-reviews .list .pic{
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: top;
}

.bottom-reviews .list .pic img{
  width: 100%;
  height: 100%;
  display: block;
}

.bottom-reviews .list .right{
  width: calc(100% - 5rem);
  vertical-align: top;
  margin-top: 0.5rem;
}

.bottom-reviews .list .right .top .title{
  width: calc(100% - 9rem);
  font-size: 1.4rem;
  color:#5b6a91;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  font-weight: bold;
}

.bottom-reviews .list .right .top .time{
  width: 8rem;
  font-size: 1rem;
  color:#c1c1c1;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.bottom-reviews .list .right .bottom-content{
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-top: 0.6rem;
}

.bottom-reviews .replayall{
  margin-bottom: 1rem;
}

.bottom-reviews .bottom-replay{
  background-color: #f7f7f7;
  border-bottom: 1px solid #e7e7e7;
  padding: 1.2rem 1rem;
}

.bottom-reviews .bottom-replay:last-child{
  border-bottom: none;
}

.bottom-reviews .bottom-replay .pic{
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  border-radius: 50%;
  overflow: hidden;
}

.bottom-reviews .bottom-replay .pic img{
  width: 100%;
  height: 100%;
  display: block;
}

.bottom-reviews .bottom-replay .right{
  width: calc(100% - 4rem);
  display: inline-block;
  vertical-align: top;
  color: #888888;
}

.bottom-reviews .bottom-replay .title{
  line-height: 1.5rem;
  font-size: 1.3rem;
}

.bottom-reviews .bottom-replay span{
  color: #5b6a91;
  font-weight: bold;
}

.bottom-reviews .bottom-replay .time{
  font-size: 0.8rem;
  color: #c1c1c1;
  text-align: right;
  line-height: 1.2rem;
}
.page_footer_share_area .new-reviews{
  width: 73%;
  background-color: #f1f1f1;
  height: 2.6rem;
  padding: 0 1.5rem;
  border-radius: 2rem;
  margin-top: 0.7rem;
}

.page_footer_share_area .new-reviews .input-reviews{
  background-color: #f1f1f1;
  width: 100%;
}

.wx-audio-content{
  margin-bottom: 10px!important;
}

.shuzidapin{
  width: 100%;
  height: 100%;
}
.shuzidapin .page_body{
  padding:0;
}
.shuzidapin .swiper-container {
  width: 100%;
  height: 100%;
}

.shuzidapin .swiper-container .swiper-wrapper{
  height: calc(100% - 3.6rem);
}
.shuzidapin .swiper-slide {
  text-align: left;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.shuzidapin .swiper-slide .pic_box {
  width: 100%;
  height: 100%;
  position: relative;
}


.shuzidapin .swiper-slide .pic_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.shuzidapin .swiper-container .bottom {
  width: 100%;
  height: 3.1rem;
  padding: 0 0.3rem 0.3rem;
  font-size: 0.4rem;
  position: absolute;
  bottom: 0rem;
  left: 0;
  color: #000;
  z-index: 10;
}

.shuzidapin .swiper-container .bottom .title {
  font-size: 0.5rem;
}

.shuzidapin .swiper-container .bottom .title span {
  color: #ffc000;
  font-size: 0.8rem;
}

.shuzidapin .swiper-container .bottom .intro {
  margin-top: 0.15rem;
}

.shuzidapin .swiper-button-prev,
.shuzidapin .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  margin-top: -2.3rem;
  z-index: 10;
  cursor: pointer;
  background-size: 1rem 1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/shuzi5.png');
  outline: none;
}

.shuzidapin .swiper-button-next {
  background-image: url('../img/shuzi6.png');
}

.shuzidapin .swiper-button-prev:active {
  background-image: url('../img/shuzi3.png');
  background-color: transparent;
}

.shuzidapin .swiper-button-next:active {
  background-image: url('../img/shuzi4.png');
  background-color: transparent;
}

img{
  max-width: 100%!important;
  height: auto;
}