@charset "utf-8";

#headline{
	width:9.8rem;
	height:3rem;
	margin:0 auto;
	background:url(../img/new_big1.jpg) no-repeat center;
}

#headline .center{
	width:9.8rem;
	height:3rem;
	margin:0 auto;
}

#container{
	width:9.8rem;
	height:13rem;
	margin:0.3rem auto;
	font-size:0.14rem;
}

#container .figure{
	padding:0.10rem 0;
}

#container figure{
	display:inline-block;
	padding:0.04rem;
	color:#666;
}

#container .box{
	padding:0.10rem 0;
}

#container .list{
	width:7.1rem;
	float:left;
	margin:0 0 0.20rem 0;
}

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

#container .list .infor{
	height:0.45rem;
	line-height:0.45rem;
	background:#eee;
    width:7.1rem;
	margin:0 0 0.20rem 0;
}

#container .left{
	float:left;
	display:inline-block;
}

#container .left li{
	width:1.50rem;
	height:0.43rem;
	line-height:0.43rem;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}

#container .left a{
	color:#666;
}


#container .left li:first-child{
	background-color:#fff;
	border-top:0.02rem solid #458b00;
	margin-left:0.01rem;
	position:relative;
}

#container .list .right{
	display:inline-block;
	padding:0 0.20rem 0 0;
	float:right;
}

#container .right li{
	float:left;
	width:0.60rem;
	height:0.45rem;
	line-height:0.45rem;
}

#container .right a{
	color:#666;
	padding:0.03rem 0.08rem;
}

#container .right .selected, #container .right a:hover{
	color:#fff;
	background:#458b00;
}

#carousel{
	width:7.1rem;
	height:2.5rem;
	margin-bottom:0.20rem;
	position:relative;
	overflow:hidden;
}

#carousel ul{
    left:0;
	top:0;
	position:absolute;
}

#carousel ul li{
	float:left;
	margin-right:0.07rem;
	width:1.7rem;
	height:2.5rem;
	list-style:none;
}

#carousel ul li img{
    width:1.7rem;
}

#container .tour{
    width:6.85rem;
    border:0.01rem solid #ccc;
    position:relative;
    margin:0 0 0.20rem 0;
}

#container .tour figcaption{
	width:3.95rem;
	float:right;
}

#container .tour .tour_img{
    width:2.9rem;
    height:1.85rem;
	float:left;
    overflow:hidden;
}


#container .tour .tour_img:hover img{
    transform:scale(1.1);
}
#container .tour img{
	width:3.1rem;
	float:left;
    transition:all 1s;
}

#container .tour h2{
	font-size:0.20rem;
	color:#777;
	padding:0.05rem 0 0.05rem 0.15rem;
}
#container .tour h2:hover,#container .tour figcaption p:hover, #container .tour figcaption ol li:hover{
    color:#f60;
}


#container .tour figcaption p, #container .tour figcaption ol li{
    color:#666;
}


#container .tour p{
	font-weight:normal;
	font-size:0.14rem;
	padding:0.05rem 0 0 0.15rem;
}


#container .tour ol{
	padding:0 0 0 0.15rem;
	line-height:2;
	color:#666;
}

#container .tour mark{
	border:0.01rem solid #458b00;
	color:#458b00;
	padding:0.02rem;
	border-radius:0.04rem;
	background-color:#fff;
}


#container .tour .buy{
	position:absolute;
	top:0.55rem;
	right:0.30rem;
}
#container .tour .price{
	color:#f60;
	font-size:0.20rem;
}

#container .tour .price strong{
	font-size:0.36rem;
}

#container .tour .price s{
	font-size:0.16rem;
	color:#999;
}


#container .tour .reserve{
	margin:0 0 0 0;
}

#container .tour .reserve a {
	color:#fff;
	width:1.52rem;
	height:0.40rem;
	line-height:0.40rem;
	text-align:center;
	display:block;
	background-color:#f60;
	border-radius:0.04rem;
	font-size:0.20rem;
}

#container .tour .type{
	width:0.90rem;
	height:0.25rem;
    line-height:0.25rem;
    position:absolute;
	top:0;
	left:0;
	background-color:#59b200;
	color:#fff;
	text-align:center;
	font-size:0.14rem;
}

#container .tour .recommend{
	position:absolute;
	background:url(../img/disc.png)no-repeat;
	top:0;
	right:0;
	width:0.40rem;
	height:0.40rem;
}

#container .tour .recommend span{
	display:block;
	color: #ff7a4d;
	transform:rotate(45deg);
	float:right;
	width:0.40rem;
	height:0.40rem;
	text-indent:0.07rem;
	font-size:0.12rem;
	padding:0 0 0 0;
}

#container .tour .tour_footer{
	width:3.99rem;
	height:0.30rem;
	background: #eee;
	position:absolute;
	right:0;
	text-indent:0.25rem;
	bottom:0.04rem;
	letter-spacing:0.01rem;
	line-height:0.30rem;
}

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



@media (min-width: 980px){

}

@media (max-width: 768px){
    a, p, span, #container .tour figcaption, #container .tour figcaption p, #container .infor_head .information, #container .more{
        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 .sidebar{
        display:none;
    }

    #container .list{
        width:9.8rem;
    }

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

    #container .infor_head .information{
        width:8.4rem;
    }

    #carousel{
        width:9.8rem;
    }

    #carousel ul li {
        width:2.3rem;
        margin-right:0.15rem;
    }

    #carousel ul li img{
        width:2.3rem;
    }

    #container .tour{
        width:9.80rem;
    }

    #container .tour .tour_img{
        width:4.7rem;
        height:2.7rem;

    }
    #container .tour .tour_img img{
        width:4.7rem;
        height:2.7rem;

    }

    #container .tour figcaption{
        width:5rem;
    }

    #container .tour figcaption h2{
        font-size:0.27rem;
    }

    #container .tour .tour_footer{
        width:5rem;
        font-size:0.2rem;
    }

    #container .tour .type{
        width:1.1rem;
        height:0.29rem;
        line-height:0.29rem;
        font-size:0.18rem;
    }

    #container .tour .recommend{
        width:0.53rem;
        height:0.53rem;
        right:0;
    }

    #container .tour .recommend span{
        font-size:0.16rem;
    }

    #container .right li{
        width:0.70rem;
    }
    footer .bottom p{
        margin-top:0.1rem;
        height:0.2rem;
    }
}


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

    #container .sidebar{
        display:none;
    }

    #container .tour .type{
        width:1.3rem;
        height:0.32rem;
        line-height:0.32rem;
        font-size:0.22rem;
    }


}