@charset "utf-8";


#main-images{
    width:9.8rem;
    height:4.3rem;
    margin:0 auto;
    padding-top:0.05rem;
    margin-top:0.3rem;
    margin-bottom:0.3rem;
    position:relative;
    box-shadow: 0 0 0.15rem;
    background:#fff;
    font-size:0.16rem;
}

#main-images .main-pic{
    width:9.8rem;
    height:4rem;
    display:block;
    padding:0.15rem 0 0.15rem 0.15rem;
    overflow: hidden;
}
#main-images .main-pic li{
    width:6.7rem;
    height:4rem;
    position:absolute;
    margin-bottom:0.3rem;
    z-index:1;
}

#main-images .main-pic img{
    width:6.7rem;
    height:4rem;
}

#main-images .main-pic li a .a_active{
    position:absolute;
    display:block;
    letter-spacing:0.01rem;
    font-size:0.15rem;
    text-indent:0.35rem;
    width:2.63rem;
    padding-left:0.3rem;
    padding-top:0.1rem;
    right:-2.78rem;
    height:0.56rem;
    border-bottom:0.01rem dashed #ddd;
    margin-left:0.2rem;
}
#main-images .main-pic li a .a1{
    border-top:0.01rem dashed #ddd;
    top:0;
}

#main-images .main-pic li a .a2{
    top:0.68rem;
}

#main-images .main-pic li a .a3{
    top:1.34rem;
}


#main-images .main-pic li a .a4{
    top:1.99rem;

}

#main-images .main-pic li a .a5{
    top:2.66rem;
}

#main-images .main-pic li a .a6{
    top:3.33rem;
}


#main-images .main-pic li a{
   color:#666;
}


 #main-images .main-pic .arrow_a{
    position:absolute;
    width:0.66rem;
    right:-0.3rem;
    top:0;
    height:0.66rem;
    display:none;
    background:url(../img/small_hot_top1.png);
  }


#main-images .main-pic .r1{
    top:-0.02rem;

}

#main-images .main-pic .r2{
    top:0.66rem;
}

#main-images .main-pic .r3{
    top:1.32rem;
}

#main-images .main-pic .r4{
    top:1.98rem;
}


#main-images .main-pic .r5{
    top:2.64rem;
}


#main-images .main-pic .r6{
    top:3.33rem;
}
#main-images .main-pic .top_active{
    z-index:99;
}

#main-images .main-pic .top_active .a_active{
    width:2.43rem;
    height:0.54rem;
    color:#f60;
    padding-left:0.3rem;
    background:#eee;
    border-right:0.05rem solid #f60;
}

#main-images .main-pic .top_active .arrow_a{
    display:block;
    z-index:100;
}

#main-images .main-pic .top_active .r2{
    background:url(../img/small_hot_top2.png);
}

#main-images .main-pic .top_active .r3{
    background:url(../img/small_hot_top3.png);
}


#main-images .main-pic .top_active .r4{
    background:url(../img/small_hot_top4.png);
}


#main-images .main-pic .top_active .r5{
    background:url(../img/small_hot_top5.png);
}

#main-images .main-pic .top_active .r6{
    background:url(../img/small_hot_top6.png);
}

#container{
	width:9.8rem;
	margin:0.10rem auto;
}

.list{
	width:7rem;
	float:left;
}


#container .infor_head h1{
	font-size:0.28rem;
    font-weight:500;
	margin:0 0 0.15rem 0;
	color:#666;
    border-bottom:0.05rem solid #f60;
	float:left;
    display:inline-block;
}
	
#container .infor_head .information{
    padding-bottom:0.06rem;
    margin-top:0.12rem;
	font-size:0.16rem;
    color:#666;
    width:5.8rem;
    letter-spacing:0.01rem;
    border-bottom:0.01rem solid #ccc;
    display:inline-block;
    float:left;
}



.list .hot_list{
    width:7rem;
    height:2.73rem;
	float:left;
    border-bottom:0.02rem solid #eee;
    position:relative;
}


.list .hot_list h2{
    margin:0.20rem auto;
    letter-spacing:0.01rem;
    font-size:0.20rem;
}


.list .pic-left .hot_text h2{
    display:block;
    font-size:0.2rem;
    height:.5rem;
    margin-bottom:0.6rem;
}

.list .hot_list a h2{
    color:#666;
}

.list .hot_list a h2:hover{
    color:#f60;
}

.list .hot_list a .hot_img{
    width:2.24rem;
    height:1.60rem;
    overflow:hidden;
    margin-right:0.06rem;
    float:left;
    margin-bottom:0.12rem;
}

.list .hot_list a .hot_img img{
    width:2.24rem;
    height:1.60rem;
    transition:all 1s;
}


.list .hot_list a .hot_img:hover img{
    width:2.24rem;
    height:1.60rem;
    transform:scale(1.2);
}

.list .hot_list span {
    font-size:0.14rem;
    display:block;
    color:#666;
    float:left;
}

.list .hot_list span a{
    color:#666;
}

.list .hot_list .hot_footer{
    width:0.90rem;
    font-size:0.14rem;
    float:right;
    color:#666;
}

