.header{width:100%; height:3.84rem; position: relative; background:#22292c;}
.header .ret{width:1rem;height:1rem;border-top:0.2rem solid #fff;border-left:0.2rem solid #fff; border-radius:0.08rem ; position: absolute; left: 1rem; top:48%; -webkit-transform: rotate(-45deg)  translateY(-50%);-moz-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); -o-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }
.header h3{ font-size: 1.28rem; line-height: 3.84rem; color:#fff; padding-left: 2rem;}

/* banner -------------------------------------- */
    .focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
    .focus .hd{ width:100%; height:0.96rem;  position:absolute; z-index:1; bottom:0.4rem; text-align:right; right:0.56rem;  }
    .focus .hd ul{ display:inline-block; height:0.72rem; padding:0.12rem 0.2rem; font-size:0; vertical-align:top;
    }
    .focus .hd ul li{ display:inline-block; width:0.6rem; height:0.6rem; -webkit-border-radius:.6rem; -moz-border-radius:.6rem; border-radius:.6rem; border: 0.08rem solid #fff; margin:0 0.2rem;  vertical-align:top; overflow:hidden;}
    .focus .hd ul .on{ background: transparent;  }
    .focus .hd ul li .icon-point{
        width:.5rem;
        height:.5rem;
        background:transparent;
        border-radius: .5rem;
        margin-top:.1rem;
        margin-left:.1rem;
   
    }
   .focus .hd ul .on .icon-point{  
        background:#fff;
   }
    .focus .bd{ position:relative; z-index:0; }
    .focus .bd li img{ width: 100%;height:11.4rem;}
  

/* 推荐 */
.tuijian{ background:#fff;  border-bottom:1px solid #e6e6e6;padding-bottom:40px}
 .leftpic a,.leftpic a img{display:inline-block; border-radius: 0px; background-size: cover;} 
.my{ border-bottom: 1px solid #e6e6e6; padding:0.5rem 0.6rem; box-sizing: border-box; position: relative;}
.rightcon{padding-left: 0.6rem;}
.rightcon p{ color:#a0a0a0;}
.tuijian h3{ font-size: 1rem; color:#000;}
.tuijian p{ font-size: 1rem; color:#666;}
.aritc-icon{ width: 1.2rem; height: 1.2rem; display: inline-block; background:url(../images/artic-icon.png) no-repeat; position: absolute; right:.5rem;top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);background-size: cover;}

@media screen and (max-width:388px) {
    

}

@media screen and (min-width: 481px) {{
    .focus .hd ul li .icon-point{
        // margin:.1rem;
    }
}