@font-face {
/*    font-family: PingFangSCRegular;
    src: url(../font/PingFangSCRegular.ttf)*/
}
body{
  /*background: #E7E8EB;*/
    font-size: 16px !important;
    /*font-family: "Microsoft Yahei";*/
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    /*font-family: PingFangSCRegular;*/
    /*font-weight: bold;*/
    margin: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
}
  li{
    list-style-type: none;
  }
.art-about-text-art{
    margin-top: 10px;
}
.wrapper{
    width: 100%;
    max-width: 444px;
    margin: 0 auto;
    min-height: 640px;
    background: #fff;
    padding-bottom: 60px;
}
.headimg{
  width: 50px;
  border-radius: 100%;
}
.head-p-name{
  font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.head-p-date{
  font-size: 12px;
  margin: 0;
  color: #828282;

}
.head-name-date{
    margin-left: 25px;
}
.page-header-style{
  display: -webkit-inline-box;
  margin: 0px 0px 10px 0px;
  padding: 10px 0 0 10px;
  border: 0;
  position: relative;
  width: 100%;
  box-shadow: 0 15px 12px -6px #dadada inset;
  }
.page-header-style-new{
  display: -webkit-inline-box;
  margin: 0px 0px 10px 0px;
  padding: 10px 0 0 10px;
  border: 0;
  position: relative;
  width: 100%;
}
.alltime-span{
  color: #828282;
  font-size: font-size: 15px;
}
.alltime-div{
  padding: 16px;
    right: 0;
    position: absolute;
}
.dianwei-ditu{
  width: 100%;
}
.dianwei-ditu-div{
  width: 100%;
}
.section-text-img{
  font-size: 14px;
    color: #828282;
}
.section-text-img p{
   padding: 20px 28px 0px 34px;
   line-height: 29px;
}
.num-span{
  background-image:url(../images/list-num.png);
    background-size: 23px 32px;
    background-repeat: no-repeat;
    color: white;
    font-size: 14px;
    margin: auto;
    width: 33px;
    height: 33px;
    background-position:center center;
    padding-top: 2px;
    text-align: center;
}
.img-list{
  text-align: center;
  padding: 0px 40px 40px 40px;
}
.list-img{
  width: 100%;
    background-color: #c7ddd0;
    background-size: auto 72%;
    background-image: url(https://cdn.youchengdu.net/details/images/tupianlianjiazaiimg.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.list-div{
  box-shadow: 0px 6px 12px #dadada;
  font-size: 14px;
    font-weight: bold;
    margin-top: 22px;
}
.list-text{
  padding: 5px;
}
.list-text p{
  margin: 0;
}
.img-list-child-div{
  margin-bottom: 25px;
}
.banner-video img{
  width: 100%;
}
.swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 3px;
    opacity: 1;
    background: white;
    /*text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: black;
    opacity: 1;
    background: rgba(214, 220, 221, 0.6);
    border-radius: 3px;*/
}
.swiper-pagination-bullet-active {
    width: 5px;
    height: 5px;
    background: rgba(214, 220, 221, 0.6);
/*    color:white;
    background: black;
    outline:0 none !important; blr:expression(this.onFocus=this.blur());*/
}
.play-png{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.b_video{
    width: 100%;
    vertical-align: middle;
}
.moreimg{
    vertical-align: middle;
    position: absolute;
    bottom: 10px;
    z-index: 99999;
    right: 0;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    font-size: 10px;
    padding: 3px 2px 2px 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.banner-video{
    position: relative;
    max-width: 444px;
}
.title-name{
    font-weight: bold;
    font-size: 22px;
}

.logo-num ul li img{
    border-radius: 100%;
    width: 20px;
    height: 20px;
}
.logo-num ul{
  height: 20px;
  text-align: right;
}
.logo-num ul li{
    list-style-type:none;
    opacity:0;
    width: 20px;
    height: 20px;
}

.first-li{
  list-style-type:none;
  width: 20px;
  height: 20px;
  position: absolute;
  animation:first-li infinite;
  animation-duration:5s;
  /* Safari and Chrome */
  -webkit-animation:first-li infinite;
  -webkit-animation-duration:5s;
  animation-delay:1s;
}

.second-li{
  list-style-type:none;
  width: 20px;
  height: 20px;
  position: absolute;
  animation:second-li infinite;
  animation-duration:5s;
  /* Safari and Chrome */
  -webkit-animation:second-li infinite;
  -webkit-animation-duration:5s;
  animation-delay:3s;
}

.third-li{
  list-style-type:none;
  width: 20px;
  height: 20px;
  position: absolute;
  animation:third-li infinite;
  animation-duration:5s;
  /* Safari and Chrome */
  -webkit-animation:third-li infinite;
  -webkit-animation-duration:5s;
  animation-delay:5s;
}

.fourth-li{
  list-style-type:none;
  width: 20px;
  height: 20px;
  position: absolute;
  animation:fourth-li infinite;
  animation-duration:5s;
  /* Safari and Chrome */
  -webkit-animation:fourth-li infinite;
  -webkit-animation-duration:5s;
  animation-delay:7s;
}
.five-li{
  list-style-type:none;
  width: 20px;
  height: 20px;
  position: absolute;
  animation:five-li infinite;
  animation-duration:5s;
  /* Safari and Chrome */
  -webkit-animation:five-li infinite;
  -webkit-animation-duration:5s;
  animation-delay:9s;
}


.first-li img{
    border-radius: 100%;
    width:20px;
    height: 20px;
  animation:firstmymoveimg infinite;
  animation-duration:5s;
  /* Safari and Chrome */
  -webkit-animation:firstmymoveimg infinite;
  -webkit-animation-duration:5s;
  animation-delay:1s;
}

.second-li img{
    border-radius: 100%;
    width:20px;
    height: 20px;
  animation:secondmymoveimg infinite;
  animation-duration:5s;
  /* Safari and Chrome  */
  -webkit-animation:secondmymoveimg infinite;
  -webkit-animation-duration:5s;
  animation-delay:3s;
}

.third-li img{
    border-radius: 100%;
    width:20px;
    height: 20px;
  animation:thirdmymoveimg infinite;
  animation-duration:5s;
  /* Safari and Chrome  */
  -webkit-animation:thirdmymoveimg infinite;
  -webkit-animation-duration:5s;
  animation-delay:5s;
}
.fourth-li img{
    border-radius: 100%;
    width:20px;
    height: 20px;
  animation:fourthmymoveimg infinite;
  animation-duration:5s;
  /* Safari and Chrome  */
  -webkit-animation:fourthmymoveimg infinite;
  -webkit-animation-duration:5s;
  animation-delay:7s;
}
.five-li img{
    border-radius: 100%;
    width:20px;
    height: 20px;
  animation:fivemymoveimg infinite;
  animation-duration:5s;
  /* Safari and Chrome  */
  -webkit-animation:fivemymoveimg infinite;
  -webkit-animation-duration:5s;
  animation-delay:9s;
}


@keyframes first-li
{
        0% {right:10px;opacity:1;z-index: 99}
      100% {right:80px;opacity:0;z-index: 1;}
}
@keyframes firstmymoveimg
{
      0% {width: 0px;height: 0px;}
      5% {width: 20px;height: 20px;}
      100% {width: 8px;height: 8px;}
}

@keyframes second-li
{
        0% {right:10px;opacity:1;z-index: 99}
      100% {right:80px;opacity:0;z-index: 1;}
}
@keyframes secondmymoveimg
{
      0% {width: 0px;height: 0px;}
      5% {width: 20px;height: 20px;}
      100% {width: 8px;height: 8px;}
}
@keyframes third-li
{
        0% {right:10px;opacity:1;z-index: 99}
      100% {right:80px;opacity:0;z-index: 1;}
}
@keyframes thirdmymoveimg
{
      0% {width: 0px;height: 0px;}
      5% {width: 20px;height: 20px;}
      100% {width: 8px;height: 8px;}
}
@keyframes fourth-li
{
        0% {right:10px;opacity:1;z-index: 99}
      100% {right:80px;opacity:0;z-index: 1;}
}
@keyframes fourthmymoveimg
{
      0% {width: 0px;height: 0px;}
      5% {width: 20px;height: 20px;}
      100% {width: 8px;height: 8px;}
}
@keyframes five-li
{
        0% {right:10px;opacity:1;z-index: 99}
      100% {right:80px;opacity:0;z-index: 1;}
}
@keyframes fivemymoveimg
{
      0% {width: 0px;height: 0px;}
      5% {width: 20px;height: 20px;}
      100% {width: 8px;height: 8px;}
}

.dizhistyle{
    line-height: 30px;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 11px;
}


.logo-num{
    position: absolute;
    bottom: 0;
    right: 22px;
}
.title-name{
/*    width: 86%;
    position: absolute;
    bottom: 0; 
    height: 53px;
    padding-right: 22px;*/
}
.num{
    font-size: 12px;
    color: #828282;
}
.title-logo{
    position: relative;
    padding: 0 22px 0 22px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    /*height: 50px;*/
}
.business_details{
    font-size: 14px;
    color: #828282;
    padding: 0px 22px 22px 22px;
    line-height: 29px;
}
.td-right{
    text-align: right;
    padding-right: 22px;
    line-height: 50px;
}
.td-left{
    text-align: left;
    padding-left: 22px;
    line-height: 50px;
    display: -webkit-box;
    vertical-align: middle;
}
table ,tr ,td ,tbody{border: 0;}
.details-table{
    width: 100%;
    font-size: 13px;
    font-weight: bold;
}
.td-left img{
    width: 15px;
    margin-right: 7px;
}
.td-left div{
    padding-top: 2px;
    vertical-align: middle;
/*    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    width: 185px;
}
#opentime{
    overflow: initial;
    width: auto;
    white-space: normal;
    clear: both;
    line-height: 18px;
    padding-top: 20px;
}
#phone{
    overflow: initial;
    width: auto;
    white-space: normal;
    clear: both;
    line-height: 18px;
    padding-top: 18px;
}
.DH-button,.jiage-button{
    height: 25px;
    width: 57.688px;
}
.num-jilu{
  margin-top: 1px;
}
.wanjiaxcx{
  position: absolute;
  width: 100%;
  height: 100%;
  text-decoration:none;
}
a{text-decoration: none;}    
a:visited{text-decoration: none;}    
a:hover {text-decoration: none;}    
a:active{text-decoration:none;}   
.more-text{
    color: #828282;
    font-size: 13px;
    font-weight: normal;
}
.more-img{
    width: 8px;
    margin-left: 5px;
}
.about-text{
    padding: 22px;
}
.about-tuwen-li{
    list-style-type:none;
    position: relative;
    height: 75px;
    margin-bottom: 26px;
    display: flex;
}
.about-tuwen-title{
    position: relative;
    height: 20px;
    line-height: 20px;
    margin: 0 14px 0 14px;
}
.about-tuwen-title-xgmw{
    position: absolute;
    left: 0;
    font-size: 15px;
    font-weight: bold;
}
.about-tuwen-list-ul-li-num{
  color: black;
}
.about-tuwen-title-more{
    position: absolute;
    right: 0;
    font-size: 13px;
    line-height: 20px;
}
.about-tuwen-li-head{
    width: 100px;
    height: 75px;
    background-color: #c7ddd0;
    background-image: url(https://cdn.youchengdu.net/details/images/tupianlianjiazaiimg.png);
    background-size: auto 83%;
    background-repeat: no-repeat;
    background-position: center center;
}
.about-tuwen-ul{
    padding: 15px 28px 0px 14px;
}
.about-tuwen-list-ul-li-title{
  letter-spacing: 2px;
    margin-top: 4px;
    line-height: 18px;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: black;
}
.about-tuwen-li-neirong{
    position: relative;
    /*right: 0;*/
    height: 75px;
    width: 70%;
    padding: 0 0 0 16px;
}
.about-tuwen-list-ul-li-num{
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    bottom: 0;
    position: absolute;
    right:0px;
    display: flex;
}
.about-tuwen-list-ul-li-num img{
    width: 15px;
    margin-right: 4px;
}
.wanjiadianzan{
  display: flex;
    position: absolute;
    right: 8px;
}






.about-huodong-li{
    list-style-type:none;
    position: relative;
    height: 75px;
    margin-bottom: 28px;
}
.about-huodong-title{
    position: relative;
    height: 20px;
    line-height: 20px;
    margin: 0 14px 0 14px;
}
.about-huodong-title-xgmw{
    position: absolute;
    left: 0;
    font-size: 15px;
    font-weight: bold;
}
.about-huodong-title-more{
    position: absolute;
    right: 0;
    font-size: 13px;
    line-height: 20px;
}
.about-huodong-li-head{
    width: 100px;
    /*position: absolute;*/
    /*left: 0;*/
    height: 75px;
    background-color: #c7ddd0;
    background-image: url(https://cdn.youchengdu.net/details/images/tupianlianjiazaiimg.png);
    background-size: auto 83%;
    background-repeat: no-repeat;
    background-position: center center;
}
.about-huodong-ul{
    padding: 15px 28px 0px 14px;
}
.about-huodong-list-ul-li-title{
  letter-spacing: 2px;
    margin-top: 4px;
    line-height: 18px;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: black;
}
.about-huodong-li-neirong{
/*    position: absolute;
    right: 0;*/
    height: 75px;
    width: 70%;
    padding: 0 0 0 16px;
}
.about-huodong-list-ul-li-num{
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #828282;
    position: relative;
    margin-top: 10px;
}
.about-huodong-list-ul-li-num img{
    width: 15px;
}
.about-huodong-list-ul-li-num-num{
    position: absolute;
    left: 0;
}
.about-huodong-list-ul-li-num-didian{
    position: absolute;
    right:0px;
}



.about-wanjia-li-img{
    width: 100%;
    background-color: #c7ddd0;
    background-image: url(https://cdn.youchengdu.net/details/images/tupianlianjiazaiimg.png);
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.about-wanjia-title{
    position: relative;
    height: 20px;
    line-height: 20px;
    margin: 0 14px 0 14px;
}
.about-wanjia-title-xgmw{
    position: absolute;
    left: 0;
    font-size: 15px;
    font-weight: bold;
}
.about-wanjia-title-more{
    position: absolute;
    right: 0;
    font-size: 13px;
    line-height: 20px;
}

.about-wanjia-list{
/*    position: relative;
    margin: 30px 0;*/
    width: 100%;
}
.logo-name-zan{
  position: relative;
  font-size: 12px;
  height: 35px;
  margin-top: 10px;
  box-shadow: 0px 6px 8px #f3f3f3;
  margin-bottom: 20px;
}
.logo-name-zan-logo-name img{
    width: 19px;
    height: 19px;
    border-radius: 100%;
    margin-right: 4px;
    position: absolute;
}
.about-wanjia-li-play img{
    width: 20%;
    position: absolute;
    right: 10px;
}
.about-wanjia-li-play{
  /*position: absolute;*/
  top: 10px;
  width: 100%;
}
.about-wanjia-li-play-none{
  display: none;
}
.about-wanjia-li-title{
  letter-spacing: 2px;
  margin-top: 10px;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 8px 0 8px;
}
.logo-name-zan-logo-name{
    color: #828282;
    position: absolute;
    left: 5px;
    height: 19px;
    width: 100%;
    line-height: 22px;
}
.logo-name-zan-zan{
/*    position: absolute;
    right: 5px;*/
    height: 19px;
    line-height: 22px;
    margin-left: 4px;
}
.logo-name-zan-logo-name div{
    position: absolute;
    height: 19px;
    left: 22px;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fubu-fenxiang img{
  width: 20px;
  margin-right: 3px;
}
.fubu-fenxiang{
  position: fixed;
  width: 100%;
  background-color: white;
  bottom: 0;
  height: 45px;
  line-height: 45px;
  box-shadow: -1px -1px 8px #f3f3f3;
  font-size: 14px;
}
.fubu-fenxiang-fabu{
  position: absolute;
  right: 40%;
  display: -webkit-box;
}
.fubu-fenxiang-fenxiang{
  position: absolute;
  right: 10%;
  display: -webkit-box;
}
.fubu-fenxiang-fabu div{
  height: 40px;
  line-height: 45px;
}
.fubu-fenxiang-fenxiang div{
  height: 40px;
  line-height: 45px;
}
.no_app_banner img{
  width: 100%;
  max-width: 444px;
}
.no_app_banner{
  position: fixed;
  bottom: 0;
  z-index: 99;
}


.comment-fenxiang img{
  width: 20px;
  margin-right: 3px;
}
.comment-fenxiang{
  position: relative;
  display: inline-flex;
  height: 45px;
  width: 100%;
  line-height: 45px;
  box-shadow: -1px -1px 8px #f3f3f3;
  font-size: 14px;
}
.comment-fenxiang-comment{
    margin-left: 42px;
    display: -webkit-box;
}
.comment-fenxiang-fenxiang{
    position: absolute;
    right: 5%;
    display: -webkit-box;
}
.comment-fenxiang-comment div{
  height: 40px;
  line-height: 45px;
}
.comment-fenxiang-fenxiang div{
  height: 40px;
  line-height: 45px;
}










.comment-ul-zanwu{
    width: 100%;
    /*text-align: center;*/
    color: #cecece;
}


.user-comment-fenxiang img{
  width: 20px;
  margin-right: 3px;
}
.user-comment-fenxiang{
  position: fixed;
  display: inline-flex;
  height: 45px;
  width: 100%;
  max-width: 444px;
  line-height: 45px;
  box-shadow: -1px -1px 8px #f3f3f3;
  font-size: 14px;
  background-color: white;
  bottom: 0;
  vertical-align:middle;
}
.user-comment-fenxiang-comment{
    margin-left: 55px;
    display: -webkit-box;
}
.user-comment-fenxiang-fenxiang{
    position: absolute;
    right: 5%;
    display: -webkit-box;
}
.user-comment-fenxiang-comment div{
  height: 40px;
  line-height: 45px;
}
.user-comment-fenxiang-fenxiang div{
  height: 40px;
  line-height: 45px;
}

.art-header img{
  width: 100%;
}
.art-title{
  font-size: 19px;
    font-weight: bold;
    padding: 22px;
}

.art-header-img{
    width: 100%;
    background-color: #c7ddd0;
    background-size: auto 85%;
    background-image: url(https://cdn.youchengdu.net/details/images/tupianlianjiazaiimg.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.art-user-header-headlogo{
  border-radius: 100%;
    width: 19px;
    position: absolute;
    left: 22px;
    height: 19px;
}
.art-user-header-name{
    position: absolute;
    left: 50px;
}
.art-user-header-date{
    position: absolute;
    right: 22px;
}
.art-user-header{
  position: relative;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.art-about-dianwei img{
    width: 100%;
    background-color: #c7ddd0;
    background-image: url(https://cdn.youchengdu.net/details/images/tupianlianjiazaiimg.png);
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.art-about-dianwei{
    display: inline-block;
    font-size: 13px;
    width: 29.3%;
    margin: 2%;
}
.art-about-lu{
  padding: 12px;
  /*text-align: center;*/
  display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.art-about-text{
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    color: black;
}
.art-about-num{
  text-align: left;
  font-size: 12px;
}
.art-about-about{
  font-size: 15px;
    font-weight: bold;
    padding-left: 14px;
}
.comment-ul-li-head-div img{
    width: 25px;
    border-radius: 100%;
    height: 25px;
    border: 1px solid #d2d2d2;
}
.comment-ul{
  padding-left: 0;
  margin-top: 20px;
  padding-bottom: 40px;
}
.comment-ul-li-div{
  display: inline-flex;
  width: 100%;
  padding-left: 14px;
}
.comment-ul-li-data-div-huifu{
  display: -webkit-box;
/*    height: 20px;
    line-height: 20px;*/
}
.comment-ul-li-data-div{
  display: inline-flex;
  margin-left: 10px;
  position: relative;
  width: 100%;
}
.comment-ul-li-head-div{
  /*position: absolute;*/
}
.comment-ul-li-data-div-name{
  font-size: 12px;
    color: #828282;
}
.comment-ul-li-data-div-comment-name{
  font-size: 13px;
}
.comment-ul-li-data-div-comment-date{
    font-size: 11px;
    color: #828282;
    margin-left: 10px;
}
.comment-ul-li-data-div-div2{
  position: absolute;
  right: 14px;
  text-align: center;
  width: 50px;
}
.comment-ul-li-data-div-div2-num{
  font-size: 12px;
  position: relative;
}
.comment-ul-li-data-div-div2-num div{
/*  position: absolute;
  right: 0;
  min-width: 20px;*/
}
.comment-ul-li-data-div-comment-xin{
height: 20px;
}

.huifu-ul-li-head-div img{
    width: 20px;
    border-radius: 100%;
    height: 20px;
    border: 1px solid #d2d2d2;
}
.huifu-ul{
  padding-left: 14px;
  margin-top: 20px;
}
.huifu-ul-li-div{
  position: relative;
}
.huifu-ul-li-data-div-huifu{
  display: -webkit-box;
  width: 68%;
}
.huifu-ul-li-data-div{
  position: relative;
  margin-left: 10px;
  display: inline-flex;
  width: 100%;
}
.huifu-ul-li-data-div-name{
  font-size: 12px;
    color: #828282;
}
.huifu-ul-li-data-div-comment-name{
  font-size: 13px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}
.huifu-ul-li-ul-li{
  margin-bottom: 10px;
}
.huifu-ul-li-data-div-comment-date{
    font-size: 11px;
    color: #828282;
    margin-left: 10px;
}
.huifu-ul-li-data-div-div2{
  position: absolute;
  right: 14px;
  text-align: center;
  width: 50px;
}
.huifu-ul-li-data-div-div2-num{
  font-size: 12px;
}
.huifu-ul-li-data-div-comment-xin{
    height: 20px;
}
.huifu-ul-li-ul{
  margin-top: 10px;
}
.huifu-ul-li-div{
  display: inline-flex;
  width: 100%;
}
.comment-ul-li{
  margin-top: 25px;
}
.comment-more{
    text-align: center;
    font-size: 12px;
    color: #638b7b;
}
.huifu-more{
    text-align: left;
    font-size: 12px;
    color: #638b7b;
    padding-left: 35px;
}

.huifu-ul-li-data-div-comment-name-huifu{
  color: #638b7b;
}
.feed{
    position: absolute;
    right: 0;
}
.heart {
/*background-image:url(../images/web_heart_animation.png);
background-position: left;
background-repeat: no-repeat;*/
height: 20px;
width: 50px;
/*cursor: pointer;
background-size: 7000%;
background-position-x: -14px;*/
}
.heart_img{
  width: 20px;
  height: 20px;
}
.heart:hover,
.heart:focus {
}

@-webkit-keyframes heartBlast {
      from {   
           width: 20px;height: 20px;
         }    
      to {   
          width: 25px;height: 25px
         }   
}



@keyframes heartBlast {
      from {   
           width: 20px;height: 20px;
         }    
      to {   
          width: 25px;height: 25px
         }  
}

.heartAnimation {
background-position-x: 21px;
display: inline-block;
-webkit-animation-name: heartBlast;
animation-name: heartBlast;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}

@-webkit-keyframes dorsyHover {
0% {
-webkit-box-shadow: 0 0 1px 1px #aaa30a;
}
50% {
-webkit-box-shadow: 0 0 1px 1px #fdfbc4;
}
100% {
-webkit-box-shadow: 0 0 1px 1px yellow;
}
}

@-webkit-keyframes dorsyDelete {
0% {
-webkit-transform: rotate(0deg);
}
40% {
-webkit-transform: rotate(10deg);
}
80% {
-webkit-transform: rotate(-10deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
input::-webkit-input-placeholder{
color:#638b7b;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
color:#638b7b;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
color:#638b7b;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
color:#638b7b;
}
.comment-fenxiang-input input{
  border:none;
  width:100%;
  height:30px;
  background:url(../images/pinglun.png) no-repeat 0 center;
  background-size: 18px;
  border-radius: 15px;
  /*font-size: 10px;*/
  padding: 0 0 0 27px;
  background-position-x: 10px;
  background-color: #eaeaea;
  outline: none;
}
.comment-fenxiang-input-fasong{
  width: 60px;
  padding-left: 10px;
}
.comment-fenxiang-input{
    z-index: 9;
    padding-left: 10px;
    height: 45px;
    line-height: 45px;
}
.comment-ul-li-data-div-div1{
  width: 70%;
}
.heart_on{
  background-position-x: 99%;
}
.heart_false{
  background-position-x: -14px;
}




.user-comment-fenxiang-input input{
  border:none;
  width:100%;
  height:30px;
  background:url(../images/pinglun.png) no-repeat 0 center;
  background-size: 18px;
  border-radius: 15px;
  vertical-align:middle;
  padding: 7px 0px 7px 27px;
  background-position-x: 10px;
  background-color: #eaeaea;
  outline: none;
  line-height: 16px;
}
.user-comment-fenxiang-input-fasong{
  width: 60px;
  padding-left: 10px;
}
.user-comment-fenxiang-input{
    z-index: 9;
    padding-left: 10px;
    height: 45px;
    line-height: 45px;
    width: 50%;
}
.user-comment-ul-li-data-div-div1{
  width: 70%;
}



  .swiper-wrapper img{
    width: 100%;
    background-color: #c7ddd0;
    background-size: auto 85%;
    background-image: url(https://cdn.youchengdu.net/details/images/tupianlianjiazaiimg.png);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .newswiper-slide img{
    /*width: auto;*/
  }
  .newswiper-slide{
    text-align: center;
  }
  .swiper-num {
    position: absolute;
    height: 15px;
    line-height: 16px;
    right: 0;
    bottom: 10px;
    color: white;
    z-index: 2;
    background-color: black;
    padding-left: 13px;
    padding-right: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 10px;
  }
  .swiper-num .active {display: inline-block;}
  .swiper-num .total {display: inline-block;}

  .about-text img{
    max-width: 100%!important;
  }
  .business_details img{
    max-width: 100%!important;
    width: 100%!important;
    margin: 15px 0 15px 0!important;
    min-width: 100%!important;
  }
  .business_details span,.business_details p,.business_details strong,.business_details b,.business_details a{
    color: rgba(16, 11, 11, 0.69)!important;
    font-size: 14px!important;
    font-weight: normal!important;
    text-decoration: none!important;
    letter-spacing:1.8px!important;
    line-height:29px!important;
    text-indent: 0!important;
    font-family: unset!important;
    margin-bottom: 10px!important;
  }
  .comment-ul_btn_more,.huifu-ul-li-ul_btn_more{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #638b7b;
  }
  .huifu-ul-li-ul_btn_more{
    text-align: left;
    padding-left: 30px;
  }


  .user-user-header{
position: relative;
font-size: 12px;
height: 45px;
line-height: 45px;
margin-top: 15px;
}
.user-user-header-headlogo{
border: 1px solid #d2d2d2;
border-radius: 100%;
width: 45px;
height: 45px;
position: absolute;
left: 22px;
}
.user-user-header-name{
position: absolute;
left: 50px;
left: 80px;
font-size: 18px;
font-weight: 500;
height: 36px;
width: 190px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.user-user-header-date{
position: absolute;
right: 22px;
color: #828282;
}
.user-user-address img{
  width: 22px;
}
.user-user-address{
  display: -webkit-inline-box;
  padding-left: 22px;
  margin-top: 22px;
      height: 44px;
    line-height: 44px;
}
.user-user-address-div{
    height: 44px;
    line-height: 22px;
    font-size: 12px;
    padding-left: 8px;
    padding-top: 4px;
}
.user-user-address-div-name{
    width: 240px;
    line-height: 22px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.user-user-address-div-address{
    color: #828282;
    width: 240px;
    line-height: 22px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.user-user-qianming{
    padding: 22px 22px 35px 23px;
    /*font-size: 15px;*/
/*    color: #828282;*/
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px;


    color: rgba(16, 11, 11, 0.69)!important;
    font-size: 14px!important;
    font-weight: normal!important;
    text-decoration: none!important;
    letter-spacing: 1.8px!important;
    line-height: 29px!important;



}
.user-comment-fenxiang-zan{
  display: -webkit-inline-box;
  margin-left: 58px;
}
.user-feed{
  position: relative;
    height: 45px;
    width: 25px;
}
.user-heart{
/*  position: absolute;
  left:50%;top:48%;transform:translate(-50%,-50%);*/
}
.bottom-banner-img img{
  width: 20%;
  opacity: 0.8;
}
.bottom-banner_swiper-slide-all{
  position: relative;
  margin-left: 3%;
  margin-top: 8.4%;
}
.bottom-banner-img{
  position: absolute;
}
.bottom-banner_swiper-slide-img{
  position: absolute;
}
.bottom-banner-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.4rem;
    position: absolute;
    left: 22%;
    width: 45%;
    color: white;
}
.dianweidian{
  position: fixed;
  top: 50%;
  right: 0;
  width: 28px;
}
#huodongdianewi{
  font-size: 13px;
  height: 20px;
}
.details{
  margin-bottom: 48px;
}

.vjs-big-play-button{
    margin: auto!important;
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 50%!important;
    bottom: 50%!important;
}
.comment-ul .comment-ul-zanwu{
  padding-left: 14px;
}

.business_details_ly{
  padding: 22px 21px 10px 21px;
}
.user-user-address-div-new{
  padding-left: 0;
}

.swiper-wrapperuser{
  /*max-height: 500px;*/
}

.swiperimgplus{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0,0,0,.9);
    z-index: 99;
    overflow: scroll;
}
.swiperimgplus_img{
/*  margin-top: 20%;*/
  max-width: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
  .UserPage_headimg img{
        width: 100%;
  }
  .UserPage_main{
    position: absolute;
    top: 25%;
    width: 100%;
    height: 300px;
    background-color: white;
  }
  .UserPage_userimg{
      width: 100%;
      border: 1px solid #d2d2d2;
      border-radius: 100%;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
  }
  .UserPage_mian_date{
    position: absolute;
    top: -18%;
    text-align: center;
    width: 100%;
  }
  .UserPage_name{
    /*font-weight: bold;*/
    font-size: 1.5rem;
  }
  .UserPage_jianjie{
    color: #419179;
    font-size: 0.8rem;
    /*font-weight: bold;*/
  }
  .UserPage_word{
    padding: 4% 8% 4% 8%;
    font-size: 0.88rem;
    text-align: left;
  }
  .UserPage_date{
        display: flex;
        color: #818181;
        justify-content:center;
        margin-top: 6%;
  }
  .UserPage_fans{
    display: flex;
    margin-right: 8%;
  }
  .UserPage_guanzhu{
    display: flex;
    margin-left: 8%;
  }
  .UserPage_fans_num{
        color: black;
  }
  .UserPage_guanzhu_num{
        color: black;
  }
  .UserPage_guanzhuu{
    text-align: center;
  }
  .UserPage_guanzhuu input{
    border: 1px solid #419179;
    border-radius: 6px;
    font-size: 1rem;
    padding: 1% 7% 1% 7%;
    color: #419179;
    background-color: white;
    width: 25%;
  }
  .UserPage_xunzhang{
      width: 28%;
      position: absolute;
      right: 0;
      bottom: 2%;
      margin: auto;
  }
  .UserPage_headeruserimg{
    width: 20%;
    margin: auto auto 4% auto;
    position: relative;
  }
  .Activitie_Details_all{
    position: relative;
    margin: 16px;
    box-shadow: 0px 0px 12px #dadada;
    border-radius: 12px;
    top: -33px;
    background-color: white;
    z-index: 9;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-top: 233px;
  }
  .title-logo-activitie{
    margin-top: 0;
  }
  .Goto_activitie{
    position: fixed;
    bottom: 11%;
    z-index: 99;
    text-align: center;
    /*width: 100%;*/
  }
  .Goto_activitie input{
    background-color: #419179;
    border: 0;
    color: white;
    padding: 8px 0 8px 0;
    width: 60%;
    border-radius: 18px;
    font-size: 1.4rem;
    outline:none;
  }
  .activitie-search img{
    width: 55px;
    height: 26.47px;
    position: absolute;
    right: 5%;
  }
  .activitie-newxianlu-paihang-1{
    display: flex;
    /*padding-bottom: 20px;*/
    padding-top: 20px;
  }
  .activitie-newxianlu{
    margin-left: 30%;
  }
  .activitie-paihang{
    margin-left: 10%;
  }
  .activitie-newxianlu-paihang{
    box-shadow: 0px -5px 9px 0px rgba(0,0,0,.075);
    padding-bottom: 50px;
    margin-top: 20px;
  }
  .activitie-slide-box,.activitie-slide-item{
      list-style: none;
  }
  .activitie-slide-box{
      padding-left: 14px;
      display: -webkit-box;
      overflow-x: auto;
      /*适应苹果*/
      -webkit-overflow-scrolling:touch;
      margin-bottom: 0;
      margin-top: 20px;
  }
  .activitie-slide-item{
    margin: 0 8px 0 8px;
    font-size: 15px;
  }
  /*隐藏掉滚动条*/
  .activitie-slide-box::-webkit-scrollbar{
      display: none;
 }
 .item-0{
  margin-left: 0;
 }
 .activitie-list-image img{
  width: 100%;
 }
 .activitie-list-image{
-webkit-touch-callout:none;/*系统默认菜单被禁用*/

-webkit-user-select:none;/*webkit浏览器*/

-khtml-user-select:none;/*早起浏览器*/

-moz-user-select:none;/*火狐浏览器*/

-ms-user-select:none;/*IE浏览器*/

user-select:none;/*用户是否能够选中文本*/
height: 90px;
overflow: hidden;
 }
 .activitie-list-user-avatar{
    border: 1px solid #d2d2d2;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin-right: 6px;
 }
 .activitie-list-user-name{
  font-size: 12px;
  margin-top: 5px;
 }
.activitie-list-toupiao img{
  width: 20px;
  height: 20px;
}
.activitie-list-data{
  background-color: black;
  color: white;
  display: -webkit-box;
  position: relative;
}
.activitie-list-user{
  display: -webkit-box;
  padding: 3px 0px 0px 14px;
}
.activitie-list-toupiao{
  display: -webkit-box;
  -webkit-box-align:center;
  box-align:center;
  -moz-box-align:center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  font-size: 15px;
}
.activitie-list-name{
  padding: 3px 0px 3px 14px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 6px;
}
.activitie-list{
  margin-left: 14px;
  margin-right: 14px;
  margin-top: 40px;
  position: relative;
}
.activitie-list-namedata{
  width: 65%;
}
.activitie-list-toupiao-num{
  margin: 4px 5px 0px 5px;
}
.activitie-list-toupiao-num{
  margin: 4px 5px 0px 5px;
}
.activitie-list-toupiao-word{
  margin-top: 3px;
}
.activitie-newxianlu-paihang-3{
  margin-bottom: 40px;
}
.yuan0,.yuan1{
    width: 12px;
    height: 12px;
    background-color: white;
    border-radius: 100%;
    position: absolute;
    top: 13px;
}
.yuan0{
  left: -5px;
}
.yuan1{
  right: -5px;
}
.zhang{
  position: absolute;
    width: 35px;
    height: 29.16px;
    right: 10px;
    top: 0;
}
.activitie-id{
    position: absolute;
    background-color: #419179;
    color: white;
    left: 0;
    top: 15px;
    text-align: center;
    border-radius: 0px 10px 10px 0px;
/*    height: 18px;
    line-height: 18px;*/
    font: initial;

}
.activitie-id div{
    padding-left: 6px;
    padding-right: 10px;
    font-size: 13px;
    /*margin-top: 1.8px;*/
}
.totop{
    position: fixed;
    bottom: 23%;
    right: 20px;
    z-index: 999;
}
.phtop{
    position: fixed;
    bottom: 30%;
    right: 20px;
    z-index: 999;
}
.totop img{
  width: 40px;
}
.phtop img{
  width: 40px;
}
.activitie-newxianlu-line,.activitie-paihang-line{
    height: 2.2px;
    background-color: #419179;
    width: 35px;
    right: 0;
    left: 0;
    margin: 5px auto auto auto;
}
#apploading{
    position: fixed;
    bottom: 40%;
    color: #419179;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 40px;
    z-index: 999;
}

.k-line {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 15px;
    background-color: #4b9cdb;
    font-size: small;
    margin-left: 3px;
    margin-right: 3px;
}
.k-line7-1 {
  animation:k-loadingC .6s .1s linear infinite;
  background-color:#419179;
}
.k-line7-2 {
  animation:k-loadingC .6s .2s linear infinite;
  background-color:#419179;
}
.k-line7-3 {
  animation:k-loadingC .6s .3s linear infinite;
  background-color:#419179;
}


@keyframes k-loadingC {
  0 {
  transform:translate(0,0)
}
50% {
  transform:translate(0,15px)
}
100% {
  transform:translate(0,0)
}
}

#allloading{
  margin-top: 25px;
  text-align: center;
  color: #ccc;
  font-size: 13px;
}

.about-wanjia-li{
    position:relative;
    height:100%;
    break-inside: avoid;
}
.about-wanjia-ul{
    padding: 15px 15px 0px 15px;
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
.word_paiming{
    position: absolute;
    color: white;
    top: 10px;
    right: 10px;
    font-size: 16px;
}
.active_headimg{
  width: 100%;
}
.name-title-new{
  margin-left: 22px;
  margin-top: 10px;
}
.about-text-new{
  box-shadow: 0px -8px 12px -6px #dadada inset;
  padding-top: 10px;
}

.L_toupiao{
    position: absolute;
    bottom: 30%;
    background-color: #419179;
    color: white;
    display: -webkit-inline-box;
    padding: 5px 15px 5px 15px;
    font-size: 13px;
    border-radius: 18px;
    height: 26px;
    right: 20px;
    z-index: 99;
    top: 0px;
    line-height: 17px;
}
.L_toupiao_img{
  width: 14px;
  height: 14px;
  margin-left: 10px;
  margin-bottom: 8px;
}
.paimingdata{
  position: relative;
  font-size: 13px;
  color: #419179;
}
.paimingdata_num{
  position: absolute;
  left: 20px;
  display: -webkit-inline-box;
}
.paimingdata_all{
  position: absolute;
  right: 20px;
  display: -webkit-inline-box;
}
.L-biaoqian{
    margin-top: 38px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    border: 1px solid #419179;
    padding: 2px 10px 2px 10px;
    border-radius: 6px;
    color: #419179;
    font-size: 14px;
    display: table;
}
.bianqian-toupiao{
  position: relative;
}

.activitie-list1{
  margin-top: 20px;
}

.imgzoom_pack {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: black;
  z-index: 999999;
}

.imgzoom_pack .imgzoom_x {
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background: #000;
  text-align: center;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 10;
  cursor: pointer;
}

.imgzoom_pack .imgzoom_img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.imgzoom_pack .imgzoom_img img {
  width: 100%;
  position: absolute;
  top: 50%;
}
.buall{
    position: relative;
    margin: 16px;
    box-shadow: 0px 0px 12px #dadada;
    border-radius: 12px;
    top: -33px;
    background-color: white;
    z-index: 9;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-top: 233px;
}

.arall{
    position: relative;
    margin: 16px;
    box-shadow: 0px 0px 12px #dadada;
    border-radius: 12px;
    top: -33px;
    background-color: white;
    z-index: 9;
    padding-bottom: 20px;
    padding-top: 10px;
    margin-top: 233px;
}

.art-header{
    position: fixed;
    top: 0px;
    max-width: 444px;
}
.userNullImg img{
	width: 35px;
	height: 35px;
	border-radius: 50%;
}
.userNullImg{
	display: flex;
	align-items: center;
}
.userNull{
	display: -webkit-inline-box;
	position: relative;
	width: 100%;
	padding: 0 22px 0 22px;
}
.userNullText{
	display: flex;
	align-items: center;
	margin-left: 8px;
}
.userNullNull{
	position: absolute;
	right: 22px;
	color: #828282;
	font-size: 13px;
}
.userNullTextTime{
	font-size: 13px;
	color: #828282;
}
.userNullTextName{
	font-size: 15px;
}