#category_box .o_category .o_class .ico, #category_box .o_category .o_class .more, #ads .ico_hot, #area_2 .caption .ico, .area_ticket .container .list .o_list .o_ticket .image .discount, .area_raiders .caption .ico{background-image:url(../../../template/cnwxly/images/ico_resource_index.png); background-repeat:no-repeat} #area_1{width:1200px; height:330px; margin:0 auto} #category_box{width:230px; height:330px; background-color:#FFF; position:absolute; box-shadow:3px 3px 3px rgba(0,0,0,0.3)} #category_box .o_category{height:54px; border:1px solid #ececec; border-top:none; z-index:1000; position:relative; background-color:#FFF} #category_box .o_category.selected{border-right:1px solid #FFF; z-index:1001} #category_box .o_category .o_class{width:212px; height:26px; line-height:26px; margin:0 auto; padding-top:4px} #category_box .o_category .o_class .text{width:200px; font-size:14px} #category_box .o_category .o_class .ico{width:30px; height:26px; margin-right:6px} #category_box .o_category .o_class .ico.tourism{background-position:0 -2px} #category_box .o_category .o_class .ico.ticket{background-position:-30px -2px} #category_box .o_category .o_class .ico.visa{background-position:-60px -2px} #category_box .o_category .o_class .ico.car{background-position:-90px -2px} #category_box .o_category .o_class .text a{color:#4d4d4d} #category_box .o_category .o_class .more{width:10px; height:30px; background-position:-120px 8px} #category_box .o_category .o_sub_class{width:212px; height:14px; line-height:14px; margin:0 auto} #category_box .o_category .o_sub_class a{color:#969696} .category_list{width:969px; border:1px solid #ececec; background-color:#FFF; position:absolute; z-index:1000; box-shadow:3px 3px 3px rgba(0,0,0,0.3); display:none} .category_list .wrapper{margin:0 10px} .category_list .wrapper .ltaist{width:669px} .category_list .wrapper .list .o_list{line-height:28px; border-bottom:1px dotted #cccccc} .category_list .wrapper .list .o_list.no_line{border-bottom:none} .category_list .wrapper .list .o_list .o_list_left{width:160px; height:28px} .category_list .wrapper .list .o_list .o_list_right{width:500px} .category_list .wrapper .list .o_list .o_list_left a{color:#4d4d4d} .category_list .wrapper .list .o_list .o_list_right .divider{padding:0 10px; color:#cccccc} .category_list .wrapper .list .o_list .o_list_right a{color:#4d4d4d; white-space:nowrap} .category_list .wrapper .list .o_list .o_list_right a:hover{color:#66bb00} .category_list .wrapper .sidebar{width:270px; padding-bottom:10px} .category_list .wrapper .sidebar .o_item{width:270px; height:170px; position:relative; margin-top:10px} .category_list .wrapper .sidebar .o_item .image{position:absolute; z-index:0} .category_list .wrapper .sidebar .o_item .title_mask{position:absolute; z-index:1; background-color:#000; width:270px; height:50px; bottom:0; opacity:0.7} .category_list .wrapper .sidebar .o_item .title{position:absolute; z-index:2; width:260px; height:40px; bottom:0; left:5px; margin-bottom:6px; line-height:1.6; font-size:14px} .category_list .wrapper .sidebar .o_item .title a{color:#FFF} .category_list .wrapper .sidebar .o_item .subtitle{font-size:12px; color:#74d302} #wheelpic{width:750px; height:330px; margin-left:230px} #ads{width:220px; height:330px} #ads #search{height: 220px; height: 251px; background-color: #FFFFFF; overflow: hidden} #ads .o_ad_1{width:220px; height:79px} #search #search_box{width:200px; height:40px; background-color:#efefef; margin: 0 auto; margin-top:10px} #search .search_hot{width:200px; margin: 0 auto; margin-top:20px} #search .search_hot a{color:#848484; margin-right:12px} #search #search_key{border:1px solid #d5d5d5; width:164px; height:34px; line-height:34px; margin-top:2px; margin-left:2px; text-indent:8px} #search #search_btn{width:30px; height:36px; border:none; cursor:pointer; margin-top:2px; background-color:#ff6c00; background-position:-24px -30px} #search .search_noinput{color:#999999} #area_2{width:1200px; height:330px; margin:0 auto; margin-top:20px; clear:both} #area_2 .caption{height:46px; line-height:46px; border-bottom:2px solid #66bb00} #area_2 .caption .ico{background-position:-131px 0; width:38px; height:46px} #area_2 .caption .title{font-size:20px; color:#525252; margin-left:4px; width:190px; height:46px} #area_2 .caption .tab{width:968px; height:28px; line-height:28px; margin-top:18px} #area_2 .caption .tab .o_tab{font-size:14px} #area_2 .caption .tab .o_tab a{color:#525252; display:block; padding:0 30px} #area_2 .caption .tab .o_tab.selected a{background-color:#66bb00; color:#FFF} #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:744px; 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 .more{width:200px; height:42px; line-height:60px} .area_tourism .container{position:relative; width:1200px; height:702px} .area_tourism .container .ads{position:absolute; left:0; top:0; width:200px; height:702px} .area_tourism .container .ads .o_ad_2{width:200px; height:702px} .area_tourism .container .list{position:absolute; left:200px; top:0; width:1000px; height:702px} .area_tourism .container .list .o_list{width: 488px; border: 1px solid #d6d6d6; background-color:#FFFFFF; margin-top: 10px; margin-left: 10px} .area_tourism .container .list .o_list .caption{height:30px; line-height:30px; background-color: #66bb00; padding: 0 10px} .area_tourism .container .list .o_list .caption .title{font-size:14px; width:360px; height:30px; font-weight: bold} .area_tourism .container .list .o_list .caption a{color:#FFF} .area_tourism .container .list .o_list .caption .more{width:70px; height:30px; line-height:30px; font-size:14px; } .area_tourism .container .list .o_list .tourism_list .o_tourism{width: 478px; margin: 0 auto; height: 24px; line-height: 24px} .area_tourism .container .list .o_list .tourism_list .o_tourism .tourism_title{width: 406px; height: 24px; line-height: 24px; font-size: 14px} .area_tourism .container .list .o_list .tourism_list .o_tourism .tourism_basicprice{width: 70px; font-size: 14px} .area_tourism .container .list .o_list .tourism_list .o_tourism .amount{color: #ff6c00} .area_tourism .container .list .o_list.style_1{height: 222px} .area_tourism .container .list .o_list.style_2{height: 690px} .o_bannerpicforhome{width: 1200px; height: 100px; margin: 0 auto; margin-top: 10px} .area_ticket{width:1200px; height:244px; margin:0 auto; margin-top:20px; clear:both} .area_ticket .caption{height:42px; line-height:42px; border-bottom:2px solid #66bb00} .area_ticket .caption .title{font-size:20px; width:200px; height:42px} .area_ticket .caption .title a{color:#525252} .area_ticket .caption .tab{width:780px; height:28px; line-height:28px; margin-top:14px} .area_ticket .caption .tab .o_tab a{color:#525252; display:block; padding:0 16px} .area_ticket .caption .tab .o_tab.selected a{background-color:#66bb00; color:#FFF} .area_ticket .caption .more{width:200px; height:42px; line-height:60px} .area_ticket .container{position:relative; width:1200px; height:200px} .area_ticket .container .ads{position:absolute; left:0; top:0; width:200px; height:200px} .area_ticket .container .ads .o_ad_4{width:200px; height:200px} .area_ticket .container .list{position:absolute; left:200px; top:0; width:1000px; height:200px} .area_ticket .container .list .o_list{width:1000px; height:200px; display:none} .area_ticket .container .list .o_list.selected{display:block} .area_ticket .container .list .o_list .o_ticket{width:188px; height:188px; background-color:#FFF; margin-top:10px; margin-left:10px; border:1px solid #d6d6d6} .area_ticket .container .list .o_list .o_ticket .image{width:188px; height:120px; position:relative} .area_ticket .container .list .o_list .o_ticket .image img{position:absolute; left:0; top:0; z-index:0} .area_ticket .container .list .o_list .o_ticket .image .discount{position:absolute; right:0; top:8px; z-index:1; width:54px; height:20px; color:#FFF; background-position:-75px -30px} .area_ticket .container .list .o_list .o_ticket .title{width:178px; height:40px; line-height:1.6; margin:0 auto; margin-top:4px} .area_ticket .container .list .o_list .o_ticket .title a{color:#2d2d2d} .area_ticket .container .list .o_list .o_ticket .subtitle{color:#509200} .area_ticket .container .list .o_list .o_ticket .other{width:178px; height:24px; line-height:24px; margin:0 auto; position:relative} .area_ticket .container .list .o_list .o_ticket .price{position:absolute; left:0; top:0; width:178px; color:#6a6a6a} .area_visa{width:1200px; height:160px; margin:0 auto; margin-top:20px; clear:both} .area_visa .caption{height:42px; line-height:42px; border-bottom:2px solid #66bb00} .area_visa .caption .title{font-size:20px; width:200px; height:42px} .area_visa .caption .title a{color:#525252} .area_visa .caption .tab{width:780px; height:28px; line-height:28px; margin-top:14px; font-size: 14px} .area_visa .caption .tab .o_tab a{color:#525252; display:block; padding:0 16px} .area_visa .caption .tab .o_tab.selected a{background-color:#66bb00; color:#FFF} .area_visa .caption .more{width:200px; height:42px; line-height:60px; font-size: 14px} .area_visa .container{position:relative; width:1200px; height:116px} .area_visa .container .list{position:absolute; left:0; top:0; width:1200px; height:116px} .area_visa .container .list .o_list{width:1200px; height:116px; display:none} .area_visa .container .list .o_list.selected{display:block} .area_visa .container .list .o_list .o_visa{width:293px; height:49px; background-color:#FFF; margin-top:8px; margin-right:8px; position:relative; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6} .area_visa .container .list .o_list .o_visa.no-margin-right{margin-right:0} .area_visa .container .list .o_list .o_visa .image{width:68px; height:38px; border:1px solid #e5e5e5; position:absolute; left:5px; top:5px; border-radius:5px} .area_visa .container .list .o_list .o_visa .image img{border-radius:5px} .area_visa .container .list .o_list .o_visa .title{width:210px; height:22px; line-height:22px; font-size:14px; position:absolute; left:80px; top:3px} .area_visa .container .list .o_list .o_visa .title a{color:#2d2d2d} .area_visa .container .list .o_list .o_visa .subtitle{color:#509200; font-size:12px} .area_visa .container .list .o_list .o_visa .price{width:210px; height:20px; line-height:20px; color:#6a6a6a; position:absolute; left:80px; top:28px} .area_raiders{width:1200px; height:358px; margin:0 auto; margin-top:20px; clear:both} .area_raiders .caption{height:46px; line-height:46px; border-bottom:2px solid #66bb00} .area_raiders .caption .ico{background-position:-131px -46px; width:38px; height:46px} .area_raiders .caption .title{font-size:20px; width:200px; height:46px; margin-left:4px} .area_raiders .caption .title a{color:#525252} .area_raiders .caption .tab{width:738px; height:28px; line-height:28px; margin-top:18px} .area_raiders .caption .tab .o_tab a{color:#525252; display:block; padding:0 16px} .area_raiders .caption .tab .o_tab.selected a{background-color:#66bb00; color:#FFF} .area_raiders .caption .more{width:200px; height:42px; line-height:60px} .area_raiders .container{width:1200px; height:310px} .area_raiders .container .list{width:1200px; height:310px} .area_raiders .container .list .o_list{width:1200px; height:310px; display:none; position:relative} .area_raiders .container .list .o_list.selected{display:block} .area_raiders .container .list .o_list .latest{position:absolute; left:0; top:0; background-color:#FFF; width:670px; height:300px; margin-top:10px} .area_raiders .container .list .o_list .latest .image{width:440px; height:310px} .area_raiders .container .list .o_list .latest .other{width:230px; height:310px} .area_raiders .container .list .o_list .latest .other .title{font-size:20px; width:214px; height:54px; line-height:1.4; margin:0 auto; margin-top:6px} .area_raiders .container .list .o_list .latest .other .views{color:#b7b7b7; width:214px; height:16px; line-height:16px; margin:0 auto; margin-top:10px} .area_raiders .container .list .o_list .latest .other .content{color:#6e6e6e; width:214px; height:170px; line-height:1.6; margin:0 auto; margin-top:14px} .area_raiders .container .list .o_list .latest .other .more{color:#b7b7b7; width:214px; height:16px; line-height:16px; margin:0 auto; margin-top:4px} .area_raiders .container .list .o_list .grid{position:absolute; right:0; top:0; width:530px; height:300px} .area_raiders .container .list .o_list .grid .o_raiders{width:255px; height:145px; margin-left:10px; margin-top:10px; position:relative; transition:All 0.4s ease-in-out} .area_raiders .container .list .o_list .grid .o_raiders:hover{transform:scale(1.1)} .area_raiders .container .list .o_list .grid .o_raiders img{position:absolute; left:0; top:0; z-index:0} .area_raiders .container .list .o_list .grid .o_raiders .title_mask{position:absolute; left:0; bottom:0; z-index:1; width:255px; height:28px; background-color:#000; opacity:0.7} .area_raiders .container .list .o_list .grid .o_raiders .title{position:absolute; bottom:0; left:5px; z-index:2; width:245px; height:28px; line-height:28px; color:#FFF}