html{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#000;
  overflow-y:scroll;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}
html *{
  outline:0;
  -webkit-text-size-adjust:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html,body{overflow:hidden;overflow-y:auto;}
ul,ol {
  list-style:none;
}
a:link{
  text-decoration: none;
} 
a:active{
  text-decoration: none;
} 
a:hover{
  text-decoration: none;
} 
a:visited{
  text-decoration: none;
} 
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear: both;
  visibility:hidden;
}
.clearfix{*zoom:1;}
.wrapper01{
  position:relative;
  overflow:hidden;
  margin:9px auto;
}
.wrapper01 .scroller{
  position:absolute
}
.wrapper .scroller li{
  padding-left: 9px;
  padding-right: 9px;
}

.container{
/*        background: #ffffff url(bg1_ys.png) no-repeat fixed top;
*/
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  max-width: 414px;
  min-width: 320px;
  height: 100vh; 
  padding: 0;
  background: #ffffff;
}
.header{
  height: 66px;
  width: 100%;
  max-width: 414px;
  position: fixed;
  top: 0;
  background-color: #ffffff;
  z-index: 2;
}
.header .header-left{
  height: 66px;
  width: calc(100% - 66px); 
  float:left;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position:relative;

}
.header .header-left .header-left-herf{
  height: 66px;
  width: auto;
  margin: 0;
  padding: 0;
  position:absolute;
}
.header .header-left .header-left-herf ul{
  height: 66px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  -webkit-padding-start: 0px;
  padding: 0;
  width: 1000px;
}
.header .header-left .header-left-herf ul li{
  display: inline;
  float: left;
  text-decoration: none;
  margin-top: 22px;
  height: 30px;
  margin-left: 9px; 
  margin-right: 9px; 
}
.header .header-left .header-left-herf ul li a{
  font-size: 18px;
  font-weight: 500;
  color:#202020;
}
.header .header-left .header-left-herf ul li.active{
  background: #202020;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-top: 17px;
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  height: 34px;
}
.header .header-left .header-left-herf ul li.active a{
  font-size: 18px;
  font-weight: 500;
  color:#ffffff;
}
.header .header-left .header-left-herf ul li.active a:hover{
  text-decoration: none;
}
.header .header-right{
  height: 66px;
  width: 66px;
  float:left;
  margin: 0;
  padding: 0;
}
.header .header-right .header-right-bgimg{
  height: 16px;
  width: 16px;
  background: url(../images/list.png)  no-repeat ;
  background-size: cover;
  margin:26px 27px auto auto;
}
.passlinebig{
  display: block;
  background: #fffff;
  height: 67px;
  width: 100%;

}
.headerline{
  width: calc(100% - 66px); 
  border-bottom:1px solid #eaeaea;
}
.activity{
  height: 196px;
  width: 100%;
  margin-top: 0px;
  overflow: hidden;
}
.activity .activity-list{
  height: 168px;
  margin-top:16px;
  margin-bottom: 16px;
  margin-left: 9px;
  width: 1000px;      }
.activity .activity-list ul{
  height: 168px;
  width: 1000px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start:0em;
  margin-left: -352px;
  -webkit-padding-start: 0px;

}
.activity .activity-list ul li{
  width: 269px !important;
  height: 168px;
  display: inline;
  float: left;
  text-decoration: none;
  margin-left: 8px;
  margin-right: 8px;
}
.activity .activity-list ul li a{
  
}
.activity .activity-list ul li a .activity-list-bgimg{
  width: 269px;
  height: 126px;
  border:1px solid #fffff;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.activity .activity-list ul li a span{
  display: block;
  width: 269px;
  height: 36px;
  font-size: 20px;
  font-weight: 500;
  color: #202020;
  padding-top: 12px;
}

.passline{
  height: 12px;
  width: 100%;
  background: #ececec;
}
.lin-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -moz-box;
  display:block;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
.content{
  height: auto;
  width: 100%;
  min-width: 414px;
}
.content .content-list{
  width: 100%;
  height: 300px;
  margin-bottom: 8px;
 background: #ffffff;
}
.content .content-list .content-list-img{
  height: 214px;
  width: calc(100% - 34px);
  border:1px solid #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top:15px;
  margin-left: 17px;
  margin-right: 17px;
}

