admin管理员组

文章数量:1559114


	
	旅游线路推荐_旅游行程安排规划_一键导出行程单 - 穷游行程助手
	
	
    
    
    
	
	
    
共有 1000 万穷游er,创建了 21, 466, 66 00 00 00 个行程
不想自己做行程,为什么不看看别人的?
   目的地:
出行时间:
出行天数:
行程主题:
出发城市;
精华等级:
  • 10
    2018-07-10 出发
    美国
  • 13
    2018-09-23 出发
    伦敦哈利波特行程
  • 15
    2018-10-01 出发
    木瓜囡囡的美国行程
  • 20
    2018-08-03 出发
    美国旅游规划(180103)
  • 15
    2018-07-21 出发
    鹏游蝶梦的泰国行程
  • 9
    2018-06-23 出发
    candyma的北海道夏日旅行
  • 29
    2018-06-06 出发
    echo_li82的英国爱尔兰行程
  • 11
    2018-06-10 出发
    touch999的美国行程
  • 19
    2018-06-19 出发
    6月19日暑假欧洲自由行
  • 20
    2018-07-01 出发
    来一次冒险旅游加拿大
  • 10
    2018-06-29 出发
    9天日本行程
  • 10
    2018-08-04 出发
    加拿大行程
  • 16
    2018-06-15 出发
    sunnypxh的英国行程
  • 12
    2019-02-24 出发
    布拉格-维也纳-布达佩斯行程
  • 10
    2019-02-14 出发
    欧洲行程
热门国家路线
热门主题线路
热门季节线路

css

(function () {
	var qq = document.queryselector('#aa');
	var pp = document.queryselector('#pp');
	var ww = document.queryselector('#xl-index-banner')
	ww.onmouseover   = function (e) {
		e = e || window.event;
		var x = e.pagex ;
		var y = e.pagey ;
		// console.log(x,y);     0 -5   -6  6
		// console.log(qq.offsetwidth); 980 / 2 = 490
		// console.log(qq.offsetleft) 177   490 = 667
		var qw = qq.offsetwidth ;
		var height = qq.offsetheight;
		// console.log(qw)
		var ql = qq.offsetleft;
		var qt = qq.offsettop
		var qwl = ql   qw;
		var qwt = qt   height;
		var a = 10;
		var b = 10
		var ahalf = a / 2;
		var bhalf = b / 2;
		// console.log(qwl)
		// 490 / 6 = 81``4;
		// console.log(qq)
		var y = x - ql ;
		var x = y - ql;
		// if (x > qwl) {
			var right = -((y * a / qwl) - ahalf); 
			var top = ((x * b / qwt) - bhalf)
			// console.log(right)
			// pp.style.transition = 'transform 1s';
			pp.style.transform = 'rotatey(' right 'deg) rotatex(' top 'deg) translatez(-200px)';
			// pp.style.transform = 'rotatey(-10deg) rotatex(8deg) translatez(-200px)';
			// var d = settimeout(function () {
			// 	pp.style.transform = 'rotatey(-20deg) rotatex(-8deg) translatez(-200px)';
			// },1000)
			// cleartime(d);
		// }	if (x < qwl) { 
		// 	var left = (x * b / ql) 
		// 	console.log(left);       
			// pp.style.transition = 'transform 1s';
			// pp.style.transform = 'rotatey(10deg) rotatex(8deg) translatez(-200px)';
			// var d = settimeout(function () {
			// 	pp.style.transform = 'rotatey(20deg) rotatex(-8deg) translatez(-200px)';
			// },1000)
			// cleartime(d);
		// }
		// if (y > height) {
		// 	// console.log(right)
		// 	pp.style.transition = 'transform 1s';
		// 	// pp.style.transform = 'rotatex(-0.1157deg) rotatey(2.7299deg) translatez(-200px)';
		// 	pp.style.transform = 'rotatey(6deg) translatez(-200px)';
		// }
	}
	// pp.onmouseout = function () {
	// 	pp.style.transform = 'rotatey(0) rotatex(0) translatez(-200px)';
	// }
})();
(function () {
	var home = document.queryselector('#home');
	// var a = 65;
	
	setinterval(function () {
		(home.style.bottom = '100px',
		settimeout(function () {
			// if (a == 65) {
			home.style.bottom = '65px';
				// a = 100;
			// }
		},100));
	},3000)
})();
$(function () {
	var close = document.queryselector('#close');
	var fixed = document.queryselector('#fixed');
	settimeout(function(){
        // console.log(1);
        $('#fixed').show();
    },3000);
	 $('#close').click(function (){
        $('#fixed').hide();
		// fadeout
		// fixed.style.
		
	})
});
(function () {
	var js_selectcountry = document.queryselector('#js_selectcountry');
	var fixed = document.queryselector('#xl_seting')
	xl_seting.onclick = function () {
		fixed.classname = fixed.classname.replace('show','hide'); 
	}
})();
$(function () {
	$('#fontyahei > li').click(function () {
		$(this).children('a').addclass('aaa');
		$(this).siblings('li').children('a').removeclass('aaa');
		 var index=$(this).index();
         $('#js_continents > ul:eq('  index  ')').addclass("current").siblings("ul").removeclass("current");
	})
});
(function () {
	var qq = document.queryselector('#js_selectcountry');
	var aa = document.queryselector('#xl_dada');
	var a = true;
	aa.onclick = function () {
		// qq.style.display = 'block';
		if (a) {
			qq.style.display = 'block';
			a = false;
		}else{
			qq.style.display = 'none';
			a = true;
		}
		
	}
	
})();