.list .hot_list .img_one{
    margin-top:0.6rem;
}


.list .hot_list .shore_active{
    background:#f60;
}
    
.list .hot_list .hot_footer a{
    color:#666;
}

.hot_shore{
    position:absolute;
    z-index: 999;
    visibility:hidden;
    width:1.1rem;
    right:0.6rem;
    top:2.6rem;
    height:1.60rem;
    border:0.04rem solid #999;
    font-size:0.15rem;
    background: #fff;
}
.img_position{
    top:1.7rem;
}



.a_hot_shore_active{
  background:#fff;
}

.hot_shore ul{
    width:0.9rem;
    margin:0.04rem auto;
}



.hot_shore li {
    width:0.9rem;
    height:0.35rem;
    border-bottom: 0.01rem solid #eee;
}

.hot_shore li i{
    float:left;
    margin-top:0.08rem;
    margin-right:0.1rem;
    width:0.26rem;
    height:0.26rem;
    display:inline-block;
    background:url(../img/small_log.png) no-repeat;
}
.hot_shore li span{
    display:inline-block;
    float:right;
    margin-top:0.12rem;
}

.hot_shore li span:hover{
    color:#f60;
}
.hot_shore li i.yixin{
    background-position: 0rem 0rem;
}


.hot_shore li i.weixin{
    background-position: -0.25rem 0rem;
}

.hot_shore li i.weibo{
    background-position: -0.5rem 0rem;
}

.hot_shore li i.qq{
    background-position: -0.75rem 0rem;
}

.hot_list:hover{
    background:#eee;
    border-bottom:0.02rem solid #f60;
}

.list .pic-left{
    width:7rem;
    height:2rem;
	float:left;
    border-bottom:0.02rem solid #eee;
}

.list .pic-left:hover{
    background:#eee;
    border-bottom:0.02rem solid #f60;
}

.list .pic-left .hot_img{
    width:2.24rem;
    height:1.60rem;
    float:left;
    margin-right:0.20rem;
    margin-top:0.20rem;
}


.list .pic-left h2{
    margin-bottom:0.40rem;
}


.list .pic-left h2 a{
    color:#666;
}

.list .pic-left img{
    width:2.24rem;
    height:1.60rem;
    transition:all 1s;
}

.list .pic-left .hot_img:hover img{
    transform:scale(1.2);
}

.list .pic-left .hot_text{
    float:left;
    height:0.6rem;
    margin-left:0.1rem;
    margin-bottom:0.1rem;
    margin-top:0.15rem;
}


.list .pic-left .notext{
    margin-top:0.6rem;
    width:1.5rem;
    height:0.2rem;
    font-size:0.16rem;
}

.list .pic-left .notext a{
    font-size:0.14rem;
    color:#666;
}


.advert_hot{
    width:2.80rem;
}




@media (min-width:769px) and （max-width:980px){

}


@media (max-width:768px){

    a, p, span, .list .hot_list span, .list .hot_list .hot_footer,#container .infor_head .information, footer .bottom{
        font-size:0.2rem;
    }

    .list .pic-left .hot_text a{
        font-size:0.2rem;
    }

    #header_a .link{
        width:7.8rem;
        float:right;
    }

    #header_a .link ul{
        width:7.8rem;
    }

    #header_a .link ul li{
        width:1.3rem;
    }

    #container .infor_head h1{
        font-size:0.33rem;
    }


    #container .sidebar{
        display:none
    }

    .list{
        width:9.8rem;
    }

    .list .hot_list{
        width:9.8rem;
        height:3.3rem;
    }

    .list .pic-left{
        width:9.8rem;
        height:2.43rem;
    }

    .list .hot_list a h2{
        font-size:0.32rem;
    }

    .list .pic-left a .hot_text h2{
        font-size:0.32rem;
        width:6.4rem;
        display:block;
    }


    .list .hot_list a .hot_img{
        width:3.2rem;
        height:2rem;
    }


    .list .hot_list a .hot_img img{
        width:3.2rem;
        height:2rem;
    }


    #container .infor_head .information{
        margin-top:0.19rem;
        width:8.3rem;
    }

    .list .hot_list .hot_footer{
        width:1.2rem;
    }

    footer .bottom p{
        margin-top:0.1rem;
        height:0.2rem;
    }
}


@media (max-width: 480px) {
    a, p, span, .list .hot_list span, .list .hot_list .hot_footer,#container .infor_head .information, .more{
        font-size:0.23rem;
    }

    #main-images{
        width:9.8rem;
    }
    #main-images .main-pic{
        width:6.2rem;
    }

    #main-images .main-pic img{
        width:6.2rem;
    }

    #main-images .content li{
        width:3rem;
    }

    #main-images .content li .content_head a p{
        width:3rem;
    }

    #container .infor_head h1{
        font-size:0.35rem;
    }


    #container .sidebar{
        display:none
    }

    .list .hot_list h2 a{
        font-size:0.28rem;
    }

    #container .infor_head .information{
        margin-top:0.16rem;
        width:8.4rem;
    }

    .list .hot_list .hot_footer{
        width:1.4rem;
    }
}