input, input:focus, button, button:focus, select, textarea, textarea:focus, select:focus { outline: none; } input {display: inline-block;vertical-align: middle;} select {font-family: "microsoft yahei", "微软雅黑";} textarea {resize: none;font-family: "microsoft yahei", "微软雅黑";} input::-ms-clear {display: none;} a {color: #333;text-decoration: none;font-family: "microsoft yahei", "微软雅黑";} a:hover {text-decoration: none;} a:focus {outline: none;-moz-outline: none;-webkit-outline: none;} .img_bord {border:1px solid #ccc;} .wrap{word-break:break-all;} .wrap{width: auto; clear: both;} .fontfamily {font-family:arial;} .arrow, .arrow-mod { display: inline-block; font-family: simsun; overflow: hidden; position: absolute;} .arrow em, .arrow i, .arrow-mod em, .arrow-mod i { position: absolute;} /********** 通用顶部 top **********/ /* 首页下划线滑动菜单*/ #navcontainer {width:800px;float:left; } #navlist {margin: 0;} #navlist ul, #navlist li {font-size:16px;margin: 0;padding: 0; display: inline;list-style-type: none;} #navlist li a:link, #navlist li a:visited {float: left;line-height:25px; margin:15px 10px 4px 10px; text-decoration: none;color: #666; z-index: 200;} #navlist li a:link#current, #navlist li a:visited#current, #navlist li a:hover {border-bottom:3px solid #ff6600;padding-bottom:17px;background: transparent;color: #ff6600;opacity:1; } #navlist li a:hover {color: #ff6600;-webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} /*首页头部主菜单*/ .header{width: 100%;height:70px;background-color: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .15); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .15); box-shadow: 1px 1px 3px rgba(0, 0, 0, .15); border-bottom: 1px solid #ccc\9; position: relative;} .header .head {padding:10px 0;width: 1200px; z-index:10; margin:0 auto; display: block;} .header .head .logo{width: 150px;height:50px;float: left; background: url(/uploads/image/pskimages/logo.png) no-repeat; display: block; text-indent: -999px;} .header .head .topuserinfo{float: right;height:50px; line-height:58px; color: #666; display: block;} .header .head .topuserinfo a{color: #666;} .header .head .topuserinfo .logininfo li{height: 22px;line-height: 22px;} .header .head .topuserinfo .logininfo li a{color:#0099d9} /*内页头部主菜单*/ #navcontainer_top {width:800px;float:left; font-family: "微软雅黑"} #navlist_top {margin: 0;} #navlist_top ul, #navlist_top li {font-size:16px;margin: 0;padding: 0; display: inline;list-style-type: none;} #navlist_top li a:link, #navlist_top li a:visited {float: left;line-height:25px; margin:15px 10px 4px 10px; text-decoration: none;color: #fff; z-index: 200;} #navlist_top li a:link#current, #navlist_top li a:visited#current, #navlist_top li a:hover {border-bottom:3px solid #fb9807;padding-bottom:17px;background: transparent;color: #fec005;opacity:1; } #navlist_top li a:hover {color: #fec005;-webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} .header_top{width: 100%;height:70px;background-color: #0073c6; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .15); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .15); box-shadow: 1px 1px 3px rgba(0, 0, 0, .15); border-bottom: 1px solid #ccc\9; position: relative;} .header_top .head {padding:10px 0;width: 1200px; z-index:10; margin:0 auto;} .header_top .head .logo{width: 150px;height:50px;float: left; background: url(/uploads/image/pskimages/logo_line.png) no-repeat; display: block; text-indent: -999px;} .header_top .head .topuserinfo{float: right;height:50px; line-height:58px; color: #fff; display: block;} .header_top .head .topuserinfo a{color: #fff;} .header_top .head .menunav { width:800px; float:left; display:inline-block; height:50px;line-height:50px; position:relative;} .header_top .head .menunav li { display:inline-block; width:60px; float:left; text-align:center; font-size:16px;} .header_top .head .menunav li a { color:#fff; display:block; line-height:60px;} .header_top .head .menunav li a:hover {color: #fec005;text-decoration:none;} .header_top .head .menunav li.on a {color:#fec005} .header_top .head .menunav li.navcurrentshadow {width:60px;background:#fb9807;float:left; height:5px; overflow:hidden; position:absolute; top:56px; left:0px; margin:0;} /*首页banner*/ .custom>p{height: 0;margin: 0;} .slide .custom{float: left; width: 100%; min-width:1200px;height: 540px; background-repeat: no-repeat; background-position: center;} .banner_in{ width:100%; min-width:1200px; height:538px;} .fullslide {width:100%;position:relative;height:538px;} .fullslide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullslide .bd ul {width:100% !important;} .fullslide .bd li {width:100% !important;height:538px;overflow:hidden;text-align:center;} .fullslide .bd li a {} .fullslide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;} .fullslide .hd ul {text-align:center;} .fullslide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;} .fullslide .hd ul .on {background:#007bc4} .fullslide .prev,.fullslide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullslide .next {left:auto;right:15%;background-position:-6px -137px;} .slide h1{height:40px; line-height:40px;margin-top:70px;left:-50%;text-align:center;display:block;font-size:40px;color: #fff;} .slide h4{height:24px;margin-top:40px;left:-50%;text-align:center;display:block;font-size: 24px;margin-bottom: 30px;color: #fff;animation-delay: 0.05s;-moz-animation-delay: 0.05s; /* firefox 4 */-webkit-animation-delay: 0.05s; /* safari 和 chrome */-o-animation-delay: 0.05s;} .slide .banner2-btn{ height:40px; left:-50%;text-align:center; animation-delay: 0.1s;-moz-animation-delay: 0.1s; /* firefox 4 */-webkit-animation-delay: 0.1s; /* safari 和 chrome */-o-animation-delay: 0.1s;} .slide small{ color:#fff;height:20px;margin-top:10px;left:-50%;text-align:center;display:block;font-size: 14px;animation-delay: 0.15s;-moz-animation-delay: 0.15s; /* firefox 4 */-webkit-animation-delay: 0.15s; /* safari 和 chrome */-o-animation-delay: 0.15s;} .slide_01 h1{height:30px;margin-top:50px} .prev,.next{width:60px;height:100px;background:url(/uploads/image/pskimages/slider-arrow.png) -126px -137px no-repeat;display:block;position:absolute;z-index:222;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;} .prev:hover,.next:hover{opacity:0.9;-moz-opacity:0.9; filter:alpha(opacity=90);} .prev{top:235px;left: -60px;} .next{top:235px;left:615px;background-position:-6px -137px;} .dark{font-weight: normal;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);} /*首页banner*/ .custom2>p{height: 0;margin: 0;} .slide2 .custom2{float: left; width: 100%; min-width:1200px;height: 400px; background-repeat: no-repeat; background-position: center;} .banner_in2{ width:100%; min-width:1200px; height:400px;} .fullslide2 {width:100%;position:relative;height:400px;} .fullslide2 .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullslide2 .bd ul {width:100% !important;} .fullslide2 .bd li {width:100% !important;height:400px;overflow:hidden;text-align:center;} .fullslide2 .bd li a {} .fullslide2 .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;} .fullslide2 .hd ul {text-align:center;} .fullslide2 .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;} .fullslide2 .hd ul .on {background:#007bc4} .fullslide2 .prev2,.fullslide2 .next2 {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullslide2 .next2 {left:auto;right:15%;background-position:-6px -137px;} .slide2 h1{height:40px; line-height:40px;margin-top:70px;left:-50%;text-align:center;display:block;font-size:40px;color: #fff;} .slide2 h4{height:24px;margin-top:40px;left:-50%;text-align:center;display:block;font-size: 24px;margin-bottom: 30px;color: #fff;animation-delay: 0.05s;-moz-animation-delay: 0.05s; /* firefox 4 */-webkit-animation-delay: 0.05s; /* safari 和 chrome */-o-animation-delay: 0.05s;} .slide2 .banner2-btn2{ height:40px; left:-50%;text-align:center; animation-delay: 0.1s;-moz-animation-delay: 0.1s; /* firefox 4 */-webkit-animation-delay: 0.1s; /* safari 和 chrome */-o-animation-delay: 0.1s;} .slide2 small{ color:#fff;height:20px;margin-top:10px;left:-50%;text-align:center;display:block;font-size: 14px;animation-delay: 0.15s;-moz-animation-delay: 0.15s; /* firefox 4 */-webkit-animation-delay: 0.15s; /* safari 和 chrome */-o-animation-delay: 0.15s;} .slide_012 h1{height:30px;margin-top:50px} .prev2,.next2{width:60px;height:100px;background:url(/uploads/image/pskimages/slider-arrow.png) -126px -137px no-repeat;display:block;position:absolute;z-index:222;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;} .prev2:hover,.next2:hover{opacity:0.9;-moz-opacity:0.9; filter:alpha(opacity=90);} .prev2{top:235px;left: -60px;} .next2{top:235px;left:615px;background-position:-6px -137px;} .dark2{font-weight: normal;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);} /*banner搜索框*/ .search-container2 {bottom:180px; width:830px;z-index: 5; margin: 0 auto; position: relative; } .search_input[type="radio"]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;-webkit-appearance:none; display: none;} .search-container {bottom:210px; width:830px;z-index: 5; margin: 0 auto; position: relative; } .search-group { height:100px; background-color: rgba(0, 0, 0, 0.6); border-radius:8px; padding:20px 30px;box-shadow: 0 0 20px 3px #2864c8;} .searchtab {color: #fff;font-size: 14px;line-height: 26px;margin-bottom: 7px;} .searchtab li {cursor: pointer; display: inline; float: left; margin-right: 30px;} .searchtab li label{cursor: pointer; display:block; float: left;} .searchtab i {background-image: ; background-position: -60px -110px; float: left; height: 16px; margin: 5px 5px 0 0; width: 16px;} .searchtab .tab-selected i {background-position: -60px -140px;} .searchbar {height:46px;overflow: hidden;display:none;} .search-wrapper {float: left; width: 660px;} .search-group .search-input {height: 46px;overflow: hidden;} .search-group .search-input input {border: 0 none;border-radius: 4px;color: #666;font-size: 16px;height: 46px;line-height: 46px; margin: 0; padding: 0 21px; width:600px;} .search-group .search-button {float:left;height: 46px;line-height: 46px; margin-left:6px; width:90px; color: #ffffff;} .search-group .search-button a {background-color: #0072c6;border-radius: 4px;display: block; height: 46px; text-align: center; color: #ffffff; font-weight: bold; font-size: 18px; letter-spacing: 5px;} .search-group .search-button a:hover {background-color: #005ea4;} .search-group .icon-search {background-image: ; background-position: 0 -110px;display: inline-block;height: 24px; margin-top: 11px;overflow: hidden; vertical-align: top;width:24px;} .searchbar-hotel .search-input { float: left; width: 300px;} .searchbar-hotel .search-input input {border-radius: 4px 0 0 4px; width: 260px;} .search-group .search-date { background-color: #fff; color: #444; cursor: pointer; float: left; font-size: 14px; height: 46px; line-height: 46px; margin-left: 3px;position: relative;width: 170px;} .search-group .search-date:last-child {border-radius: 0 4px 4px 0; overflow: hidden;} .search-group .search-date span {display: block;} .search-group .search-date input {background-color: #fff;border: 0 none;color: #444;font-size: 14px;line-height: 42px;margin: 0; padding: 0 10px;width: 148px;} .search-group .search-inp {height: 46px;overflow: hidden;} .search-group .search-inp input {border: 0 none;border-radius: 4px;color: #666;font-size: 16px;height: 46px;line-height: 46px; margin: 0; padding: 0 21px; width:170px;} /* ---------------------------------- * 搜索框 * ---------------------------------- */ .se_btn,.i-ico,.nan-i,.nv-i,.sexi1,.sexi2,.city-biao,.i-tourico,.g-icon,.zkou-biao,.needbtn,.h-jpai,.h-xing,.sp_span,.review_span,.weib_icon,.in_date,.date-ico{ background-image:url(/uploads/image/pskimages/t_newtour_ico.png); background-repeat:no-repeat;} .search-group .po-bom{ width:800px; height:72px;position: relative;} .search-group .po-bom input{ height:42px; line-height:42px; border:1px solid #ddd; color:#666; font-family:"微软雅黑"; font-size:16px; padding-left:5px;margin-right:5px;border-radius: 3px;display: block;float: left;} .search-group .po-bom .text_w1{ width:250px; cursor:pointer;} .search-group .po-bom .text_w2{ width:162px;cursor:pointer;} .search-group .po-bom .text_w3{ width:200px;cursor:pointer; margin-right: -5px;} .search-group .po-bom .se_btn{ width:48px; height:42px; line-height:35px; color:#fff; text-align:center; font-size:16px; font-family:"微软雅黑"; background-position:-246px -70px; border:none; margin-top:5px; cursor:pointer;} .search-group .abs-info{ position: absolute;right:166px;top:13px;cursor: pointer;} .search-group .abs-info span{ font-size: 14px;display: inline-block;width: 35px;height: 23px;vertical-align: middle;color: #666;text-align: right;} .search-group .abs-info .date-ico{background-position: -261px -28px;display: inline-block;height: 23px;width: 23px;vertical-align: middle;margin-left: 6px;} #close_ico {background-position: -88px 0px;cursor: pointer;display: block;height: 16px;line-height:16px; width: 16px;background-image: ; background-repeat: no-repeat;right: 2px;top:6px;position:absolute;float: right;} .in_date{background-image: url(/uploads/image/pskimages/search-down-arrow.png);background-repeat: no-repeat; background-position:right center;} /*content*/ .bd-fluid{width:100%;background: #eeeeee; clear:both;} .bd-fluid-none{width:100%;background: #fff; clear:both;} #content {width:1200px;margin:0 auto 20px auto;} #content.spage-content {background:#fff;margin: 0;width:100%;} .main_content{ width:1200px; margin: 0 auto;margin-bottom:20px; clear:both;} .icon-common-part,.icon-common-top{background:url(/uploads/image/pskimages/icon-common-part.png) no-repeat;display:inline-block} .icon-common-main{background:url(/uploads/image/pskimages/icon-common-main.png) no-repeat;display:inline-block} .icon-common-bulky{background-image:;background-repeat:no-repeat} /*crumbs-nav*/ /*面包屑*/ .crumbs_nav {color:#666;font-size: 12px;padding:20px 0;} .crumbs_nav span.line {font-family:"宋体";color: #999;padding:0 5px;} .crumbs_nav.mb {margin-bottom:10px;} .crumbs_nav a {color:#666;} .crumbs_nav a.gray9 {color: #999;} .crumbs_nav a:hover {color:#fd3636;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(/uploads/image/pskimages/icon_all.png) no-repeat -670px -199px;width:73px;height:66px;} /* 首页线路tab */ .slidetxtbox{width:1200px; text-align:left;} .slidetxtbox .hd{ height:43px; line-height:43px; background:#f4f3f1;border:1px solid #cbcbcb;border-left:0px; position:relative; } .slidetxtbox .hd ul{ float:left; position:absolute;height:53px;font-size: 16px;} .slidetxtbox .hd ul li{border-left:1px solid #cbcbcb; width:148px;height:43px;float:left; cursor:pointer;text-align:center;} .slidetxtbox .hd ul li.on{border-left:0px; background:url(/uploads/image/pskimages/tab_index_on.png) no-repeat;width:156px;height:53px;text-align:center;} .slidetxtbox .bd ul{ padding-top:20px;width:1220px;} .slidetxtbox .bd li{ height:260px; margin-right: 13px; margin-bottom: 15px;} .topad_box{width: 1200px;height:114px;} .topad_box ul li{ float:left;width:400px;} .topad_box ul li img{border:1px #dcdcdc solid;width:400px;} .mod-box{ border: 1px solid #dcdcdc; border-bottom-color: #b0b0b0;} .mod-border{ border: 1px solid #dcdcdc;} .txt-vm .txt-wrap .txt{ cursor: pointer;} /* 首页线路tab2 */ .slidetxtbox2{width:1200px; text-align:left;} .slidetxtbox2 .hd{ height:43px; line-height:43px; background:#f4f3f1;border:1px solid #cbcbcb;border-left:0px; position:relative; } .slidetxtbox2 .hd ul{ float:left; position:absolute;height:53px;font-size: 16px;} .slidetxtbox2 .hd ul li{border-left:1px solid #cbcbcb; width:398px;height:43px;float:left; cursor:pointer;text-align:center;} .slidetxtbox2 .hd ul li.on{border-left:0px; background:url(/uploads/image/pskimages/tab2_index_on.png) repeat-x;width:400px;height:53px;text-align:center;} .slidetxtbox2 .bd ul{ padding-top:20px;padding-left:33px;width:auto;min-height:600px;height:100%; margin-bottom: 15px;padding-bottom:10px; background: #fff;} .slidetxtbox2 .bd li{width: 122px; height: 32px; text-align: center;font-size: 14px;line-height: 32px;display: inline-block;margin: 18px 16px 0 0;background:#f4f4f4;border: 1px #e2e2e2 solid;border-radius: 2px;word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */overflow:hidden;} .slidetxtbox2 .bd li:hover {color: #fff;background:#38b0e3;border: 1px #279ed1 solid; } .slidetxtbox2 .bd li a:hover {color: #fff;text-decoration: none; padding:24px 30px;} /* line-mod-list start */ .line-mod-list .line-mod-item{ float: left; width: 288px; overflow:hidden; position: relative;} .line-mod-list .line-mod-item a{ cursor: pointer; display: block; height: 100%; width: 100%; position: relative;} .line-mod-list .line-item{ height: 100%; width: 100%; position: absolute; top: 0; left: 0;} .line-mod-list .line-mod-item .mask{ background: #000; opacity: 0; filter: alpha(opacity=0); position: absolute; height: 100%; width: 100%; z-index: 0;transition:all ease 0.2s;} .line-mod-item:hover.line-item-hover .hd-txt{ width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .line-mod-item:hover.line-item-hover .line-info-fd{ border-top: 1px solid #f2f2f2; height: 28px; line-height: 28px;} .line-mod-list .line-item-hover .line-days{ width: 140px;} .line-mod-list .line-item-hover .line-days label{ color: #e5004f;} .line-mod-list .line-item-hover .all-days{ border-left: 1px solid #f2f2f2; width: 75px;} .line-mod-list .line-item-hover .all-days:hover{ color: #e5004f;} .line-mod-list .line-item-hover .icon-calendar{ background: 0 -504px no-repeat; display: inline-block; height: 11px; width: 12px;} .line-mod-list .on .line-item-hover, .line-mod-list a:hover .line-item-hover{ display: block;} /* line-mod-list end */ /* travel-sale start */ .travel-sale { width: 960px; } .main-mod-special{ height: 255px; overflow: hidden; position: relative;} .sale-line-list li{ height: 203px;} .sale-line-list li .tag-box{ position: absolute; top:9px; left:5px; z-index: 1;} .sale-line-list li .tag-box .tag-save{ background: #e5004f; padding: 3px 4px;} .sale-line-list li .line-item img{ height:202px; width: 100%;} .sale-line-hd{ background: #fff; height:40px; line-height:22px; padding:9px 5px;} .sale-line-hd .hd-txt{ width:195px;border-right: 1px #f2f2f2 solid; overflow: hidden;} .sale-line-hd p{height:40px;} .sale-line-hd .price{ width:81px; text-align:right;color:#e2094e;} .sale-line-hd .price span{color:#b3b3b3; font-size: 12px;font-weight:100;} .line-mod-item:hover .sale_mask{display: inline;position: absolute;right:0px;left:0px;bottom:-100px; height:100%;-webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition:all 0.3s;} .chang{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*遮罩*/ .sale_mask {position: absolute;bottom:-300px;left: 0px;text-align: left;background:#fff;z-index: 10;height: 100%;border-top: 1px solid #f2f2f2;line-height:22px;font-size: 14px;} .sale_mask p{padding-top:2px; padding-left: 10px; padding-right: 10px;} .sale_mask .line-info-fd .hd-txt{ width:170px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ccc;} .sale_mask .line-info-fd{ border-top: 1px #f2f2f2 dashed; height: 22px; line-height: 22px;padding-top:10px;} .item-btn {color:#fff; cursor:pointer;background:#e5004f; border-radius: 4px; display: inline-block; height: 26px; line-height: 26px; margin-top: -4px; padding: 0 15px;} .lineview-btn{height:35px;line-height:35px;background: #fff; text-align: center; font-size: 16px; border: 1px #cccccc solid;} /* travel-sale end */ .price{font-family:verdana} .price i{padding-right:1px} .price-mod .price{padding-right:1px} .price-mod .price .orange{color:#e5004f} .price-mod{color:#e5004f;}.price-old-mod{color:#999}.price-old-mod .price{text-decoration:line-through} /*精选特惠*/ .ft-home-area{width:1200px;height:590px;margin:0 auto} .ft-home-area .titlebar{height:52px;width:100%;position:relative} .ft-home-area .titlebar .title{padding-right:30px;padding-left:3px;font-size:22px;color:#323232;font-weight:500;line-height:36px;float:left} .ft-home-area .titlebar ul{display:block;height:52px;float:left} .ft-home-area .titlebar ul li{float:left;cursor:pointer;padding:0 10px;height:34px;line-height:34px;color:#636363;position:relative;background-color:rgba(33,192,158,0);margin-right:20px;font-size:16px} .ft-home-area .titlebar ul li:after{border:none} .ft-home-area .titlebar ul li.on{color:#fff;background-color:#0375bb} .ft-home-area .titlebar ul li.on:after{content:"";width:0;height:0;position:absolute;bottom:-15px;left:50%;margin-left:-8px;border-top:8px solid #0375bb;border-right:8px solid rgba(33,192,158,0);border-bottom:8px solid rgba(33,192,158,0);border-left:8px solid rgba(33,192,158,0)} .ft-home-area .titlebar .morelink{display:block;height:32px;line-height:32px;padding-right:3px;font-size:16px;color:#636363;position:absolute;right:0;top:0} .ft-home-area .titlebar .morelink:hover{text-decoration:none;color:#0375bb} .ft-home-area .contentbar ul{zoom:1;width:1220px;height:580px;display:block} .ft-home-area .contentbar li{width:285px;height:65px;border:1px solid #ececec;float:left;margin-right:18px;background-color:#fff;padding-top:192px;margin-bottom: 20px; overflow: hidden} .ft-home-area .contentbar li a{width:100%;height:100%;display:block;position:relative} .ft-home-area .contentbar li a img{display:block;position:absolute;top:-192px;width: 285px; height: 192px;} .ft-home-area .contentbar li a .mask{position:absolute;top:-36px;width:156px;padding:0 112px 0 17px;height:36px;line-height:36px;color:#fff;font-size:16px;overflow:hidden;background-color:rgba(0,0,0,.6)} .ft-home-area .contentbar li a .mask div{position:absolute;right:0;top:0;line-height:36px;font-size:12px;padding:0 14px;background-color:#000} .ft-home-area .contentbar li a .mask div em{font-size:24px; color: #ff6600;} .ft-home-area .contentbar li a .title{display:block;font-size:16px;line-height:25px;width:260px;height:50px;padding:10px 10px 0;color:#323232;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .ft-home-area .contentbar li a:hover{text-decoration:none} .ft-home-area .contentbar li:first-child{margin-left:0} .ft-home-area .contentbar li:hover{box-shadow:0 8px 10px rgba(0,0,0,.06)} .ft-home-area .contentbar li:hover a img{opacity:.7!important} /*banner切换广告*/ .focusbox{ margin:0 auto; position:relative; border:1px solid #eee; width:1200px; height:130px; padding:1px; background:#fff; overflow:hidden;} .focusbox .boxpage{ height:22px; position:absolute; z-index:1; bottom:10px; right:10px; overflow:hidden;} .focusbox .boxpage ul{float:right; overflow:hidden;} .focusbox .boxpage li{width:22px; height:22px; line-height:22px; text-align:center; background:#999; color:#fff; font-family:arial; float:left; margin:0 1px; display:inline;-webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; cursor:pointer;} .focusbox .boxpage li.on{ background:#c00; } .focusbox .box li{vertical-align:middle; } .focusbox .box li img{ width:1200px; height:130px; display:block; background:url(/uploads/image/pskimages/loading.gif) center center no-repeat; } /* 达人点评 start */ .expert-comment{ width:1200px; padding-top:20px;} .expert-comment .hd{height:36px;line-height:35px;} .expert-comment .hd h2{ font-family: "microsoft yahei"; font-size:22px;color:#323232;font-weight:500; float: left; margin-right: 15px; } .expert-comment .hd span{float: right;font-size:16px;color:#636363;} .expert-comment .hd a:hover{color:#0375bb;} .expert-comment .bd{ position:relative;} .expert-comment .prev,.expert-comment .next{ position: absolute; top:105px; left:-1px; display: block; width: 26px; height: 64px; background: url(/uploads/image/pskimages/slide_tigger.png) 0 -65px; z-index: 9; overflow: hidden; } .expert-comment .next{ left:auto; right:-1px; background-position: -26px -65px; } .expert-comment .prev:hover{ background-position:0 -130px; } .expert-comment .next:hover{ background-position:-26px -130px; } .expert-comment .prevstop{ background-position:0 -65px !important; } .expert-comment .nextstop{ background-position:-26px -65px !important; } .expert-comment ul{ overflow:hidden; zoom:1; } .expert-comment li{ width:280px; margin: 10px 24px 5px 0; position:relative; float:left; display:inline; background: #fff; border: 1px solid #dcdcdc;} .expert-comment li .pic {position:relative;display:block;overflow:hidden;margin-bottom:6px;} .expert-comment li .pic img {display:block;background:#ddd; width:280px; height:205px; } .expert-comment li .pic img {transition: all 0.5s; cursor: pointer;}/*图片过渡变化*/ .expert-comment li .pic img:hover {transform: scale(1.2);}/*鼠标移到图片放大1.2倍*/ .expert-comment .txt-bar{ height: 30px; width: 100%; position: absolute; bottom: 0; left: 0;} .expert-comment .txt-bar .mask{ background: #000; opacity:0.6; filter: alpha(opacity=60); height: 100%; width: 100%; position: absolute; top: 0; left: 0;} .expert-comment .txt-bar .txt-bar-cont{ height: 100%; line-height: 30px; position: relative;} .expert-comment .txt-bar .comment-hd{ padding-right: 65px;} .expert-comment a:hover .comment-hd{ color: #ff6600;} .expert-comment .txt-bar .comment-hd p{ text-overflow: ellipsis; width: 100%; overflow: hidden; white-space: nowrap;} .expert-comment .txt-bar .price-mod{ color:#ff6600;position: absolute; top: 0; right: 5px;} .expert-comment .txt-bar .price-mod .price {color:#ff6600;} .expert-comment .txt-bar .price-mod .price em{color:#ff6600; font-weight: 500;} .expert-comment-cont{ width: 100%;} .expert-comment-cont dt{ position: relative;} .expert-comment-cont .travel-date{ position: absolute; top: 1px; right: 5px;} .expert-comment-cont .icon-quotes-left{ background-position: -90px -100px; height: 19px; width: 20px;} .expert-comment-cont .icon-quotes-right{ background-position: -120px -100px; height: 19px; width: 20px;} .expert-comment-cont .cont-txt{ display: block; height: 33px; overflow: hidden; white-space: normal; margin-bottom:2px;} .expert-comment-cont .cont-txt a{ display: block; overflow: hidden; white-space: normal;} .expert-comment-cont .cont-txt a:hover{ color: #ff6600;} /* main-mod start */ /*** 主题游图标start ***/ .bottom-body{padding-top:20px;} .bottom-body h2{font-family: "microsoft yahei"; font-size:26px;color:#323232;font-weight:600; text-align: center; letter-spacing: 5px;} .bottom-body .commend-group{width:1200px;margin-top:15px;} .bottom-body .commend-group .list-item{width:288px;margin:0 6px;float:left;position:relative;_display:inline} .bottom-body .commend-group .list-item a{display:block} .bottom-body .commend-group .list-item img{max-height:215px;border-radius:5px} .bottom-body .commend-group .list-item .mask{color:#eee;background:rgba(0,0,0,0.4);background:#000\9;opacity:0.8\9;filter:alpha(opacity=80);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;_width:288px;_height:215px} .bottom-body .commend-group .list-item .mask:hover{color:#fff;background:#009be7;opacity:0.95;-moz-opacity:0.95;filter:alpha(opacity=95);position:absolute;border-radius:8px;transition: all 0.2s;transform: scale(1.05);} .bottom-body .commend-group .list-item .mask .txt{text-align:center;margin:55px 0 5px 0} .bottom-body .commend-group .list-item .mask .txt .s1{font-size:28px} .bottom-body .commend-group .list-item .mask .txt .s2{font-size:20px;width:80px;height:32px;line-height:30px;text-align:center;border-radius:5px;background:#0275be;display:inline-block;margin-left:10px;position:relative;top:-2px} .bottom-body .commend-group .list-item .mask .txt .s2:hover {background:#f60;} .bottom-body .commend-group .list-item .mask .tips{font-size:22px;text-align:center} .bottom-body .commend-group .back{width:80px;height:215px;text-align:center;background:#278bff;margin-left:14px;border-radius:8px} .bottom-body .commend-group .back .back-con{font-size:30px;color:#fff;line-height:31px;font-weight:bold;display:inline-block;width:100%;padding:45px 0} /*网站底部*/ .w {margin-left: auto; margin-right: auto; min-width: 1000px; width: 1199px;} .icon-common-part, .icon-common-top {background: rgba(0, 0, 0, 0) no-repeat scroll 0 0; display: inline-block;} .icon-common-main {background: rgba(0, 0, 0, 0) no-repeat scroll 0 0; display: inline-block;} .foot-assure-bar{margin-top:40px} .foot-assure-bar .bar-hd{position:relative} .foot-assure-bar .bar-hd .line-wrap{width:50%;position:absolute;top:50%;_top:12px} .foot-assure-bar .bar-hd .hd-line{border-top:1px dashed #ddd;height:0;position:relative} .foot-assure-bar .bar-hd .dot{background:#ddd;border-radius:50%;display:inline-block;height:5px;width:5px;margin-top:-3px;position:absolute;top:50%;_overflow:hidden} .foot-assure-bar .bar-hd .line-wrap-1{left:0} .foot-assure-bar .bar-hd .line-wrap-1 .hd-line{margin-right:78px} .foot-assure-bar .bar-hd .line-wrap-1 .dot{right:0} .foot-assure-bar .bar-hd .line-wrap-2{right:0} .foot-assure-bar .bar-hd .line-wrap-2 .hd-line{margin-left:78px} .foot-assure-bar .bar-hd .line-wrap-2 .dot{left:0} .foot-assure-bar .icon-1{background-position:0 -550px;height:46px;width:46px} .foot-assure-bar .icon-2{background-position:0 -610px;height:46px;width:46px} .foot-assure-bar .icon-3{background-position:0 -670px;height:46px;width:46px} .foot-assure-bar .icon-4{background-position:0 -730px;height:46px;width:46px} .foot-assure-bar .icon-5{background-position:0 -790px;height:46px;width:46px} .foot-assure-bar .assure-items{padding:20px 0 10px} .foot-assure-bar .assure-items .icons-index{position:relative;top:-4px} .foot-assure-bar .assure-items li{float:left;width:20%} .foot-assure-bar .assure-items .item-inner{border-left:1px solid #e5e5e5;height:38px;_overflow:hidden} .foot-assure-bar .assure-items .first .item-inner{border-left:0} .foot-assure-bar .assure-items .item-cont{margin-left:20px} .global-footer{background:url(/uploads/image/pskimages/footbg.jpg) repeat-x;} .foot-faqlink{border-top:2px solid #0275be;text-align:left;margin-top:40px;padding-bottom:15px} .foot-faqlink .faqlink-item{float:left;width:21.5%;margin-top:15px} .foot-faqlink .faqlink-item-5{width:14%;*width:13.99%} .foot-faqlink .faqlink-list{margin-top:10px} .foot-faqlink .faqlink-list .item-wrap{width:35%} .foot-faqlink .faqlink-list a{color:#666;line-height:30px} .foot-faqlink .faqlink-list a:hover{color:#278bff} .foot-faqlink .qrcode-box{margin-top:20px} .foot-faqlink .qrcode-box .icon-code{background:url(/uploads/image/pskimages/icons-code.png) no-repeat 0 -140px;_background-image:url(/uploads/image/pskimages/icons-code.gif);border:1px solid #ccc;display:inline-block;height:130px;width:130px} .foot-faqlink .qrcode-box .icon-code-bj{background-position:0 0} .icons-qrcode {background: rgba(0, 0, 0, 0) no-repeat scroll 0 0; display: block;height: 130px; width: 130px;} .code-wechat-bj {background-position: right 0;} .code-wechat-sh {background-position: right -140px;} .code-wechat-wd {background-position: right -420px;} .code-app-download {background-position: right -135px;} .foot-sns{border-bottom:1px solid #ccc;height:42px;padding:10px 0;text-align:center} .foot-sns .sfs-items{display:inline-block;*display:inline;*zoom:1;text-align:left} .foot-sns li{height:33px;float:left;color:#666;border-right:1px solid #ccc;line-height:35px;padding:2px 0 8px 15px} .foot-sns .code-wrap .icon-code{background:url(/uploads/image/pskimages/icons-code.png) no-repeat 0 -140px;_background-image:url(/uploads/image/pskimages/icons-code.gif);border:1px solid #ccc;height:130px;width:130px;position:absolute;left:167px;top:-130px;display:none} .foot-sns .code-wrap .icon-code-bj{background-position:0 0} .foot-sns .code-wrap:hover .icon-code{display:block} .foot-sns .icon-code .arrow-mod{position:absolute;width:16px;height:8px;overflow:hidden;left:50%;bottom:-7px;margin-left:-8px;font-size:18px;line-height:17px} .foot-sns .icon-code .i1{color:#fff;bottom:0;z-index:2} .foot-sns .icon-code .i2{color:#ccc;bottom:-2px;left:0;z-index:1} .foot-sns .blue{background:#f5f5f5;margin-left:10px;padding:1px 6px;color:#0099d9;border-radius:3px;border:1px solid #ccc} .foot-sns .blue:hover{border-color:#0099d9} .foot-sns .qa{color:#278bff;text-decoration:underline} .foot-sns .qa:hover{color:#e7325d} .foot-sns .icon{background:url(/uploads/image/pskimages/gbsprite.png) no-repeat center center;height:42px;*display:inline;-ms-zoom:1;zoom:1;vertical-align:middle;display:inline-block;margin-right:10px} .foot-sns .li1{width:253px} .foot-sns .li2{width:250px} .foot-sns .li3{border-right:0;width:350px} .foot-sns .li3 .p-first{margin-top:-12px} .foot-sns .li3 .p-last{line-height:26px;margin-top:-24px;padding-left:45px} .foot-sns .li1 .icon{background-position:0 5px;width:46px;margin-top:-2px;height:47px} .foot-sns .li2 .icon{background-position:0 -38px;width:40px;margin-top:-2px} .foot-sns .li3 .icon{background-position:0 -74px;width:35px;margin-top:8px} .foot-webtrust{text-align:center;padding:16px 0 5px;border-top:1px solid #efefef;} .foot-webtrust .icon-common-bulky{background:url(/uploads/image/pskimages/gbsprite.png) no-repeat;display:inline-block;margin:0 3px 5px;width:108px;height:40px} .foot-webtrust .trust1{background-position:0 -146px} .foot-webtrust .trust2{background-position:0 -196px} .foot-webtrust .trust3{background-position:0 -391px} .foot-webtrust .trust4{background-position:0 -554px} .foot-webtrust .trust5{background-position:0 -820px} .foot-webtrust .trust6{background-position:0 -870px} .foot-webtrust .trust7{background-position:0 -720px} .foot-webtrust .trust8{background-position:0 -770px} .foot-copyright{text-align:center;color:#666;line-height:24px;padding:5px 0} .foot-copyright span{margin:0 5px} .foot-copyright .red{color:#e5004f} .foot-aboutlink{text-align:center;padding:5px 0 15px} .foot-aboutlink span{padding:0 5px;border-right:1px solid #999} .foot-aboutlink span.noborder{border:0} .foot-aboutlink a{color:#666} .foot-aboutlink a:hover{color:#278bff} .foot-aboutlink .red{color:#e5004f} .foot-aboutlink .red:hover{color:#278bff} .foot-link-nav{background:#fff;line-height:20px;padding:5px 0 20px} .foot-link-nav .link-nav-items{border-top:1px solid #efefef} .foot-link-nav dt,.foot-link-nav dd{display:inline} .foot-link-nav dl a{color:#999} .foot-link-nav dl s{border-right:1px solid #ccc;text-decoration:none;line-height:10px;height:10px;display:inline-block;*display:inline;-ms-zoom:1;zoom:1;vertical-align:middle;margin:0 3px} .foot-link-nav dl a:hover{color:#278bff} .foot-link-nav .link-nav-items .dl-com,.foot-link-nav .link-nav-items .dl-link{height:18px;overflow:hidden;padding-right:15px;position:relative;-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s;transition:all ease .5s} .foot-link-nav .link-nav-items .dl-link{padding-right:160px} .foot-link-nav .link-nav-items .dl-link label{position:absolute;right:28px;top:6px} .foot-link-nav .link-nav-items .arrow-link{ font-size:23px; position:absolute;right:0;top:7px;width:15px;height:15px;cursor:pointer;line-height:15px;-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s;transition:all ease .5s} .foot-link-nav .link-nav-items .arrow-link em{} .foot-link-nav .link-nav-items .arrow-link:hover em{color:#278bff} .foot-link-nav .link-nav-items .arrow-link i {top: -3px;} .foot-link-nav .link-nav-items dl.on{height:auto} .foot-link-nav .link-nav-items dl.on{padding-right:15px} .foot-link-nav .link-nav-items dl.on .arrow-link em{top:3px} .foot-link-nav .link-nav-items dl.on .arrow-link i{top:6px} .foot-link-nav .link-nav-items dl.on label{position:static;right:auto;top:auto} /*返回顶部*/ /* -------------------------------------------------- */ /* back to top /* -------------------------------------------------- */ #back-to-top, .touch-device #back-to-top:hover { background: url(/uploads/image/pskimages/arrow-up-large.png) no-repeat center center; background-color: rgb(221, 221, 221); background-color: rgba(221, 221, 221, .7); bottom: 20px; color: transparent; display: none; font: 0/0 a; height: 46px; position: fixed; right: 20px; text-shadow: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; width: 45px; z-index: 100; } #back-to-top:hover, .touch-device #back-to-top:active { background-color: #0072c6; }