(function () {
	var btn = document.queryselector('#btn_1');
var btn_nav = document.queryselector('#btn_nav');
var qq = document.queryselector('#btn_li1');
var qq2 = document.queryselector('#btn_li2');
btn_nav.onmouseover = function () {
	qq.classname = qq.classname.replace('hide','show');
	qq2.classname = qq.classname.replace('hide','show');
}
btn_nav.onmouseout = function () {
	qq.classname = qq.classname.replace('show','hide');
	qq2.classname = qq.classname.replace('show','hide');
}
qq.onmouseover = function () {
	qq.classname = qq.classname.replace('hide','show');
	qq2.classname = qq.classname.replace('hide','show');
}
qq.onmouseout = function () {
	qq.classname = qq.classname.replace('show','hide');
	qq2.classname = qq.classname.replace('show','hide');
}
qq2.onmouseover = function () {
	qq.classname = qq.classname.replace('hide','show');
	qq2.classname = qq.classname.replace('hide','show');
}
qq2.onmouseout = function () {
	qq.classname = qq.classname.replace('show','hide');
	qq2.classname = qq.classname.replace('show','hide');
}
})();
(function () {
	var copy = document.queryselector('#copy');
	var nn = document.queryselector('#nn');
	var ul = document.queryselector('#ul');
	var lis = ul.queryselectorall('li');
	for (var i = 0 ; i < lis.length ; i  ) {
		var li = lis[i];
		// console.log(li)
	li.onmouseover = function () {
		// console.dir(this.children[0].children[0])
		var copy = this.children[0].children[0]
		copy.classname = copy.classname.replace('hide','show');
		}
	li.onmouseout = function () {
		var copy = this.children[0].children[0]
		copy.classname = copy.classname.replace('show','hide');
		
		}
	}
})();
(function () {
	var input = document.queryselector('#search_plan');
	input.onclick = function () {
		this.style.border = '1px solid green';
	}
	input.οnblur= function () {
		this.style.border = '';
	}
})();
(function () {
	var input = document.queryselector('#search_city');
	input.onclick = function () {
		this.style.border = '1px solid green';
	}
	input.οnblur= function () {
		this.style.border = '';
	}
})()





