#breadcrumb_nav{width:1200px; height:36px; line-height:36px; color:#929292; margin:0 auto} #breadcrumb_nav a{color:#488400} #area_1{width:1200px; height:300px; margin:0 auto} #category_box{width:226px; height:299px; border-top:1px solid #ececec; background-color:#FFF; border-left:4px solid #66bb00; position:relative} #category_box .o_category{position:absolute; left:0; width:226px; height:60px} #category_box .o_category.category_day{top:10px} #category_box .o_category .caption{width:80px; height:24px; line-height:24px; background-color:#66bb00; font-size:14px; color:#FFF; text-indent:10px} #category_box .o_category .option{width:206px; margin:0 auto} #category_box .o_category .option .o_option{margin-top:5px} #category_box .o_category.category_day .option .o_option{margin-right:8px} #category_box .o_category.category_price{top:70px} #category_box .o_category.category_price .option .o_option{margin-right:30px} #category_box .o_category.category_class{top:150px} #category_box .o_category.category_class .option .o_option{margin-right:8px} #category_box .more{position:absolute; left:0; bottom:0; width:226px; height:26px; line-height:26px; background-color:#66bb00} #category_box .more a{color:#FFF; display:block; width:226px; height:26px} #wheelpic{width:750px; height:300px} #customize{width:220px; height:300px} #customize a{display:block; width:220px; height:300px; background:url(../../../template/cnwxly/images/bg_customize.gif) no-repeat; transition:All 0.4s ease-in-out; z-index:101} #customize a:hover{transform:scale(1.1)} #area_2{width:1200px; height:334px; margin:0 auto; margin-top:20px; clear:both} #area_2 .caption{height:50px; line-height:50px; border-bottom:2px solid #66bb00} #area_2 .caption .tab{height:50px} #area_2 .caption .tab .o_tab a{color:#525252; font-size:14px; display:block; padding:0 25px} #area_2 .caption .tab .o_tab.selected a{font-size:22px; color:#66bb00; background:url(../../../template/cnwxly/images/ico_o_tab_arrow.png) no-repeat bottom center} #area_2 .list{height:282px; width:1200px} #area_2 .list .o_list{width:1200px; height:282px; display:none} #area_2 .list .o_list.selected{display:block} #area_2 .list .o_list .o_tourism{width:294px; height:270px; background-color:#FFF; margin-top:8px; margin-right:8px} #area_2 .list .o_list .o_tourism.no-margin-right{margin-right:0} #area_2 .list .o_list .o_tourism .image{width:294px; height:190px} #area_2 .list .o_list .o_tourism .title{width:284px; height:44px; font-size:14px; line-height:1.6; margin:0 auto; margin-top:4px} #area_2 .list .o_list .o_tourism .title a{color:#2d2d2d} #area_2 .list .o_list .o_tourism .subtitle{font-size:12px; color:#509200} #area_2 .list .o_list .o_tourism .other{width:284px; height:24px; line-height:24px; margin:0 auto; margin-top:2px; position:relative} #area_2 .list .o_list .o_tourism .tourdate{color:#8f8f8f; position:absolute; left:0; top:0; width:180px} #area_2 .list .o_list .o_tourism .price{position:absolute; right:0; top:0; width:100px; color:#6a6a6a} .area_tourism{width:1200px; height:510px; margin:0 auto; margin-top:20px; clear:both} .area_tourism .caption{height:42px; line-height:42px; border-bottom:2px solid #66bb00} .area_tourism .caption .title{font-size:20px; width:200px; height:42px} .area_tourism .caption .title a{color:#525252} .area_tourism .caption .tab{width:780px; height:28px; line-height:28px; margin-top:14px; font-size:14px} .area_tourism .caption .tab .o_tab a{display:block; padding:0 16px} .area_tourism .caption .more{width:200px; height:42px; line-height:60px} .area_tourism .container{position:relative; width:1200px; height:466px} .area_tourism .container .latest{position:absolute; left:0; top:9px; width:398px; height:455px; border:1px solid #d6d6d6; background-color:#FFF} .area_tourism .container .latest .image{width:398px; height:280px} .area_tourism .container .latest .title{width:378px; height:44px; line-height:1.6; margin:0 auto; margin-top:4px; font-size:14px} .area_tourism .container .latest .subtitle{width:378px; height:40px; line-height:1.6; margin:0 auto; margin-top:5px; color:#808080} .area_tourism .container .latest .views{width:378px; height:20px; line-height:1.6; margin:0 auto; margin-top:5px; color:#808080} .area_tourism .container .latest .tourdate{width:378px; height:20px; line-height:1.6; margin:0 auto; margin-top:5px} .area_tourism .container .latest .other{width:378px; height:20px; line-height:1.6; margin:0 auto; margin-top:5px; color:#808080} .area_tourism .container .latest .other .traveldays{width:260px; height:20px} .area_tourism .container .latest .other .price{width:110px; height:20px; line-height:14px} .area_tourism .container .list{position:absolute; left:400px; top:0; width:523px; height:455px} .area_tourism .container .list .o_tourism{width:246px; height:222px; background-color:#FFF; margin-top:9px; margin-left:9px; border:1px solid #d6d6d6} .area_tourism .container .list .o_tourism .image{width:246px; height:150px; position:relative} .area_tourism .container .list .o_tourism .image img{position:absolute; left:0; top:0; z-index:0} .area_tourism .container .list .o_tourism .image .tourdate_mask{position:absolute; left:0; bottom:0; z-index:1; width:246px; height:26px; background-color:#000; opacity:0.7} .area_tourism .container .list .o_tourism .image .tourdate{position:absolute; left:6px; bottom:0; z-index:2; width:150px; height:26px; line-height:26px; color:#FFF} .area_tourism .container .list .o_tourism .image .tourdate_more{position:absolute; right:6px; bottom:0; z-index:2; width:50px; height:26px; line-height:26px} .area_tourism .container .list .o_tourism .image .tourdate_more a{color:#FFF; text-decoration:underline} .area_tourism .container .list .o_tourism .title{width:236px; height:40px; line-height:1.6; margin:0 auto; margin-top:4px} .area_tourism .container .list .o_tourism .title a{color:#2d2d2d} .area_tourism .container .list .o_tourism .subtitle{color:#509200} .area_tourism .container .list .o_tourism .other{width:236px; height:24px; line-height:24px; margin:0 auto; margin-top:2px; position:relative} .area_tourism .container .list .o_tourism .price{position:absolute; left:0; top:0; width:100px; color:#6a6a6a} .area_tourism .container .list .o_tourism .traveldays{color:#8f8f8f; position:absolute; right:0; top:0; width:136px} .area_tourism .container .sidebar{position:absolute; right:0; top:9px; width:277px; height:457px} .area_tourism .container .sidebar .o_tourism{width:277px; height:51px; margin-bottom:7px; background-color:#e2e2e2} .area_tourism .container .sidebar .o_tourism .title{width:257px; height:25px; line-height:30px; margin:0 auto} .area_tourism .container .sidebar .o_tourism .price{width:257px; height:26px; line-height:25px; margin:0 auto; color:#6a6a6a} .area_tourism .container .sidebar .o_tourism .subtitle{color:#509200}