@charset "UTF-8";
    a,address,article,aside,audio,b,body,button,canvas,dd,details,div,dl,dt,em,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,label,li,mark,nav,object,ol,p,section,select,span,strong,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}body,html,iframe,img{border:0}body{font-family:"Microsoft Yahei"}address,i{font-style:normal}h1,h2,h3,h4,h5,h6{font-size:100%}textarea{overflow:auto;resize:none}label{cursor:default}a,button{cursor:pointer}button,input{outline:0}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a{text-decoration:none}ol,ul{list-style:none}a:active{background-color:transparent}a:active,a:hover{outline:0 none;transition:130ms ease-in;-moz-transition:130ms ease-in;-webkit-transition:130ms ease-in;-o-transition:130ms ease-in}.clearfix{*zoom:1}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
      body { font-family: "微软雅黑"; }
     .fl { float: left; }
     .fr {float: right; }

      /*如需要头部固定*/
      /*添加header-fixed*/
      .header.header-fixed {
          position: fixed;
          top: 0;
          z-index: 99;
      }

      /* 头部下拉菜单 */
      .header .icon-drop-wrap {
          position: relative;
          display: inline-block;
          vertical-align: top;
          width: .36rem;
          height: .88rem;
      }

      /*头部icon共用样式*/
      .header .pb-icon {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
      }

      .pb-icon {
          display: inline-block;
          vertical-align: top;
          background-repeat: no-repeat;
          background-size: cover;
      }

      .icon-search {
          width: 0.28rem;
          height: 0.3rem;
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/search_btn.png); 
      }

    /*头部返回按钮*/
    .header .back-wrap {
        position: absolute;
        left: .25rem;
        top: 0;
        bottom: 0;
        margin: auto;
        width: .5rem;
        height: 100%;
    }

     .header .icon-back-h {
          right: unset;
          left: 0.4rem;
      }
      .header .icon-back-h {
          width: .2rem;
          height: .36rem;
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_back_hui.png);
      }

    
      /*头部渐变色*/
      .header {
          position: relative;
          width: 100%;
          height: .88rem;
          line-height: .88rem;
          text-align: center;
          background: #007aff;
        
      }


      .header .pb-icon.icon-delete {
          display: none;
          left: unset;
          right: .28rem;
      }

      .header.white-bg {
          background: #fff;
      }


    /* 带搜索的头部 */
    .header.search {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        height: 1.01rem;
        border-bottom: 0.01rem solid#ECECF0;
        background: #fff; }
        .header .icon-back-h {
            right: unset;
            left: 0.4rem; }
      
      .header-search-wrap {
          position: relative;
        overflow: hidden;
        float: right;
        width: 83.46667%;
        height: 0.6rem;
        margin: 0.2rem 0.24rem;
        -webkit-border-radius: 0.3rem;
        border-radius: 0.3rem;
        background-color: #F3F3F6; }
        .header-search-wrap .header-search-inp {
            float: left;
            width: 80%;
            height: 0.36rem;
            line-height: .36rem;
            margin-top: 0.12rem;
            font-size: 0.28rem;
            color: #333443;
            background-color: #F3F3F6;
            letter-spacing: 0.01rem;
            text-indent: .1rem;
            border-radius: 0; }
        .header-search-wrap .btn-wrap {
          position: relative;
          float: left;
          width: 0.64rem;
          height: 0.6rem;
          padding: 0.15rem 0.12rem 0.15rem 0.2rem; }
          .header-search-wrap .btn-wrap .icon-search {
            right: unset;
            left: 0.24rem; 
      }

       /*search*/
    .page-search {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 102;
      width: 100%;
      height: 100%;
      background: #fff;
      -webkit-box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.15);
      }

       .search-box {
      width: 100%;
      height: auto;
      padding: 1.41rem .16rem 0 .26rem; }

    .search-hot > h2{
      width: 100%;
      height: .24rem;
      line-height: .24rem;
      font-size: .24rem;
      color: #8D8D96;
      margin-bottom: .32rem;
      font-weight: normal;
      letter-spacing: .01rem; }

    
    /*搜索热词*/
    .search-hot .hot-list {
      width: 100%;
      height: auto; }

    .search-hot .hot-list li {
      float: left;
      height: .52rem;
      line-height: .5rem;
      letter-spacing: .01rem;
      padding: 0 .2rem;
      font-size: .24rem;
      color: #333443;
      margin-right: .16rem;
      margin-bottom: .16rem;
      -webkit-border-radius: .06rem;
      border-radius: .06rem;
      border: .02rem solid #C8C8D0; 
      cursor:pointer;
    }


      

      /* 图片列表 */
      .pros-list-wrap {
          width: 100%;
          padding: 0.2rem 1.33333% 0;
      }

      .pros-list-wrap .pros-list > li {
          position: relative;
          /* overflow: hidden; */
          float: left;
          width: 3.45rem;
          height: 5.9rem;
          margin: 0 0.1rem 0.26rem;
      }

      .pros-list-wrap .pros-list > li > a {
          display: block;
          width: 100%;
          height: 100%;
      }

      .pros-list-wrap .pros-list > li > a img {
          display: block;
          width: 100%;
          height: auto;
          -webkit-border-radius: 0.08rem;
          border-radius: 0.08rem;
      }

      .pros-list-wrap .pros-list > li .infos {
          padding: 0.2rem 0;
      }

      .pros-list-wrap .pros-list > li .pro-tit {
          width: 100%;
          height: 0.34rem;
          line-height: 0.34rem;
          font-size: 0.26rem;
          color: #333443;
          letter-spacing: 0.02rem;
          white-space: nowrap;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
      }

      .pros-list-wrap .pros-list > li .datas {
          margin-top: 0.14rem;
          height: .2rem
      }

      .pros-list-wrap .pros-list > li .datas > div {
          float: left;
          height: 0.20rem;
          line-height: 0.20rem;
          margin-right: 0.24rem;
      }

      .pros-list-wrap .pros-list > li .datas > div > span {
          vertical-align: top;
          font-size: 0.24rem;
          color: #C8C8D0;
          margin-left: 0.12rem;
      }


      .pros-list-wrap .pros-list > li .datas .icon-collect {
          position: relative;
          top: -0.02rem;
          float: left;
      }

      .pros-list-wrap .pros-list > li .datas .icon-dl {
          float: left;
      }


      .pros-list-wrap .pros-list > li .datas .icon-time {
          float: left; }

      .pros-list-wrap .more-pros {
          display: block;
          width: 4rem;
          height: 0.6rem;
          line-height: 0.24rem;
          margin: 0.16rem auto 1.5rem;
          padding: 0.17rem;
          font-size: 0.24rem;
          color: white;
          text-align: center;
          border: 0.01rem solid #007aff;
          -webkit-border-radius: 0.05rem;
          border-radius: 0.05rem;
          background:#007aff;
      }

      .pros-list-wrap .more-pros .icon-morepros {
          width: 0.16rem;
          height: 0.18rem;
          background: url( //static.tukuppt.com/tukupptphone/common/image/icon_morepros1.png) no-repeat;
          -webkit-background-size: cover;
          background-size: cover;
          margin-top: 0.03rem;
          margin-left:.05rem;
      }

        
      @media all and (max-width: 320px) {
          .pros-list-wrap .pros-list > li .pro-tit {
              height: .26rem;
              line-height: .26rem;
          }
      }
      /*图片列表结束*/




      /*底部*/
      .navibar-bot {
          position: fixed;
          bottom: 0;
          width: 100%;
          height: 1rem;
          padding-top: .14rem;
          text-align: center;
          background-color: #ffffff;
          border-top: .01rem solid rgba(200,200,208,.3);
          z-index: 999;
      }

      .navibar-bot .navi-item {
          float: left;
          width: 25%;
          height: 100%;
          line-height: 0;
          position: relative;
      }
      .navibar-bot .navi-items{
          width: 25%;
      }

      .navibar-bot .navi-item>.pb-icon {
          width: .44rem;
          height: .44rem;
      }

      .navibar-bot .navi-item>p {
          height: .24rem;
          line-height: .24rem;
          margin-top: .06rem;
          font-size: .2rem;
          color: #A6A6B0;
          display: block;
      }

      .navibar-bot .navi-item.active>p {
          color: #007aff;
      }

      .navibar-bot .navi-item .footer_home {
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_home_new.png);
      }
      .navibar-bot .navi-item.active .footer_home {
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_home_on.png);
      }
      .navibar-bot .navi-item .footer_cate {
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_cate.png);
      }
      .navibar-bot .navi-item.active .footer_cate {
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_cate_on.png);
      }

      .navibar-bot .navi-item .footer_mine {
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_mine.png);
      }
      .navibar-bot .navi-item.active .footer_mine {
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_mine_on.png);
      }

      .navibar-bot .navi-item .footer_vip {
        background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_vip.png);
      }

      .navibar-bot .navi-item.active .footer_vip {
          background-image: url(//static.tukuppt.com/tukupptphone/common/image/icon_vip_on.png);
      }


      /*我的信息红点*/
      .navibar-bot .navi-active::before{
          content: "";
          display: block;
          width: .12rem;
          height: .12rem;
          border-radius: 100%;
          overflow: hidden;
          background: red;
          position: absolute;
          top: 0;
          right: 0.45rem;
      }
      /*底部end*/


      /*摄影图图片列表*/
      .pros-list-wrap .photo-list > li {
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
    margin: 0.05rem;
    box-sizing: content-box;
 }

 .photo-list img {
    width: 100%;
    height: 100%;
}


    #mengcheng{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: -100%;
    background-color: rgba(53, 53, 59, 0.5);
    z-index: 102;
    display:none;

}