// 
// 
function my$(id) {
  return document.getelementbyid(id);
}
// 处理浏览器兼容性
// 获取第一个子元素
function getfirstelementchild(element) {
    var node, nodes = element.childnodes, i = 0;
    while (node = nodes[i  ]) {
        if (node.nodetype === 1) {
            return node;
        }
    }
    return null;
}
// 处理浏览器兼容性
// 获取下一个兄弟元素
 function getnextelementsibling(element) {
    var el = element;
    while (el = el.nextsibling) {
      if (el.nodetype === 1) {
          return el;
      }
    }
    return null;
  }
// 处理innertext和textcontent的兼容性问题
// 设置标签之间的内容
function setinnertext(element, content) {
  // 判断当前浏览器是否支持 innertext
  if (typeof element.innertext === 'string') {
    element.innertext = content;
  } else {
    element.textcontent = content;
  }
}
// 处理注册事件的兼容性问题
// eventname, 不带on,  click  mouseover  mouseout
function addeventlistener(element, eventname, fn) {
  // 判断当前浏览器是否支持addeventlistener 方法
  if (element.addeventlistener) {
    element.addeventlistener(eventname, fn);  // 第三个参数 默认是false
  } else if (element.attachevent) {
    element.attachevent('on'   eventname, fn);
  } else {
    // 相当于 element.onclick = fn;
    element['on'   eventname] = fn;
  }
}
// 处理移除事件的兼容性处理
function removeeventlistener(element, eventname, fn) {
  if (element.removeeventlistener) {
    element.removeeventlistener(eventname, fn);
  } else if (element.detachevent) {
    element.detachevent('on'   eventname, fn);
  } else {
    element['on'   eventname] = null;
  }
}
// 获取页面滚动距离的浏览器兼容性问题
// 获取页面滚动出去的距离
function getscroll() {
  var scrollleft = document.body.scrollleft || document.documentelement.scrollleft;
  var scrolltop = document.body.scrolltop || document.documentelement.scrolltop;
  return {
    scrollleft: scrollleft,
    scrolltop: scrolltop
  }
}
// 获取鼠标在页面的位置,处理浏览器兼容性
function getpage(e) {
  var pagex = e.pagex || e.clientx   getscroll().scrollleft;
  var pagey = e.pagey || e.clienty   getscroll().scrolltop;
  return {
    pagex: pagex,
    pagey: pagey
  }
}
//格式化日期对象,返回yyyy-mm-dd hh:mm:ss的形式
function formatdate(date) {
  // 判断参数date是否是日期对象
  // instanceof  instance 实例(对象)   of 的
  // console.log(date instanceof date);
  if (!(date instanceof date)) {
    console.error('date不是日期对象')
    return;
  }
  var year = date.getfullyear(),
      month = date.getmonth()   1,
      day = date.getdate(),
      hour = date.gethours(),
      minute = date.getminutes(),
      second = date.getseconds();
  month = month < 10 ? '0'   month : month;
  day = day < 10 ? '0'   day : day;
  hour = hour < 10 ? '0'   hour : hour;
  minute = minute < 10 ? '0'   minute : minute;
  second = second < 10 ? '0'   second : second;
  return year   '-'   month   '-'   day   ' '   hour   ':'   minute   ':'   second;
}
// 获取两个日期的时间差
function getinterval(start, end) {
  // 两个日期对象,相差的毫秒数
  var interval = end - start;
  // 求 相差的天数/小时数/分钟数/秒数
  var day, hour, minute, second;
  // 两个日期对象,相差的秒数
  // interval = interval / 1000;
  interval /= 1000;
  day = math.round(interval / 60 / 60 / 24);
  hour = math.round(interval / 60 / 60 % 24);
  minute = math.round(interval / 60 % 60);
  second = math.round(interval % 60);
  return {
    day: day,
    hour: hour,
    minute: minute,
    second: second
  }
}

