@charset "utf-8";


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

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

#headline hgroup{
    padding:1rem 0 0 0.50rem;

}

#headline hgroup h2{
    font-size:0.36rem;
    color:#eee;
    letter-spacing:0.01rem;
}

#headline h3{
    font-size:0.20rem;
    color:#eee;
    letter-spacing:0.01rem;
}


#main-images{
    width:9.8rem;
    height:4.3rem;
    margin:0 auto;
    margin-top:.15rem;
    position:relative;
    overflow:hidden;
}

#main-images .main{
    height:4rem;
    position:relative;
}

#main-images .main .view{
    height:4rem;
}

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

#main-images .img-left{
    width:5.4rem;
    height:4rem;
    float:left;
    overflow:hidden;
}

#main-images .img-left figure{
    position:relative;
}

#main-images .img-left img{
    width:5.4rem;
    height:4rem;
    position:absolute;
    transition:all 1s;
}

#main-images .img-left:hover img{
    transform:scale(1.1);
}

#main-images .img-left figure figcaption{
    position:absolute;
    color:#fff;
    font-size:.18rem;
    margin:3.7rem 0 0.15rem 0.15rem;
    letter-spacing:0.01rem;
}

#main-images .img-right{
    width:4.4rem;
    float:right;
}

#main-images .img-right .img-figure{
    width:2.15rem;
    height:1.97rem;
    position:relative;
    float:left;
    margin:0 0 0.06rem 0.05rem;
    overflow:hidden;
}

#main-images .img-figure img{
    width:2.15rem;
    height:1.97rem;
    position:absolute;
    transition:all 1s;

}

#main-images .img-right .img-figure:hover img{
    transform:scale(1.1);

}

#main-images .img-right figure figcaption {
    position:absolute;
    color:#fff;
    font-size:.14rem;
    letter-spacing:.01rem;
    margin:1.7rem 0 .15rem .15rem;
}

#main-images .btn{
    width:6rem;
    height:.3rem;
    margin:0 auto;
}

#main-images .btn ul{
    margin:0 0 0 2.6rem;
    background:green;
}

#main-images .btn ul li{
    float:left;
    color:#666;
    font-size:.19rem;
    background:#666;
    border-radius:50%;
    width:.12rem;
    height:.12rem;
    margin:.1rem .1rem;
}
#main-images .btn ul li.btnActive{
    width:.45rem;
    margin-top:.13rem;
    height:.07rem;
    border-radius:.05rem;
    background:#f60;

}

#main-images .arrow{
    width:9.8rem;
    display:none;
    top:1.7rem;
    position:absolute;
}

#main-images .arrow .prev{
    left:0;
}

#main-images .arrow .next{
    right:0;
}

#main-images .arrow a{
    display:block;
    width:0.2rem;
    height:0.38rem;
    padding-top:0.1rem;
    text-decoration:none;
    position:absolute;
    background:rgba(0,0,0,0.4);
}
#main-images .arrow i{
    display:block;
    font-size:0.28rem;
    color:#fff;
}


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

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


#container .scenery figure{
	width:6.8rem;
    height:4.53rem;
    position:relative;
}

#container figure .notes{
    position:absolute;
    width:0.25rem;
    text-align:center;
    height:0.7rem;
    padding-top:0.1rem;
    background-image:url(../img/notes.png) ;
    color:#fff;
    font-size:0.16rem;
    left:0.2rem;
    z-index: 999;
}


#container .scenery figure .fig_img{
    width:6.8rem;
    height:3.5rem;
    overflow:hidden;
    margin-bottom:0.07rem;
}


#container .scenery figure img{
	width:6.8rem;
    height:3.5rem;
}


#container .scenery figure{
	border:0.01rem solid #ddd;
	padding:0.06rem;
	margin:0.15rem 0.05rem 0.15rem 0rem;
	text-align:left;
}


#container .scenery figure:hover img{
    transform:scale(1.1);
}

#container .scenery figure figcaption{
    color:#666;
    text-indent:0.30rem;
    text-align:left;
    padding:0.1rem;
    line-height: 1.6;
    font-size:0.16rem;
    background:#eee;
    width:6.6rem;
}

#container .scenery figure figcaption:hover{
    color:#f60;
}



#container .box a.trea1{
	background:#eee url(../img/trea1.png) no-repeat 0.10rem center;
}

#container .box a.trea2{
	background:#eee url(../img/trea2.png) no-repeat 0.10rem center;
}

#container .box a.trea3{
	background:#eee url(../img/trea3.png) no-repeat 0.10rem center;
}

#container .box a.trea4{
	background:#eee url(../img/trea4.png) no-repeat 0.10rem center;
}


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

#container .scenery 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;
}
	
#container .scenery .information{
    padding-bottom:0.06rem;
    margin-top:0.12rem;
	font-size:0.16rem;
    margin-left:-0.05rem;
    color:#666;
    width:5.82rem;
    letter-spacing:0.01rem;
    border-bottom:0.01rem solid #ccc;
    display:inline-block;
}

#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:3rem 8rem;
}

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


#container .tour{
	width:9.08rem;
	padding:0;
	border:0.01rem solid #eee;
	position:relative;
	margin:0 0 0.20rem 0;
}

#container .tour hgroup{
	width:3rem;
}

#container .tour img{
	float:left;
}

#container .tour h2{
	font-size:0.24rem;
	font-weight:normal;
	color:#333;
	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 ol{
	padding:0 0 0.20rem 0.25rem;
	line-height:2;
	color:#666;
}

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


#container .tour .buy{
	position:absolute;
	top:0.55rem;
	right: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;
	position:absolute;
	top:0;
	left:0;
	background-color:#59b200;
	color:#fff;
	line-height:0.25rem;
	text-align:center;
	font-size:0.14rem;
}



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

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

#container .tour footer{
	width:5.28rem;
	height:0.30rem;
	background: #fafafa;
	position:absolute;
	right:0;
	text-indent:0.25rem;
	bottom:0;
	letter-spacing:0.01rem;
	line-height:0.30rem;
}

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

#container .scenery h2{
	display:inline;
	font-weight:normal;
}
	
#container .scenery span{
	font-size:0.16rem;
}

#container .scenery figcaption{
	text-align:center;
	padding:0.05rem 0;
}

.advert{
    width:9.8rem;
    margin:0.15rem auto;
}

.advert img{
    width:100%;
}


@media (min-width:980px){

}


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

    #main-images .img-right .hide_two{
        display: none;
    }
    #main-images .img-right {
        float:right;
        width:2.2rem;
    }
    #main-images .img-left{
        width:7.6rem;
    }

    #main-images .img-left img{
        width:7.6rem;
    }


    #container .sidebar{
        display:none;
    }

    #container .list {
        width:9.8rem;
    }
    #container .scenery .information {
        width:8.6rem;
    }

    #container .scenery figure{
        width:9.8rem;
        height:6.8rem;
    }

    #container .scenery figure .fig_img{
        width:9.8rem;
        height:5.5rem;
        overflow:hidden;
        margin-bottom:0.07rem;
    }

    #container .scenery figure img{
        width:9.8rem;
        height:5.5rem;
    }

    #container .scenery figure figcaption{
        width:9.6rem;
        height:1rem;
        font-size:0.22rem;
    }

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


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

    #main-images .img-right {
        display: none;
    }

    #main-images .img-left {
        width: 9.8rem;
        height: 4rem;
    }

    #main-images .img-left img {
        width: 9.8rem;
    }

    #container .scenery figure{
        width:9.8rem;
        height:7rem;
    }

    #container .scenery figure figcaption{
        height:1.2rem;
        font-size:0.24rem;
    }

}