.phone-sty {
  display: none;
}

/* Mobile phone
---------------------------------------------------------------------- */
@media (max-width: 689px) and (min-device-width: 320px),
(max-device-width: 480px) {
  html {
    font-size: 26.66666vw;
  }

  body {
    min-width: 1200px;
    -webkit-text-size-adjust: none !important;
    min-width: 100%;
    width: 100%;
    background: #FFF;
  }

  .phone-sty {
    display: block;
  }

  .col-222222 {
    color: #222222;
  }

  .f-blod {
    font-weight: 600;
  }

  .ft-22pt {
    font-size: .22rem;
  }

  .ft-14pt {
    font-size: .14rem;
  }

  .header,
  .container,
  .footer,
  #cnzz_stat_icon_199524 {
    display: none;
  }

  /* 头部开始 */
  .phone-header {
    width: 100%;
    height: .44rem;
    overflow: hidden;
    box-sizing: border-box;
    background: #ffffff;
    padding: 0 .10rem;
  }

  .phone-header-left {
    float: left;
    overflow: hidden;
  }

  .phone-header-back,
  .phone-header-kaiwind,
  .phone-header-curNav,
  .phone-header-search,
  .phone-header-menu {
    float: left;
  }

  .phone-header-back {
    width: .06rem;
    height: .11rem;
    background: url(#) no-repeat left center;
    margin-top:.16rem;
    margin-right:.14rem;
  }

  .phone-header-kaiwind{
    width: .53rem;
    height: .31rem;
    background: url(#) no-repeat left center;
    margin-top:.065rem;
    margin-right:.10rem;
  }

  .phone-header-curNav{
    font-size: .18rem;
    font-weight: 500;
    color:#222222;
    line-height: .44rem;
  }
  .phone-header-right {
    float: right;
    overflow: hidden;
  }
  .phone-header-search{
    width: .24rem;
    height:.24rem;
    background: url(#) no-repeat left center;
    margin-top:.10rem;
    margin-right:.15rem;
  }

  .phone-header-menu{
    width: .24rem;
    height:.24rem;
    background: url(#) no-repeat left center;
    margin-top:.10rem;
  }
  /* 头部结束 */

  /* 通用菜单开始 */
  .phone-menu {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    overflow-y: auto;
  }

  /* 通用菜单结束 */
   /*焦点图下 */
  

  .phone-jdt-dd {
    /* display: inline-block;
    margin-bottom: .25rem;
    padding: 0 .14rem .16rem .16rem;
    -moz-box-shadow: 3px 5px 5px #E7E7E7;
    -webkit-box-shadow: 3px 5px 5px #E7E7E7;
    box-shadow: 3px 5px 5px #E7E7E7;
    margin-top:.1rem;*/
    width: 3.45rem;
    margin: .1rem auto;  
    height: .7rem;
  }

  /* .phone-jdt-dd-sty {
    
  } */



  .phone-jdt-dd-sty>a {}

  .phone-jdt-dd-sty>a>img {
    display: inline-block;
    width: 1.20rem;
    height: .68rem;
    float: left;
    margin-right: .15rem;
  }

  .phone-jdt-dd-sty>a>div {
    display: inline-block;
    width: 2.10rem;
    float: left;
    overflow: hidden;
  }


  .phone-jdt-dd-sty>a>div>.title {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .16rem;
    line-height: .22rem;
    margin-bottom: 0.02rem;
  }

  .phone-jdt-dd-sty>a>div>.desc {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .12rem;
    color: #AFAFAF;
  }
  .bkbl_wap_shadow{
    height: .03rem;
    width: 100%;
    background: url(827.png)no-repeat center center;
    margin-bottom:.2rem;
  }

  /* 内容部分 */
  .phone-container { 
    width: 100%;
    margin-bottom: .30rem;
    overflow: hidden;
  }

  /* 生活妙招 */

  .phone-shmz-warp {
    width: 3.45rem; 
    box-sizing: border-box;
    
  }

  .phone-shmz-title-warp {
    width: 100%;
    margin-bottom: .15rem;
    padding-top: .05rem;
  }

  .phone-shmz-title-warp a {
    display: inline-block;
    width: 100%;
  }


  .phone-shmz-title-warp a .phone-shmz-title {
    float: left;
  }

  .phone-shmz-title-warp a .phone-shmz-more {
    float: right;
    color: #999999;
    padding-top: .02rem;
  }

  .phone-shmz-warp ul li {
    overflow: hidden;
    width: 100%;
  }

  .phone-shmz-sty1 {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: .16rem;
    padding-bottom: .16rem;
  }



  .phone-shmz-sty1>a {}

  .phone-shmz-sty1>a>img {
    display: inline-block;
    width: 1.20rem;
    height: .68rem;
    float: left;
    margin-right: .15rem;
  }

  .phone-shmz-sty1>a>div {
    display: inline-block;
    width: 2.10rem;
    float: left;
    overflow: hidden;
  }


  .phone-shmz-sty1>a>div>.title {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .16rem;
    line-height: .22rem;
    margin-bottom: 0.02rem;
  }

  .phone-shmz-sty1>a>div>.time {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .12rem;
    color: #AFAFAF;
  }

  /* 民俗民风 */

  .phone-msmf-warp {
    width: 3.45rem; 
    box-sizing: border-box; 
  }

  .phone-msmf-title-warp {
    width: 100%;
    margin-bottom: .15rem;
    padding-top:.05rem;
  }

  .phone-msmf-title-warp a {
    display: inline-block;
    width: 100%;
  }


  .phone-msmf-title-warp a .phone-msmf-title {
    float: left;
  }

  .phone-msmf-title-warp a .phone-msmf-more {
    float: right;
    color: #999999;
    padding-top: .02rem;
  }

  .phone-msmf-warp ul li {
    overflow: hidden;
    width: 100%;
  }
  li.phone-shmz-sty1:last-child,
  li.phone-msmf-sty1:last-child,
  li.phone-fybl-sty1:last-child,
  li.phone-yszx-sty1:last-child{ border-bottom: none}
  .phone-msmf-sty1 {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: .16rem;
    padding-bottom: .16rem;
  }



  .phone-msmf-sty1>a {}

  .phone-msmf-sty1>a>img {
    display: inline-block;
    width: 1.20rem;
    height: .68rem;
    float: left;
    margin-right: .15rem;
  }

  .phone-msmf-sty1>a>div {
    display: inline-block;
    width: 2.10rem;
    float: left;
    overflow: hidden;
  }


  .phone-msmf-sty1>a>div>.title {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .16rem;
    line-height: .22rem;
    margin-bottom: 0.02rem;
  }

  .phone-msmf-sty1>a>div>.time {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .12rem;
    color: #AFAFAF;
  }

  /* 非遗博览 */

  .phone-fybl-warp {
    width: 3.45rem; 
    box-sizing: border-box; 
  }

  .phone-fybl-title-warp {
    width: 100%;
    margin-bottom: .15rem;
    padding-top:.05rem;
  }

  .phone-fybl-title-warp a {
    display: inline-block;
    width: 100%;
  }


  .phone-fybl-title-warp a .phone-fybl-title {
    float: left;
  }

  .phone-fybl-title-warp a .phone-fybl-more {
    float: right;
    color: #999999;
    padding-top: .02rem;
  }

  .phone-fybl-warp ul li {
    overflow: hidden;
    width: 100%;
  }

  .phone-fybl-sty1 {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: .16rem;
    padding-bottom: .16rem;
  }



  .phone-fybl-sty1>a {}

  .phone-fybl-sty1>a>img {
    display: inline-block;
    width: 1.20rem;
    height: .68rem;
    float: left;
    margin-right: .15rem;
  }

  .phone-fybl-sty1>a>div {
    display: inline-block;
    width: 2.10rem;
    float: left;
    overflow: hidden;
  }


  .phone-fybl-sty1>a>div>.title {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .16rem;
    line-height: .22rem;
    margin-bottom: 0.02rem;
  }

  .phone-fybl-sty1>a>div>.time {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .12rem;
    color: #AFAFAF;
  }


  /* 衣食住行 */

  .phone-yszx-warp {
    width: 3.45rem;
    box-sizing: border-box;
  }

  .phone-yszx-title-warp {
    width: 100%;
    margin-bottom: .15rem;
    padding-top:.05rem;
  }

  .phone-yszx-title-warp a {
    display: inline-block;
    width: 100%;
  }


  .phone-yszx-title-warp a .phone-yszx-title {
    float: left;
  }

  .phone-yszx-title-warp a .phone-yszx-more {
    float: right;
    color: #999999;
    padding-top: .02rem;
  }

  .phone-yszx-warp ul li {
    overflow: hidden;
    width: 100%;
  }

  .phone-yszx-sty1 {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: .16rem;
    padding-bottom: .16rem;
  }



  .phone-yszx-sty1>a {}

  .phone-yszx-sty1>a>img {
    display: inline-block;
    width: 1.20rem;
    height: .68rem;
    float: left;
    margin-right: .15rem;
  }

  .phone-yszx-sty1>a>div {
    display: inline-block;
    width: 2.10rem;
    float: left;
    overflow: hidden;
  }


  .phone-yszx-sty1>a>div>.title {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .16rem;
    line-height: .22rem;
    margin-bottom: 0.02rem;
  }

  .phone-yszx-sty1>a>div>.time {
    display: inline-block;
    width: 100%;
    float: left;
    font-size: .12rem;
    color: #AFAFAF;
  }

  /* 风云人物 */

  .phone-fyrw-warp {
    width: 3.45rem; 
    box-sizing: border-box; 
  }

  .phone-fyrw-title-warp {
    width: 100%;
    margin-bottom: .15rem;
    padding-top:.05rem;
  }

  .phone-fyrw-title-warp a {
    display: inline-block;
    width: 100%;
  }


  .phone-fyrw-title-warp a .phone-fyrw-title {
    float: left;
  }

  .phone-fyrw-title-warp a .phone-fyrw-more {
    float: right;
    color: #999999;
    padding-top: .02rem;
  }

  .phone-fyrw-warp ul {
    width: 100%;
  }

  .phone-fyrw-sty1 {
    width: 1.67rem;
    height: 2.36rem;
    float: left;
    position: relative; 
  }

  .phone-fyrw-warp ul li {
    margin-bottom: .1rem;
    margin-left:0;
  }

  .phone-fyrw-warp ul li.phone-fyrw-sty1:nth-child(even) {
    margin-left: .1rem;
  }

  .phone-fyrw-sty1 div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .95rem;
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, 0), #000000);
  }

  .phone-fyrw-sty1 div span {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    color:#fff;
    font-size:.16rem;
  }



  .phone-fyrw-sty1 a {
    display: table-cell;
    vertical-align: middle;
    width: 1.67rem;
    height: 2.36rem;
  }

  .phone-fyrw-sty1 img {
    margin: 0 auto;
    height: 2.36rem;
    max-width: 1.67rem;
  }

   

  /* 底部结束 */
  .noborder {
    border: 0;
    padding: 0;
  }

  .height-5rem {
    display: inline-block;
    width: 100%;
    height: 5px;
    background: #F6F6F6;
    margin-bottom: .16rem;
  }

}