* {
	padding: 0 ;
	margin: 0;
	list-style: none;
	text-decoration: none;
}
a {
    /*font-family: '楷体';*/
}
input:focus {
    outline: none;
    /*border: 1px solid red;*/
        /*清除 input 的默认样式*/
}
/*中间动态图 一分钟搞定你的攻略·······················*/
.one-minit {
	background:  no-repeat;
	width: 414px;
	height: 56px;
	position: absolute;
	top: 60px;
	left: 290px;
}
.xl-index-banner .counter {
    position: absolute;
    color: #fff;
    background: #41c074;
    width: 980px;
    height: 10px;
    text-align: center;
    top: 120px;
    left: 20px;
    font-size: 14px;
}
.xl-index-banner {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    text-align: center;;
	width: 100%;
	height: 500px;
	background: ;
}
.doodle-bg {
    height: 500px;
    box-sizing: border-box;
    left: 177px;
    top: 0;
    width: 980px;
    margin: auto;
    z-index: 99;
    /*perspective-origin: center center;*/
    transform-style: preserve-3d;
    transition: all .5s ease-out;
 }
 .doodle-bg .nums_tip span {
    position: absolute;
    display: block;
}
.doodle {
    width: 466px;
    height: 209px;
    top: 150px;
    margin: auto;
    position: relative;
    display: block;
    /*z-index: 99;*/
    transition: all 0.5s ease-out;
}
.doodle img.no_moon {
    width: 45px;
    height: 45px;
    left: 147px;
    top: 7px;
    transform: translatez(80px);
}
.doodle img.no_hill {
    width: 353px;
    height: 117px;
    left: 56px;
    bottom: 85px;
    transform: translatez(30px);
}
.doodle img.no_road {
    width: 466px;
    height: 90px;
    left: 0;
    bottom: 0;
    transform: translatez(50px);
}
.doodle img.no_cloud {
    width: 415px;
    height: 58px;
    left: 36px;
    top: 22px;
    transform: translatez(100px);
}
.doodle img.no_tree {
    width: 379px;
    height: 48px;
    left: 43px;
    bottom: 80px;
    transform: translatez(70px);
}
.doodle img.no_stone {
    width: 350px;
    height: 23px;
    left: 18px;
    bottom: 48px;
    transform: translatez(20px);
}
.doodle img.no_plan_sd {
    width: 23px;
    height: 7px;
    left: 226px;
    bottom: 62px;
    transform: translatez(100px);
}
.doodle img.no_plan {
    width: 49px;
    height: 62px;
    left: 213px;
    bottom: 65px;
    transform: translatez(120px);
}
.doodle img {
    position: absolute;
}
.q_top2 {
	width: 1200px;
	height: 50px;
	/*background-color: pink;*/
	margin:  0 auto;
}
.q_top2 img {
	float: left;
	margin-top: 6px;
}
.q_top2 ul {
	width: 380px;
	height: 100%;
	/*background: red;*/
	float: right;
}
.q_top2 ul a {
	float: left;
	color: #7d7d7d;
	line-height: 50px;
	padding:  0 13px;
}
.q_top2 ul a:hover {
	background-color: #f6f6f6;
	color: #41c074;
}
/*创建新的行程···························*/
.doodle-bg .btn_1 {
    width: 230px;
    height: 44px;
    background-color: red;
    position: absolute;
    bottom: 68px;
    left: 50%;
    margin-left: -115px;
    z-index: 999;
}
.doodle-bg .btn_1 li {
    box-sizing: border-box;
    /*background-color: #4ecb80;*/
}
.doodle-bg .btn_1 li:hover {
    background: #41c074;
}
.doodle-bg .btn_1 li:first-child a{
    line-height: 44px;
    width: 230px;
    height: 44px;
    background: #fff;
    color: #41c074;
}
.doodle-bg .btn_1 a {
    display: inline-block;
    width: 230px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    border-top: 0;
}
/*不想做自己的行程--------------------------*/
/*.xl-banner {
    width: 100%;
    height: 2950px;  
}*/
.xl-banner ul {
    width: 728px;
    height: 55px;
    line-height: 55px;
    /*background: pink;*/
    overflow: hidden;
}
.xl-banner a {
    color: #323232;
}
.xl-banner ul li {
    margin-right: 20px;
}
.xl-banner-t {
    height: 136px;
    line-height: 136px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
}
.xl-sefter div .list_clearfix li a {
    font-size: 13px;
}
.xl-sefter {
    width: 980px;
    /*height: 100%;*/
    border: 1px solid #d7d7d7;
    margin: 0 auto;
    position: relative;
}
.xl-sefter div {
    width: 978px;
    height: 55px;
    /*background: pink;*/
    position: relative;
    border-bottom: 1px dashed #ddd;
}
.xl-sefter div:last-child {
    border-bottom: 0;
}
.xl-sefter div strong{
    float: left; 
    font-size: 13px;
    color: #959595;
    display: inline-block;
    height: 55px;
    line-height: 55px;
    margin: 0 15px 0 45px;
}
.xl-sefter div .list_clearfix li {
    float: left;
}
.xl-sefter div .list_clearfix li a:hover {
    color: skyblue;
}
.xl-sefter .xl_seting {
    width: 50px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 17px;
    background:  0 2px no-repeat;
}
.xl-sefter .xl_dada {
    width: 50px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 17px;
    background:  0 2px no-repeat;
}
.xl-sefter .xl_seting a,
 .xl-sefter .xl_dada a{
    color: #959595;
    padding-left: 16px;
    font-size: 14px;
}
.xl-sefter .xl_seting a:hover {
    color: #0073b6;
}
.xl-sefter .xl_duo {
     width: 50px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 17px;
}
.xl-sefter .xl_duo a {
    color: #959595;
    font-size: 14px;
}
.xl-sefter .xl_duo a:hover {
    color: #0073b6;
}
/*目的地·····························*/
/*出行时间··························*/

