*{
    margin:0;
    padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none
}
  @font-face {
      font-family: "msyhl";
      src: url('http://www.tahako.com/font/MicrosoftYaHeiLight.woff2') format('woff2');
           
    }

html,body{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    word-break:break-all;
    font-size: 14px;
    color: #333;
    font-family: Helvetica,sans-serif,msyhl;
    -webkit-font-smoothing: antialiased; 
    background-color:#fff;
}

a{
    color: #333;
}
.header-logo{
    width: 100%;
    background: #fff;
    padding: 0.3rem 0;
}
.header-logo img{
    width: 100%;
}
.tab{
    width: 90%;
    padding: 0 5%;
    padding-bottom: 4%;
    overflow: hidden;
    clear: both;
    background-color: #fff;
    position: relative;
    left: 50%;
    transform: translateX(-57%);
}
.ul-container{
    overflow: hidden;
    clear: both; 
}
.ul-container li{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
}
.ul-container li .tab-box{
    display: block;
    position: relative;
    width:14%;
}

.ul-container li a{
    display: block;
    color: #051B28;
    font-size: 12px;
    line-height: normal;
    height: auto;
    text-align: center;
    margin: 15px;
    background-color: #fff;
    background-clip: content-box;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


.ul-container li img{
    display: block;
    margin: 0 auto 5px;
    width: 100%;
}

.dot-container{
    width: 100%;
    background:transparent;
    position: absolute;
    text-align:center;
    bottom: 5px;
}
.ml{
    width: 15%;
    height: 69px;
    position: absolute;
    right: 0%;
    top: 0.8rem;
    background: #fff;
    z-index: 2000
}
.ml img{
    width: 45%;
}
#btns {
  position: absolute;
  width: 50%;
  padding: 7%;
  padding-bottom: 12%;
  padding-top: 18px;
  top: 149;
  right: -185px;
  justify-content: center;
  display: none;
  z-index:3000;
  background: #000;
  opacity: 0.7;
}

#btns>li {
  list-style: none;
  padding:18px 0;
  width: 74%;
  color: #fff;
  text-align: center;
  border-bottom: solid 1px gray;
}

#btns>li>a {
  display: block;
  text-decoration: none;
  color: #fff;

}
.dot-container span{
    background-color:#ddd;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    display: inline-block;
    margin:0 2px
}

.dot-container span.act{
    background-color:#2196f3;
}
.top {

  height: 55px;
  line-height: 50px;
  text-align: center;
  background: #fff;
  color: #000;
  font-size: 0.6rem;
  border-top: solid 1px #000;
  border-bottom: 1px solid #000;
  margin-bottom: 0.6%;
  position: relative;
  z-index: 20;
}

.top a {
  color: #000;
  display: block;
  text-decoration: none;
}

.top a.active {
  /*display: block;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(135deg, #fff, #fff), linear-gradient(135deg, #FF78A3, #FF95D5);
  border: none;*/
  border-bottom: 3px #FF95D5 solid;
  color: #000;
  outline: 0;
}
.fixed_header{
  max-width: 750px;
  width: 100%;
  height: 3.2rem;
  position: fixed;
  top: 0;
  z-index: 1000;
}
.about-contents{
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    margin-top: 4.5rem;
}
.about-contents img{
    width: 100%;
}
.goTop{
  width: 100%;
  margin: 0 auto;
}  
.goTop img{
  width: 100%;
}
.container{
  max-width: 750px;
  margin: 0 auto;
}
.tabbar{
  width: 92%;
  padding: 0 4%;
  margin: 0 auto;
  margin-top: 4.58rem;
  display: flex;
  justify-content: space-between;
}
.day_content,.season_content,.base_content{
  margin-top: 0.78rem;
  width: 30%;
  height: 1.4rem;
  border-radius: 0.1rem;
  line-height: 1.4rem;
  font-size: 0.48rem;
  text-align: center;
  background: #eeeeee;
}
.day_active{
  background: #fe99d3;
  color: #fff;
  border: none;
}
li{
  list-style: none;
}
.data53{     width: 100%;
    background: #fff;
    color: #FFFFFF;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    max-width:750px;
    margin: auto;
    padding-top: 7px;
    padding-bottom:7px;
    padding-right: 50px;
    padding-left: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0.95;
    border-top: 1px solid #eeeeee;}
    .data53 a{ display:block; color:#FFFFFF; text-decoration:none}
    .data53 dl{ margin:0; padding:0; width:35%; float:left}
    .data53 dl a{ display:block; color:#FFFFFF; text-decoration:none}
    .data53 dl a img{ width: 45%;}
    .data53 dl dd{ width:100%; text-align:center}
    .data53 dl dt{ width:100%; text-align:center; font-size:12px; line-height:12px;}
    .zixuns{
      position: relative;
      left: 0;
    }
    #gif{ 
       width: 83%;
          position: absolute;
          /*display: block;*/
          bottom:70%;
          left: 1.2rem;
    }
    .goBack {
      display: block;
      position: fixed;
      bottom:140px;
      right: 20px;
      width: 38px;
      height: 38px;
      background: url(http://m.tphoto.cn/images/back.png) no-repeat;
      background-size: 38px 38px;
      z-index: 1000;
    }

     #backToTop {
            position: fixed;
            bottom: 130px;
            right: 20px;
            width: 40px;
            height: 40px;
            background: url(http://m.tphoto.cn/images/back.png) no-repeat;
            background-size: 38px 38px;
            /*background: rgba(255, 106, 137, 0.7);
            border-radius: 50%;
            color: white;*/
            text-align: center;
            line-height: 40px;
            cursor: pointer;
            font-size: 12px;
            justify-content: center;
            align-items: center;
            /* opacity: 0;
            transition: opacity 0.3s; */
            /* display: none; */
            z-index: 1000; /* 确保层级最高 */
        }
        #backToTop.show {
            opacity: 1;
            display: block;
        }