@charset "utf-8";
#headline{
	width:9.8rem;
	height:3.30rem;
	margin:0 auto;
    margin-bottom:0.30rem;
    padding-top:0.10rem;
    position:relative;
    overflow:hidden;
    font-size:0.16rem;
}

#headline .pipe{
    height:3rem;
}

#headline .top_center{
	width:9.8rem;
    float:left;
}

#headline .top_center .left_text {
    width:3rem;
    height:3rem;
    float:left;
    text-align:center;
    color:#fff;
    background:#666;
}

#headline .top_center .left_text a{
    color:#fff;
}


#headline .top_center .left_text h1{
    display:inline-block;
    margin-top:0.4rem;
    font-size:0.35rem;
}

#headline .top_center .left_text h2{
    font-size:0.22rem;
}


#headline .top_center .left_text h2:hover{
    color:#f60;
}

#headline .top_center .left_text span{
    display:block;
    padding:0 0.20rem;
    margin:0.28rem auto;
    line-height: 1.8;
    color:#ccc;
    font-size:0.14rem;
}

#headline .top_center .left_text .detail{
    width:1.2rem;
    margin:0 auto;
    padding:0.08rem 0.10rem;
    background:#f60;
    border-radius:0.04rem;
    color:#fff;
}

#headline .top_center .right_pic{
    width:6.8rem;
    height:3rem;
    overflow:hidden;
    float:right;
    cursor:pointer;
}

#headline .top_center .right_pic img{
    width:6.8rem;
    height:3rem;
}

#headline .arrow{
    width:9.8rem;
    top:1.40rem;
    position:absolute;   
    display:none;
}

#headline .arrow .prev{
    left:0;
}

#headline .arrow .next{
    right:0;
}

#headline .arrow a{
    display:block;
    width:0.20rem;
    height:0.38rem;
    padding-top:0.05rem;
    text-decoration:none;
    position:absolute;
    background:rgba(0,0,0,0.4);
}

#headline .arrow i{
    display:block;
    font-size:0.28rem;
    color:#fff;
}

#headline .btn{
    width:6rem;
    height:0.30rem;
    margin:0 auto;
    margin-top:3.05rem;
    position:relative;
}

#headline .btn ul{
   margin:0 0 0 2.60rem;
   background:green;
}

#headline .btn ul li{
    float:left;
    color:#666;
    font-size:0.19rem;
    background:#666;
    border-radius:50%;
    width:0.12rem;
    height:0.12rem;
    margin:0.10rem 0.10rem;
}

#headline .btn ul li.btnActive{
   width:0.45rem;
   margin-top:0.13rem;
   height:0.07rem;
   border-radius:0.05rem;
   background:#f60;
}

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

#container .fun{
    margin-top:-0.7rem;
    width:7rem;
	float:left;
}


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

#container .tour{
	width:7rem;
	border-bottom:0.02rem solid #eee;
	padding:0 0 0.20rem 0;
	position:relative;
	margin:0 0 0.20rem 0;
	height:1.80rem;
}

#container .tour .shore_img{
    float:left;
}

#container .tour .text{
	width:3.80rem;
	float:right;
	margin:0 0 0 0.10rem;
	padding:0 0 0.20 0;
	overflow:hidden; 
	font-size:0.15rem;
	line-height:0.20rem;
}

#container .tour .text p{
	list-style:none;
	color:#666;
	text-indent:0.30rem;
    letter-spacing:0.01rem;
}


#container .tour .text p:hover{
    color:#f60;
}

#container .tour .text a:hover{
	color:#5e5ef6;
}

#container .tour .text h2{
	margin-top:0.02rem;
    padding:0;
    font-size:0.18rem;
    font-weight: 700;
	margin-bottom:0.16rem;
}


#container .tour .text h2:hover{
    color:#f60;
}

#container .tour .shore{
    bottom:0.15rem;
    right:0.1rem;
    position:absolute;
    cursor:pointer;
	width:0.70rem;
	height:0.30rem;
}

#container .tour .shore_img{
    width:3rem;
    height:1.82rem;
    overflow:hidden;
    float:left;
}

#container .tour .shore_img:hover img{
    transform:scale(1.1);
}

#container .tour img{
	width:3rem;
    height:1.82rem;
    transition:all 1s;
}

#container .tour h2{
	font-size:0.22rem;
	font-weight:normal;
	color:#666;
	padding:0.10rem 0 0.10rem 0.25rem;
}

#container .tour h3{
	font-weight:normal;
	font-size:0.16rem;
	padding:0.10rem 0 0 0.25rem;
	line-height:1.5;
}

#container .tour footer time{
	color:#458b00;
}

@media (min-width:980px){

}

@media (max-width:768px){
    a, p, span, #container .more, footer .bottom, #container .tour_head .information{
        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;
    }

    #headline .top_center .left_text h1{
        display:inline-block;
        margin-top:0.15rem;
        font-size:0.35rem;
    }

    #headline .top_center .left_text h2{
        margin-bottom:0.05rem;
    }

    #headline .top_center .left_text span{
        font-size:0.18rem;
        line-height: 1.4;
    }

    #container .sidebar{
        display:none;
    }

    #container .fun{
        width:9.8rem;
    }

    #container .tour_head .information {
        width:8.6rem;
    }

    #container .tour{
        width:9.8rem;
        height:2.8rem;
    }

    #container .tour .shore_img{
        width:4.5rem;
        height:2.82rem;
    }
    #container .tour .shore_img img{
        width:4.5rem;
        height:2.82rem;
    }

    #container .tour .text{
        width:5.10rem;
    }

    #container .tour .text h2{
        font-size:0.23rem;
    }

    #container .tour .text p{
        text-indent:0.45rem;
        line-height:1.6;
    }

    #container .tour .shore{
        position:absolute;
        cursor:pointer;
        width:0.90rem;
        height:0.40rem;
    }
}

@media (max-width:480px){
    a, p, span, #container .more, footer .bottom, #container .tour_head .information, .more{
        font-size:0.23rem;
    }
}