/*j9九游会老哥俱乐部交流区首页筛选 ················*/
/*旅行项目··································*/
.xl-lists {
    width: 980px;
    height: 1964px;
    margin: 20px auto;
    overflow: hidden;
    position: relative
}
.xl-lists ul {
    width: 980px;
    height: 1964px;
}
.seting {
    width: 100%;
    height: 36px;
    /*background: orange;*/
    margin: 36px auto;
}
.seting .current {
    color: #0073b6;
}
.seting .current:hover {
    text-decoration: underline;
}
.seting .sort {
    width: 300px;
    height: 36px;
    line-height: 36px;
    float: left;
}
.seting .search {
    float: right;
    width: 322px;
    height: 51px;
    line-height: 36px;
    overflow: hidden;
}
.seting .search span {
    float: left;
    color: #959595;
    font-size: 10px;
    padding-right: 30px; 
}
.seting .view {
    color: #cccccc;
    font-size: 14px;
}
.seting .ui2_input {
    width: 165px;
    height: 38px;
    background:  10px center no-repeat #fff;
    padding: 0 33px;
    border: 1px solid silver;
}
/*行程列表·····················1···············1·1·1·1·1·1·1·1·1·1·*/
.list {
    width: 100%;
    height: 100%;
    background: white;
}
.list ul li {
    width: 308px;
    height: 330px;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    float: left;
    margin:0 25px 25px 0;
    position: relative;
}
.list ul li:nth-child(3n) {
    margin-right: 0;
}
/*列表内图片··········*/
.list ul .img {
    overflow: hidden;
    width: 310px;
    height: 202px;
    position: relative;
}
/*复制定位部分··*/
.list .img .gg {
    background:  10px center no-repeat #499f6b;
    /*display: block;*/
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
    border-radius: 5px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 10;
    padding: 0 10px 0 26px;
}
.list ul .img #copy:hover {
    box-shadow: 0 0 1px rgba(0,0,0,.4) inset;
    text-decoration: none;
    background:  10px center no-repeat #009a3d;
}
.list ul .img img{
    display: block;
    width: 310px;
    height: 202px;
    transition: all 3.6s ;
    
}
.list ul .img img:hover {
    transform: scale(1.2);
    width: 325px;
    height: 240px;
}
/*图片里的文字部分·················*/
  