.paytishi{
  position: fixed;
    top: 25%;
    left: 25%;
    z-index: 102;
    width: 4rem;
    height: auto;
    background: #fff;
    font-size: .28rem;
    text-align: center;
    color:red;
    display:none;
}
.paytishi .close{
  height: .28rem;
    width: .28rem;
    background: url(//static.tukuppt.com/tukupptphone/common/image/icon_close.png)center no-repeat;
    background-size: cover;
    position: absolute;
    right: .1rem;
    top: .1rem;
    display: block;
  }

.paytishi .tishiwen{
  display:block;
  width:80%;
  margin:.4rem auto;
}

 .pro-num{display:block;height:.5rem;font-family: Arial !important;font-size:.25rem;width:100%;margin-top:.1rem;}
 .pro-num .numleft{float:left;}
 .pro-num .numleft>img{width:.35rem !important;height:.35rem !important;display:inline-block;float:left;}
 .pro-num .numleft>i{display:inline-block;float:left;margin-top:.05rem;color:#b2b2b2;margin-left:.1rem;}

 .pro-num .numright>img{width:.35rem !important;height:.35rem !important;display:inline-block;float:left;}
 .pro-num .numright>i{display:inline-block;float:left;margin-top:.05rem;color:#b2b2b2;margin-left:.1rem;}
 .pro-num .numright{float:right;margin-right:.5rem;}

 .page {margin: 0  0 1rem 0;width: 100%;height: 1rem;text-align: center; font-size: .2rem;}
.page .cur, .page a:hover {display: inline-block;margin: .1rem;padding: 0 .2rem;height: .4rem;border-radius: .1rem;background: #007aff;color: #fff;line-height: .4rem;}
.page a {display: inline-block;height: .4rem;margin:.1rem;color: #404040;line-height: .4rem;cursor: pointer;}
.page .ell {margin: 0 .1rem 0 .1rem;color: #404040;font-size: .15rem;}

.box-new-hot {
    text-align: left;
}

.box-tab {
    display: inline-block;
    width: 100%;
    border-bottom: .01rem solid #e5e5e5;
    font-size: .26rem;
    line-height: .5rem;
}

.box-tab .on a {
    color: #6085e3;
}

.box-tab li {
    float: left;
    display: block;
    margin-right: .2rem;
    color: #999;
}

.box-tab li a{color:#999;}

.box-new-hot .boxinfo {
      display: block;
}


.box-new-hot .boxinfo a {
    display: block;
    line-height: .3rem;
    margin-right: .1rem;
    color: #999;
    font-size: .2rem;
    float: left;
}

.dibumiaoshu{font-size: .2rem;margin-bottom: 1.5rem;color:#999;display: block;float: left;margin-top:.2rem;}

 .hot-listo a{float: left;
  height: .52rem;
  line-height: .5rem;
  letter-spacing: .01rem;
  padding: 0 .2rem;
  font-size: .24rem;
  color: #333443;
  margin-right: .16rem;
  margin-bottom: .16rem;
  -webkit-border-radius: .06rem;
  border-radius: .06rem;
  border: .02rem solid #C8C8D0;
  cursor: pointer;}
.doyoulike{padding:.1rem .16rem 0 .26rem;}