.content .content-list .content-list-img .play-button{
  margin:82px auto;
}
.content .content-list .content-list-img .play-button img{
  height:50px;
  width:50px;
  display:block;
  margin:0 auto;
  border-radius:5px;
}

.content .content-list .content-list-title{
  margin-top:15px;
  height: 19px;
  width: 100%;
  display: inline-block;
}
.content .content-list .content-list-title .content-list-title-label{
  margin-left: 17px;
  padding:0 10px;
  -webkit-border-radius:  10px;
  -moz-border-radius: 10px;
  -ms-border-radius:  10px;
  -o-border-radius: 10px;
  border-radius:  10px;
  background: #ea4235;
  color: #ffffff;
  float:left;
}
.content .content-list .content-list-title .content-list-title-name{
  margin-top:-3px;
  max-width: calc(100% - 160px);
  float:left;
  color: #020202;
  font-size: 19px;
  margin-left: 10px;
}
.content .content-list .content-list-title .content-list-title-day{
  float:right;
  margin-right: 17px;
  color:#aaaaaa;
}
.content .content-list .content-list-view{
  margin-top:6px;
  width: 100%;
  max-width: 414px;
  overflow: hidden;
}
.content .content-list .content-list-view .content-list-view-visit{
  margin-left: 17px;
  color:#aaaaaa;
}
.content .content-list .content-list-view .content-list-view-visit span{
  background: url(../images/content001.png)  no-repeat;background-size: cover;
  display: inline-block;
  padding-top:1px;
  width: 16px;
  height: 13px;
}
.content .content-list .content-list-view .content-list-view-up{
  margin-left: 15px;
  color:#aaaaaa;
}
.content .content-list .content-list-view .content-list-view-up span{
  background: url(../images/content002.png)  no-repeat;background-size: cover;
  display: inline-block;
  width: 16px;
  height: 13px;
}
.content .content-list .content-list-view .content-list-view-share{
  margin-left: 15px;
  color:#aaaaaa;
}
.content .content-list .content-list-view .content-list-view-share span{
  background: url(../images/content003.png)  no-repeat;background-size: cover;
  display: inline-block;
  width: 16px;
  height: 13px;
}
.footer{
  height: 99px;
  width: 100%;
  max-width: 414px;
  min-width: 414px;
  position: fixed;
  bottom: 0;
}
.footer .ts{
  height: 32px;
  width: 100%;
}
.footer .myicon{
  height: 67px;
  width: 100%;
  background: #ffffff;
  border-top:1px solid #d2d2d2;
}
.footer .myicon ul{
  height: 67px;
  width: 100%;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding: 0;
}
.footer .myicon ul li{
  display: inline;
  float: left;
  text-decoration: none;
  width: 20%;
  text-align: center;
 padding-top: 17px;
}
.footer .myicon ul li a{
  width: 100%;
  height: 67px;
  padding: 0 auto;
}
.footer .myicon ul li a div{
  margin-left: auto;
  margin-right: auto;
  width: 28px;
  height: 28px;
}
.footer .myicon ul li a span{
  color: #666666;
  font-size: 12px;
}
.footer .myicon ul li a.active span{
  color: #202020;
  font-size: 12px;
}
.footer .myicon .icons1{
    background: url(../images/icon001.png)  no-repeat center center;background-size: contain;
}
.footer .myicon .icons1.active{
    background: url(../images/icon001_a.png)  no-repeat center center;background-size: contain;
}
.footer .myicon .icons2{
    background: url(../images/icon002.png)  no-repeat center center;background-size: contain;
}
.footer .myicon .icons2.active{
    background: url(../images/icon002_a.png)  no-repeat center center;background-size: contain;
}
.footer .myicon .icons3{
    background: url(../images/icon003.png)  no-repeat center center;background-size: contain;width: 32px;height: 32px;
}
.footer .myicon .icons3.active{
    background: url(../images/icon003_a.png)  no-repeat center center;background-size: contain;width: 32px;height: 32px;
}
.footer .myicon .icons4{
    background: url(../images/icon004.png)  no-repeat center center;background-size: contain;
}
.footer .myicon .icons4.active{
    background: url(../images/icon004_a.png)  no-repeat center center;background-size: contain;
}
.footer .myicon .icons5{
    background: url(../images/icon005.png)  no-repeat center center;background-size: contain;
}
.footer .myicon .icons5.active{
    background: url(../images/icon005_a.png)  no-repeat center center;background-size: contain;
}
.detail-headerbg{
  height: 232px;
  width: 100%;
}
.detail-headertitle{
  height: 22px;
  width: calc(100% - 32px);
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
}
.detail-headertitle .detail-redbg{
  padding:0 12px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
  background: #ea4235;
  color: #ffffff;
  float: left;
  margin-top:2px;
}
.detail-headertitle .detail-title{
  margin-top:-3px;
  max-width: calc(100% - 100px);
  float:left;
  color: #020202;
  letter-spacing:-1px;
  font-size: 22px;
  margin-left: 6px;
  float: left;
}
.detail-headerinfo{
  height: 12px;
  width: calc(100% - 32px);
  min-width: 388px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top:8px;
  display: inline-block;
  font-size: 12px;
}
.detail-headerinfo-day{
  display: inline-block;
  color:#aaaaaa;
  width: 100px;
  float: left;
  text-align: right;
  font-size: 14px;
}
.detail-headerinfo-detail{
  color:#aaaaaa;
  font-size: 14px;
  width: 282px; 
  display: inline-block;
  float: left;
}
.detail-headerinfo-detail .detail-headerinfo-detail-visit{
    float: left;
    margin-right: 16px;
}
.detail-headerinfo-detail .detail-headerinfo-detail-visit span{
  background: url(../images/content001.png)  no-repeat center center;background-size: contain;
  display: inline-block;
  width: 17px;
  height: 13px;
}
.detail-headerinfo-detail .detail-headerinfo-detail-up{
    
    float: left;
    margin-right: 16px;
}
.detail-headerinfo-detail .detail-headerinfo-detail-up span{
  background: url(../images/content002.png)  no-repeat center center;background-size: contain;
  display: inline-block;
  width: 17px;
  height: 13px;
}
.detail-headerinfo-detail .detail-headerinfo-detail-share{
    float: left;
    margin-right: 16px;
}
.detail-headerinfo-detail .detail-headerinfo-detail-share span{
  background: url(../images/content004.png)  no-repeat center center;background-size: contain;
  display: inline-block;
  width: 17px;
  height: 13px;
}
.detail-passline1{
  margin-top:12px;
  border-bottom: 1px solid #c2c2c2;
}
.detail-passline16{
  border-bottom: 16px solid #ececec;
}
.detail-content{
 /* width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  padding-top:25px;
  letter-spacing: 2px;*/
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px 20px;
    padding-top: 25px;
    letter-spacing: 0px;
}
.detail-content p{
  margin: 1px 0 2px;
  font-size: 16px;
  color: #666666;
  font-weight: 500;
}
.detail-footer{
    height: 62px;
    width: calc(100% - 30px);
    max-width: 384px;
    min-width: 290px;
    margin-left: 15px;
    margin-right: 15px;
    position: fixed;
    bottom: 40px;
    z-index: 100;
}
.detail-footer .detail-footer-up{
  background: url(../images/detai001.png) no-repeat center center;
  background-size: cover;
  width: 62px;
  height: 62px;
  float: left;
}
.detail-footer .detail-footer-share{
  background: url(../images/detai002.png) no-repeat center center;
  background-size: cover;
  width: 62px;
  height: 62px;
  float: left;
  margin-left: 13px;
}
.detail-footer .detail-footer-contact{
  background: url(../images/detai003.png) no-repeat center center;
  background-size: cover;
  width: 62px;
  height: 62px;
  float: right;
  margin-left: 13px;
}
.detail-tuijian{
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.detail-tuijian .detail-tuijian-title{
  color: #020202;
  font-size: 18px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 5px;
}