.list .img .bg {
    display: block;
    height: 80px;
    line-height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background:  repeat-x;
    opacity: .7;
}
.list .title {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 150px;
    /*background: pink;*/
    color: #fff;
}
.list .title .day {
    border-right: 1px solid rgba(255,255,255, 0.5);
    float: left;
    height: 42px;
    line-height: 42px;
    margin-right: 10px;
    padding-right: 10px;
}
.list .title .day strong{
    font-size: 40px;
    font-family: 'helveticaneue-light';
}
.list .content {
    position: relative;
    padding: 10px 15px;
    height: 105px;
    border-top: 0;
}
.list .aaa:hover .plan p{
    color: #000;
}
.list .content .name {
    position: absolute;
    font-family: tahoma;
    font-size: 14px;
    color: #0073b6;
    left: 15px;
    bottom: 11px;
    padding-left: 18px;
    background:  0 center no-repeat;
}
.list .content .name:hover {
    text-decoration: underline;
}
.list .plan {
    height: 48px;
    overflow: hidden;
    color: #636363;
    line-height: 24px;
    font-size: 14px;
    margin-top: 8px;
    font-family: \5b8b\4f53,sans-serif;
    word-wrap: break-word;
    display: -webkit-box;
}
.list .number {
    text-align: right;
    margin-top: 5px;
    color: #959595;
    position: absolute;
    right: 16px;
    bottom: 13px;
    font-size: 10px;
}
.list .number .icon1 {
    margin-right: 10px;
    background:  no-repeat 0;
    padding-left: 20px;
}
.list .number .icon2 {
    background:  no-repeat 0;
    padding-left: 20px;
    margin-left: 10px;
}
/*翻页公用样式···············*/
.xl_pages {
    width: 980px;
    height: 24px;
    position: absolute;
    bottom: 40px;
    right: 0;
}
.xl_pages .xl_pg {
    float: right;
}
.xl_pages .xl_pg a {
    padding: 1px 4px;
}
.xl_pages .xl_pg a:hover {
    background: #e0f1e1;
    border-radius: 3px;
}
.xl_pages .xl_pg a:first-child {
    background: #5ea67c;
    color: #eff6f2;
    border-radius: 4px;
}

/*全站底部     ···· · · ·  ··  · ·· */

.xl-clearfix {
    width: 100%;
    height: 560px;
    background: #f8f8f8;
    /*padding-bottom: 40px;*/
}
.xl-clearfix .clearfix-banxin {
    width: 980px;
    height: 100%;
    margin: 0 auto;
}
.xl-clearfix .clearfix-banxin dt {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    color: #636363;
    padding-top: 10px;
}
.xl-clearfix .clearfix-banxin dl:first-child {
    width: 100%;
    height: 220px;
}
.xl-clearfix .clearfix-banxin dl:nth-child(2) {
    width: 100%;
    height: 120px;
}
.xl-clearfix .clearfix-banxin dl:last-child {
    width: 100%;
    height: 220px;
}
.xl-clearfix .clearfix-banxin dd {
    width: 140px;
    height: 30px;
    margin-right: 20px;
    float: left;
}
.xl-clearfix .clearfix-banxin dd a {
    color: #9d9d9d;
    font-size: 15px;
}
.xl-clearfix .clearfix-banxin dd a:hover {
    text-decoration: underline;
    color: #0073b6;
}
/*底部公用················*/
.xl-footer {
    width: 100%;
    height: 121px;
    background: #323232;
    border-top: 3px solid #25a851;
}
.xl-footer .footer-banxin {
    width: 1000px;
    height: 94px;
    margin: 0 auto;
    padding-top: 26px;
}
.footer-banxin .nav li {
    float: left;
    border-left: 2px solid #636363;
}
.footer-banxin .nav li:first-child {
    border-left: 3px solid #25a851;
}
.footer-banxin .nav li a {
    color: silver;
    font-size: 14px;
    font-weight: 700;
    margin: 8px;
}
.footer-banxin .nav a:hover {
    border-bottom: 1px solid white
}
.footer-banxin .inof {
    font-size: 12px;
    color: #636363;
    margin-top: 18px;
    padding-left: 14px;
}
.qyer_layer_fix {
    /*display: none;*/
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    min-width: 980px;
    background: ;
}
.qyer_layer_main {
    width: 980px;
    height: 70px;
    margin: 0 auto;
    position: relative;
}
.qyer_layer_fr {
    width: 395px;
    height: 70px;
    float: right;
    position: absolute;
    right: 164px;
    bottom: 0;
}
.qyer_layer_fr input:hover {
    background-position: 0 -30px;
}
.qyer_layer_fr input {
    float: left;
    width: 100px;
    height: 30px;
    margin: 20px 0 0 10px ;
    background:  no-repeat;
    border: 0;
    cursor: pointer;
}
.qyer_layer_fr .op {
    background:  -100px 0 no-repeat;
}
.qyer_layer_fr .op:hover {
    background-position: -100px -30px;
}
.qyer_layer_fr .fl {
    display: inline-block;
    font-size: 14px;
    color: #d7d7d7;
    line-height: 70px;
    width: 65px;
    text-align: center;
}
.qyer_layer_fr .fl a {
    color: #d7d7d7;
    text-decoration: underline;
}
.ggg {
    display: inline-block;
    float: right;
    width: 110px;
    height: 30px;
    margin: 20px 0 0 0;
    background:  -200px 0 no-repeat;    
}
.ggg:hover {
    background-position: -200px -30px
}
.close {
    width: 31px;
    height: 29px;
    position: absolute;
    right: -164px;
    top: 20px;
    cursor: pointer;
    background:  -62px 0 no-repeat;
}
.close:hover {
    background-position: center center;
}
/*鼠标移入``````````````*/ 

