@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(../images/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(../images/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 {
      
        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(../images/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: 1.2rem;
          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%;*/
            width: 20%;
        }

      .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(../images/icon_home_new.png);
      }
      .navibar-bot .navi-item.active .footer_home {
          background-image: url(../images/icon_home_on.png);
      }
      .navibar-bot .navi-item .footer_cate {
          background-image: url(../images/icon_cate.png);
      }
      .navibar-bot .navi-item.active .footer_cate {
          background-image: url(../images/icon_cate_on.png);
      }

      .navibar-bot .navi-item .footer_mine {
          background-image: url(../images/icon_mine.png);
      }
      .navibar-bot .navi-item.active .footer_mine {
          background-image: url(../images/icon_mine_on.png);
      }

      .navibar-bot .navi-item .footer_vip {
        background-image: url(../images/icon_vip.png);
      }

      .navibar-bot .navi-item.active .footer_vip {
          background-image: url(../images/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(../images/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: 2rem;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;}