.hide {
    display: none;
}
.show {
    display: block; 
}

/*tab````````````````````````````````````*/
.xl-sefter .selectcountry {
    width: 978px;
    height: 322px;
    display: none;
}
.xl-sefter .selectcountry .tab {
    width: 978px;
    height: 49px;
    border-bottom: 1px solid #ddd
}
.xl-sefter .selectcountry .tab .fontyahei {
    width: 572px;
    height: 48px;
    margin-left: 40px;
    float: left;
    padding-bottom: 10px;
    box-sizing: border-box;
}
.xl-sefter .selectcountry .tab .fontyahei li {
    float:left;
}
.xl-sefter .selectcountry .tab .fontyahei li a {
    margin: 0 10px;
    padding: 6px 5px;
    font-size: 18px;
    box-sizing: border-box;
    
}
.aaa {
    border-bottom: 3px solid green;    
}
.xl-sefter .selectcountry .tab .fontyahei li a:hover {
    border-bottom: 3px solid green;
}


.xl-sefter .selectcountry .tabmain {
    width: 34px;
    height: 18px;
    margin: 15px 15px 0;
    float: right;
    border-left: 1px solid #ddd;
}
.xl-sefter .selectcountry .tabmain .js_cmd {
    display: inline-block;
    float: right;
    
    height: 18px;
    width: 18px;
    background:  no-repeat;
} 
.xl-sefter .selectcountry .tabmain .js_cmd:hover {
    background-position: 0 -18px;
}
.xl-sefter .selectcountry .search_city {
    width: 204px;
    height: 33px;
    margin: 8px 50px 0 10px;
    float: right;
    line-height: normal;
    border: 1px solid silver;
    padding: 3px 7px 4px 25px;
    box-sizing: border-box;
    background:  10px no-repeat;
}
.js_continents ul {
    display: none;
}
.selectcountry .js_continents .current{
    display: block;
}
.selectcountry .js_continents {
    width: 978px;
    height: 273px;
    position: relative;
}
.selectcountry .js_continents .clearfix {
    width: 926px;
    height: 252px;
    position: absolute;
    margin: 10px 0 0 54px;
}
.selectcountry .js_continents .clearfix li {
    float: left;
    width: 132px;
    height: 36px;
}
.selectcountry .js_continents .clearfix li a {
    color: #323232;
    font-size: 12px;
}
.selectcountry .js_continents .clearfix li a:hover {
    color: #0073b6;
}

本文标签: