一个JS下拉搜索框,日期级联控件

最近做了一个JS下拉搜索框,日期级联控件,为了做备份录,记录下来

公共方法类 main.js内容

var obj = {};
var win_w = $(window).width();
var win_h = $(window).height();
 obj.banner  = function(){//banner图

  var $window_b = $('.mainbanner').find('.mainbanner_window');
  var $list = $('.mainbanner').find('.mainbanner_list');
  var $items = $list.find("li");
  var $window_ul = $window_b.find('#slideContainer');
  var count = $items.length;
  var dur_ms = 800;
  var autoplay_interval = 7000;  
  var cur_idx = 0;
  
  var item_size = 2000;
  var timess =null;
  $('#slideContainer li:not("#slideContainer li:eq(0)")').css("left",-1680);
  

  $('.mainbanner_list li').each(function(index){
   var $cur_item = $(this);
   $cur_item.click(function(){
    if(!$('#slideContainer li').eq(index).is(":animated")){
     if(cur_idx<index){
      $('#slideContainer li').eq(index).css("left",1680);
      $('#slideContainer li').eq(cur_idx).animate({left:-1680},dur_ms);
      
     }else if(cur_idx>index){
      $('#slideContainer li').eq(index).css("left",-1680);
      $('#slideContainer li').eq(cur_idx).animate({left:1680},dur_ms);
     }
     $cur_item.addClass("active").siblings().removeClass("active");
     $('#slideContainer li').eq(index).animate({left:0},dur_ms);
     
     cur_idx=index;
    }
   });
  });
  
 
  $('.mainbanner').hover(function(){
   window.clearInterval(timess);
  },function(){
   timess = window.setInterval(function(){
   $(".previous").trigger("click");
   },autoplay_interval);
  })
  
  timess = window.setInterval(function(){
   $(".previous").trigger("click");
  },autoplay_interval);

  
  $(".previous").click(function(){
   if(!$('#slideContainer li').eq(cur_idx).is(":animated")){
    if(cur_idx==count-1){
     cur_idx=0;
     $items.eq(cur_idx).addClass('active').siblings().removeClass('active');
     $('#slideContainer li').css({left:-1680});
     $('#slideContainer li').eq(count-1).css({left:0});
     $('#slideContainer li').eq(cur_idx).css("left",1680);
     $('#slideContainer li').eq(count-1).animate({left:-1680},dur_ms);
     $('#slideContainer li').eq(cur_idx).animate({left:0},dur_ms);
     
     
    }else{
     cur_idx++;
     $items.eq(cur_idx).addClass('active').siblings().removeClass('active');
     $('#slideContainer li').eq(cur_idx).css("left",1680);
     $('#slideContainer li').eq(cur_idx-1).animate({left:-1680},dur_ms);
     $('#slideContainer li').eq(cur_idx).animate({left:0},dur_ms);
    }
    
   }
  });
  
  $(".nxet").click(function(){
   if(!$('#slideContainer li').eq(cur_idx).is(":animated")){
    if(cur_idx==0){
     cur_idx=count-1;
     $items.eq(cur_idx).addClass('active').siblings().removeClass('active');
     
     $('#slideContainer li').css({left:1680});
     $('#slideContainer li').eq(0).css({left:0});
     $('#slideContainer li').eq(cur_idx).css("left",-1680);
     $('#slideContainer li').eq(0).animate({left:1680},dur_ms);
     $('#slideContainer li').eq(cur_idx).animate({left:0},dur_ms);
     
     
    }else{
     cur_idx--;
     $items.eq(cur_idx).addClass('active').siblings().removeClass('active');
     $('#slideContainer li').eq(cur_idx).css("left",-1680);
     $('#slideContainer li').eq(cur_idx+1).animate({left:1680},dur_ms);
     $('#slideContainer li').eq(cur_idx).animate({left:0},dur_ms);
    }
    
   }
  });
  
  
  
  //图文分享
  var fx = $(".img_fx_box");
  var fx_ul = fx.find("ul");
  var fx_li = fx.find("li");
  var width_s = fx_li.innerWidth()*2;
  var li_leng = fx_li.length;
  var li_lengs = Math.ceil(li_leng/2);
  var img_fxlist = $(".img_fx_list a");
  var now = 0;
  fx.find("ul").width(li_leng*300);
  img_fxlist.each(function(i) {
   $(this).click(function(){
    if(!fx_ul.is(":animated")){
      $(this).addClass("active_ed").siblings("a").removeClass("active_ed");
      fx_ul.stop().animate({left:-i*width_s},"normal");
      now=i;
    }
   });
        });
  
  setInterval(function(){
   if(now==li_lengs-1){
    now = 0;
   }else{
    now++;
   };
   img_fxlist.eq(now).trigger("click");
  },6000)
}

obj.yd_form =function(){
  $(".textarea_but").bind("click",function(){
   var shade = '<div id="shade"></div>';
   $("body").append($(shade));
   $('#shade').css({"width":win_w,"height":win_h,"opacity":0.4});
   $('#shade').show(0);
   $(this).siblings(".introduction_textarea").fadeIn(500);
  });
  $(".introduction_textarea .query_form_sub_1 input").bind("click",function(){
   if($(this).attr("noCloseWindow")!=undefined && typeof($(this).attr("noCloseWindow")) != "undefined"){
    //sfti0338加,用于会议订单详情页面的新增参会人员弹出框
    return false;
   }

   $(".introduction_textarea").fadeOut(500);
   $('#shade').remove();
  });
  $(".yd_form_but_1").each(function(i){
   $(this).click(function(){
    var shade = '<div id="shade"></div>';
    $("body").append($(shade));
    $('#shade').css({"width":win_w,"height":win_h,"opacity":0.4});
    $('#shade').show(0);
    $("#isInternal_hidden").val(i);
    $(".introduction_textarea_1").fadeIn(500);
   });
  });
  
  
  
  $(window).resize(function(){
   if($('#shade').is(":visible")){
    $('#shade').css({"width":win_w,"height":win_h,"opacity":0.4});
   }
  });
  
  document.onclick = function(ev){
   var ev = ev || window.event;
   var evtar = ev.srcElement || ev.target;
   if(evtar.parentNode.className!="affiliation_bm_1" && evtar.parentNode.parentNode.className!="affiliation_bm_1"){
    $(".affiliation_bm_1 ul").hide(0);
   }
   
  };
  
  $(".affiliation_bm_1 .affiliation_bm").bind("click",function(){
   var _this = $(this);
   
   $(this).siblings("ul").width(_this.width()+25).show(0);
   $(".affiliation_bm_1 li").bind("click",function(){
    $(this).parent("ul").siblings(".input_text").val($(this).text());
    _this.siblings("ul").hide(0);
   });
   
  });
  var times_1,times_2 = null;
        $(".cost_explain .yd_form_but").mouseenter(function(){
                 clearTimeout(times_2);
                 times_1 = setTimeout(function(){
                          $("#cost_explain_text").fadeIn(80);
                 },200);
                
        }).mouseleave(function(){
                 times_1 = setTimeout(function(){
                          $("#cost_explain_text").fadeOut(80);
                 },200);
        });
        $("#cost_explain_text").mouseenter(function(){
                 clearTimeout(times_1);
                 var _this = $(this);
                 times_2 = setTimeout(function(){
                          _this.fadeIn(80);
                 },200);
                
        }).mouseleave(function(){
                 var _this = $(this);
                 times_2 = setTimeout(function(){
                          _this.fadeOut(80);
                 },200);
        });
        $(".query_condition_bag").bind("click",function(){
         if($(this).siblings(".box_bag_t").is(":hidden")){
          $(this).siblings(".box_bag_t").slideDown();
          $(this).addClass("query_condition_bag1");
         }else{
          $(this).removeClass("query_condition_bag1");
          $(this).siblings(".box_bag_t").slideUp();
         }
        });
        $(".nav_lis").mouseenter(function(){
         $(this).addClass("nav_lis_ed");
         $(this).find(".nav_div").slideDown(100);
        }).mouseleave(function(){
         $(this).find(".nav_div").slideUp(100);
         $(this).removeClass("nav_lis_ed");
        });
       
        $(".aff_org").click(function(){
         var shade = '<div id="shade"></div>';
   $("body").append($(shade));
   $('#shade').css({"width":win_w,"height":win_h,"opacity":0.4});
   $('#shade').show(0);
   $(this).siblings(".introduction_textarea").show();
   $(".close_de").click(function(){
    $(this).parents(".introduction_textarea").hide();
    $('#shade').remove();
   });
        });
};

Date.prototype.format = function(format){
 var o = {
 "M+" : this.getMonth()+1, //month
 "d+" : this.getDate(), //day
 "h+" : this.getHours(), //hour
 "m+" : this.getMinutes(), //minute
 "s+" : this.getSeconds(), //second
 "q+" : Math.floor((this.getMonth()+3)/3), //quarter
 "S" : this.getMilliseconds() //millisecond
 }

 if(/(y+)/.test(format)) {
 format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
 }

 for(var k in o) {
 if(new RegExp("("+ k +")").test(format)) {
 format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
 }
 }
 return format;
 }

String.prototype.getTimestamp = function(day)
{
 if(day.length<10)return '';
      re = /(\d{4})(?:-(\d{1,2})(?:-(\d{1,2}))?)?(?:\s+(\d{1,2}):(\d{1,2}):(\d{1,2}))?/.exec(day);
      if(re[1]==null) alert("")
      var d = new Date(re[1],(re[2]||1)-1,re[3]||1,re[4]||0,re[5]||0,re[6]||0).getTime()
      return d;
}


function getReseveData(uid,ulid,path){
 var reseveVal = $("#"+uid).val();
 var width = $("#"+uid).css("width");
 //var ulstr = "<ul style='display:none;background-color: #F0F8FF' id='ulId'></ul>";
 if(width && width.indexOf('px') > 0) {
 width = width.substring(0, width.indexOf('px')) ;
 } else {
 width = 200;
 }
 reseveVal = reseveVal.replace(/[ ]/g,"");
 if(reseveVal!='' && reseveVal!=undefined){
  $.post(path+"/meeting/getReseveData.action",
       {'reseveVal':reseveVal},
       function(result){
        var ulHtml = "<li class='userseletli'></li>";
        if(result.success && result.userList.length>0){
        
         $("#"+ulid).css("width",width).html("");
         var userList = result.userList;
         for ( var i = 0; i < userList.length; i++) {
          var s = "clickUserUl(this,'{0}','{1}')";
          s=s.replace("{0}",uid).replace("{1}",ulid);
          ulHtml += "<li class='userseletli' οnclick="+s+" empNum='"+userList[i].empNum+"'>"+userList[i].empNum+" ※ "+userList[i].lastName+"</li>";
         }
        }
        else
        {
         ulHtml +="<li class='userseletli'>没有找到相关员工</li>";
         $("#"+uid).addClass("error");
        }
       // $(_this).append(ulstr);
        $("#"+ulid).html(ulHtml);
        $("#"+ulid).css("display","block");
       }
  );
 }
 else
 { $("#"+ulid).css("display","none");}
 //$(_this).bind('blur',function(){$("#"+ulid).css("display","none");})
 
}

function clickUserUl(_this,uid,ulid){
 var empNum = $(_this).attr("empNum");
 var costDept = $(_this).attr("costDept");
 var costDeptName = $(_this).attr("costDeptName");
  $("#"+uid).val(empNum);
  $("#"+uid+"_m").val(empNum);
  $("#"+ulid).css("display","none");
  vldDiv("ID:"+uid);
}


//锁屏显示       (关闭锁屏    setTimeout($.unblockUI,200);)
function loadingShow()
{
 $.blockUI( 
       { 
        theme:true, 
        //title:'<p style="font-size:25px" mce_style="font-size:25px">This is your title<p>', 
        message:'<p style="height:30px;font-size:12px;background-color:#F8F8FF;" mce_style="font-size:22px;background-color:green;">正在请求中,请稍等...</p>'
       });
}


//联想框查询
function selectCommon(sid,url)
{
  $("#"+sid).select2({
    initSelection : function (val, callback) {
           var data = {id: val.val(), text: val.val()};
           callback(data);
       },
      placeholder:"输入条件查询",//文本框的提示信息
      minimumInputLength:1,   //至少输入n个字符,才去加载数据
      ajax: {
       type:'POST',
          url:url, //地址
          dataType:'json', //接收的数据类型
          data: function (term, page) {
              return params = {
                  'reseveVal': term
              }
          },
          results: function (data, page, query) {
              //id ,text = empNum,lastName
              var emps=[];
              $.each(data.userList, function(index, item){
                  var emp = {};
                  if(sid=='userSelect'){
                   emp["id"] = item.empNum+"/"+item.orgCode+"/"+item.currOrgName;
                  }else{
                   emp["id"] = item.empNum;
                  }
                  emp["text"] = item.empNum + " / " + item.lastName;
                  emps.push(emp);
              });
              return {results : emps};
          }
        
      }
  });
}

function createTimeUl2(time,_this,f)


 
 var temp = "<li useType='{0}' οnclick='setUseType(this);'>{0}</li>"
 var times=["06:00",
            "06:30",
            "07:00",
            "07:30",
            "08:00",
            "08:30",
            "09:00",
            "09:30",
            "10:00",
            "10:30",
            "11:00",
            "11:30",
            "12:00",
            "12:30",
            "13:00",
            "13:30",
            "14:00",
            "14:30",
            "15:00",
            "15:30",
            "16:00",
            "16:30",
            "17:00",
            "17:30",
            "18:00",
            "18:30",
            "19:00",
            "19:30",
            "20:00",
            "20:30",
            "21:00",
            "21:30",
            "22:00",
            "22:30",
            "23:00",
            "23:30",
            "00:00",
            "00:30",
            "01:00",
            "01:30",
            "02:00",
            "02:30",
            "03:00",
            "03:30",
            "04:00",
            "04:30",
            "05:00",
            "05:30"
            ];
 var j =0;
 if(time.length==4)
  time="0"+time;
 for(var i=0 ; i<times.length;i++)
 {
  if(times[i]==time){j=i;break;}
 }
 times = times.slice(j);
 _this.next().find('ul').remove();
 
 var str="<ul style='display: none;width:"+_this.width()+";'>";
 for(var i=0 ; i<times.length;i++)
 {
  str = str +temp.replace("{0}",times[i]).replace("{0}",times[i]);
 }
 str = str + "</ul>"
 
 if(f)
 {
  _this.next().find('input').val(times[0]).after(str);
 }
 else
  _this.next().find('input').after(str);
}


function getKytime(stime)
{
 if($.trim(stime)=="")
 {
  return "";
 }
 var array = stime.substring(stime.indexOf(" "),stime.length).split(":");
 var val1 = parseInt(array[0]);
 var val2 = parseInt(array[1]);
 var time = "";

 if(val2>=30)
 {
  array[0]=val1+1;
  array[1]="00";
 }
 else
 {
  array[1]="30";
 }
 return $.trim(array[0]+":"+array[1]);
}

使用方法类  test.js

$(function() {
 //初始加载项
 createTimeUl2("",$("#beginTm"),$("#startTime").val()==""?true:false);
 createTimeUl2("",$("#endTm"),$("#endTime").val()==""?true:false);
 selectCommon("userSelect","../meeting/getReseveData.action");
 selectCommon("projApprover","../meeting/getReseveData.action");

});

 

/**
 * 计算用车时长及成本
 *
 * @author
 */
function dateChange() {
 var beginDate = $('#beginTm').val()+" "+$("#startTime").val();
 var endDate = $('#endTm').val()+" "+$("#endTime").val();
 
 if(beginDate !='')
 {
  
  var t = comptime(beginDate,new Date().format("yyyy-MM-dd hh:mm"));
  
  if(!t)
  {
   jAlert("出发时间必须大于当前时间!");
   $('#beginTm').val('');
   $('#endTm').val('');
   return;
  }
 }
 
 if (beginDate != '' && endDate != '') {
  if($('#endTm').val()=='')return false;
  var flag = comptime(beginDate,endDate);
  if(flag)
  {
   jAlert("返回时间必须大于出发时间!");
   $('#endTm').val('');
   return;
  }
 }else{
  return;
 }
}

 

function getDate(str)
{
 var str = str.replace("-","/").replace("-","/");
 var date = new Date(str);
 return date;
}

/**
 * 用车类型设置
 *
 * @param _this
 *            li标签对象
 * @author
 */
function setUseType(_this) {
 var useType = $(_this).attr("useType");
 var time_id=$(_this).parent().prev().attr('id');
 
 if(time_id=="endTime")
  {
  $("#endTime").val(useType);
  endDateChange("#endTm",false);
  }
 else if(time_id=="startTime")
 {
  $("#startTime").val(useType);
  endDateChange("#endTm",true);
  
  if($(_this).parent().prev().val()=="23:30")
  {
   var bt = $.trim($('#beginTm').val())
   var str = bt.replace("-","/").replace("-","/");
   var date = new Date(str);
   date.setDate(date.getDate()+1);
   
   $('#endTm').val(date.format("yyyy-MM-dd"));
  }
  
 }
  
}

/**
 * 比较时间 格式 yyyy-mm-dd hh:mi
 */
function comptime(beginTime,endTime) {
 
 
 beginTime += ":00";
 endTime += ":00";
 
 var a = (new String().getTimestamp(endTime) - new String().getTimestamp(beginTime)) / 3600 / 1000;
 if (a <= 0) {
  return true;//alert("endTime小!");
 } else {
  return false;
 }
}

function stratDateChange(_this,f)
{
 var endDate = $('#beginTm').val()+" "+$("#beginTime").val();
 
 var nowdate=new Date().format("yyyy-MM-dd hh:mm");
 if(endDate.split(" ")[0]==nowdate.split(" ")[0])
 {
  createTimeUl2(getKytime(nowdate),$(_this),f);
 }
 else
  createTimeUl2("",$(_this),f);
 dateChange();
}

function endDateChange(_this,f)
{
 var startTime =$.trim($("#startTime").val());
 
 var beginDate = $.trim($('#beginTm').val());
 
 var endDate = $.trim($('#endTm').val());//+" "+$("#endTime");
 var nowdate="";
 if(beginDate==endDate)
 {
  if(startTime=="23:30")
  {
   var bt = $.trim($('#beginTm').val())
   var str = bt.replace("-","/").replace("-","/");
   var date = new Date(str);
   date.setDate(date.getDate()+1);
   
   $('#endTm').val(date.format("yyyy-MM-dd"));
  }
  
  nowdate = beginDate+" "+$("#startTime").val();
 }
 createTimeUl2(getKytime(nowdate),$(_this),f);
 dateChange();
}

function stratDatepicker(_this)
{
 WdatePicker({dateFmt:'yyyy-MM-dd',skin:'whyGreen',minDate:'%y-%M-%d',onpicked:function(dp){stratDateChange(_this,true);}});
}

function endDatepicker(_this)
{
 WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'beginTm\');}',onpicked:function(dp){endDateChange(_this,true);}})
 
}

 

使用的jsp界面test.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<style>
 b.mastw{
 color:red;font-size:16px;
 }
</style>
<body>
<div class="car_main">
  <div class="box_bag_b">
  <form id="carOrderForm" name="carOrderForm" class="yuding_form">
      <table width="1000" border="1" cellspacing="0" cellpadding="0">
       <tr>
          <td style="padding:0 20px 0 70px;" width="150" height="30"><b class="mastw">*&nbsp;</b>出发时间:</td>
          <td width="280">
           <input style="float: left;width:120px" name="stratDate1" value="<s:property value="stratDate1" />" id="beginTm"
            onClick="stratDatepicker(this)" class="input_text Wdate input_text2" type="text" readonly="readonly" />
            <div style="float: left;width:70px" class="affiliation_bm_1">
                <input style="width:50px" class="input_text affiliation_bm" id="startTime" name="stratDate2" value="<s:property value="stratDate2" />" readonly="readonly" type="text" />
            <div>
          </td>
          <td width="150"><b class="mastw">*&nbsp;</b>返回时间:</td>
          <td>
           <input style="float: left;width:120px" name="endDate1" value="<s:property value="endDate1" />" id="endTm" 
           onClick="endDatepicker(this)"  class="input_text Wdate input_text2" type="text" readonly="readonly" />
            <div style="float: left;width:70px" class="affiliation_bm_1">
                <input style="width:50px" class="input_text affiliation_bm" id="endTime" name="endDate2" value="<s:property value="endDate2" />"  readonly="readonly" type="text" />
            <div>
          </td>
        </tr>
      
        <tr>
          <td style="padding:0 20px 0 70px;" width="150" height="30"><b class="mastw">*&nbsp;</b>用车人:</td>
          <td width="280">
     <input name="carOrder.userId" οnchange="fillOrgCodeOrName(this);" value="${empty(carOrder.userId)? user.empCode : carOrder.userId }/${empty(carOrder.userName) ? user.empName : carOrder.userName}" class="[required|BR]" type="hidden" id="userSelect" style="width: 210px;" />
          </td>
        </tr>       
       
      </table>
      <br/>
  </form>
  </div>
</div>

</body>
<script src="${scripts}/test.js"></script>

<link href="${basePath}/styles/style.css" type="text/css" rel="stylesheet" />
</html>

 

 需要用到的css文件test.css

@import url('global.css');
/*head*/
.header{width:1002px;margin:0 auto;}
.head_t{height:84px;}
.logo{float:left;width:194px;padding-top:18px;}
.head_r{float:right;width:800px;padding-top:12px;}
.head_r span{float:right;font-size:12px;}
.head_r span,.information_ioc a,.personal_ioc a,.out_ioc a,.login_but{color:#767676;}
.bag_span{width:18px;height:14px;background:url(../../images/portal/border_bag.gif) center 2px no-repeat;}
.login_but,.membei_name,.num_but_l,.num_but_r{float:right;}
.information_ioc{background:url(../../images/portal/ema.png) left center no-repeat;padding-left:16px;}
.personal_ioc{background:url(../../images/portal/user.png) left center no-repeat;padding-left:16px;position:relative;}
.person_mun_box a,.person_mun_box{display:block;}
.person_mun_box {position:absolute;top:10px;left:12px;left:-14px\9;padding-top:8px;width:82px;display:none;}


.person_mun_box span{z-index:9999;display:block;padding:20px 0 8px;background: url(../../images/portal/box_meun.png) no-repeat;border-radius:3px;width:122px;height:118px;}
.personal_ioc:hover .person_mun_box{display:block}
.person_mun_box a:hover{background:#f3f3f3;}
.person_mun_box a{line-height:22px;color:#999;text-align:center;width:107px;margin-left:4px;}

 

.out_ioc{background:url(../../images/portal/out.png) left center no-repeat;padding-left:16px;}
.head_r .membei_name{color:#76ac25;}
.num_but_l{background:url(../../images/portal/advi_l.jpg) left 0 no-repeat;height:14px;overflow:hidden; padding-left:5px;}
.num_but_r{background:url(../../images/portal/advi_r.png) right 0 no-repeat;height:14px;overflow:hidden; padding-right:5px; line-height:14px;color:#fff;}
.head_r .membei_name:hover{text-decoration:none}
.nav_es{background:#76AC25;width:100%;height:49px; line-height:49px;margin-top:16px;}
/*nav
.nav{height:49px;line-height:49px;margin:0px auto 0;width:1002px;}
.nav li{margin-right:52px;float:left;position:relative;z-index:100;}
.nav_lis_ed{background:#9c9 url(../../images/portal/border_t.png) no-repeat left top;}
.nav a{display:inline-block;height:50px;line-height:46px;color:#222;font-size:16px;font-weight:bold;padding:0 9px;padding-bottom:5px font-family:"Microsoft YaHei";}
.nav .list_ed{color:#fff;}
.nav_div{width:120px;position:absolute;left:0px;top:48px;background:#9c9;padding:10px 0 18px;z-index:100;display:none;}

.nav_div a{height:20px;line-height:20px;font-weight:normal;color:#fff;font-size:15px;display:block;padding:4px 4px;}
.nav_div a:hover{background:#f3f3f3;color:#666;}*/
/*head*/
/*#footer*/

#footer{border-top:2px solid #d5e8b8;width:100%;padding-top:30px;margin-top:58px;padding-bottom:50px;}
.foot{margin:0 auto;width:1002px;}
.fott_menu{width:1002px;overflow:hidden;padding-bottom:32px;}
.fott_menu ul{width:1200px;}
.fott_menu li{float:left;width:184px;border-right:1px dotted #999;height:102px;}
.fott_menu li.foot_menu_6{border:none;}
.fott_menu li.foot_menu_1{width:122px;}
.fott_menu h3{color: #000; font-family: "Microsoft YaHei";font-size: 16px; font-weight: bold;height: 28px;line-height: 28px;text-align:center;padding-top:62px;min-width:58px;}
.foot_menu_1 h3{background:url(../../images/portal/zy.png) no-repeat 4px top; text-align:left}
.foot_menu_2 h3{background:url(../../images/portal/yh.png) no-repeat center top;}
.foot_menu_3 h3{background:url(../../images/portal/lh.png) no-repeat center top;}
.foot_menu_4 h3{background:url(../../images/portal/ks.png) no-repeat center top;}
.foot_menu_5 h3{background:url(../../images/portal/fw.png) no-repeat center top;}
.foot_menu_6 h3{background:url(../../images/portal/yz.png) no-repeat center top;}
.blogroll ul{float:left;width:478px;}
.blogroll li{float:left;width:212px;}
.blogroll dl{width:192px;}
.blogroll dt{color: #000; font-family: "Microsoft YaHei";font-size: 14px; font-weight: bold;height: 28px;line-height: 28px;}
.blogroll dd{float:left;display:inline;height:20px;line-height:20px;width:86px; padding-bottom:4px;}
.blogroll dd b{font-size:18px;padding-right:4px;color:#000; vertical-align:2px;}
.blogroll dd a{color:#666;font-size:12px;}

.ewm_img{width:430px;float:right;}
.ewm_img img{float:right;margin-left:36px;_display:inline;}/*#footer*/
/*#首页*/

/*banner*/
.mainbanner{height:400px;overflow:hidden; position:relative; min-width:1002px; }
.mainbanner_window{left:50%;width:1680px;height:400px;overflow:hidden;margin-left:-840px;position:absolute;}
.mainbanner_window ul{width:999999px;height:400px;position:relative;}
.mainbanner_window li{width:1680px;height:400px;text-align:center;font-size:0px;float:left;display:inline; position:absolute; left:0;}

.mainbanner_list{left:50%;top:360px;height:12px;position:absolute; z-index:100;}
.mainbanner_list li{width:12px;height:12px;float:left; margin-right:8px;  }

.mainbanner_list a{width:12px;height:12px; background:url(../../images/portal/circle.png) no-repeat -1px 0px; float:left; }

.mainbanner_list li a:hover{background:url(../../images/portal/circle.png) no-repeat -1px -20px;}
.mainbanner_list .active a{ background:url(../../images/portal/circle.png) no-repeat -1px -20px;}

.previous,.nxet{position:absolute;z-index:999;display:inline-block; top:158PX;  background:url(../../images/portal/nxet.png) no-repeat; height:96px; width:36px;}

.nxet{left:38px;background-position:-79px 0px;}
.previous{right:38px; background-position:-141px 0px;}

.nxet:hover{background-position:0 0px;}
.previous:hover{ background-position:-43px 0px; }

#login_box{width:227px;height:281px; background:url(../../images/portal/login.png) no-repeat;top:-332px; position:absolute; right:0;}
#login_box h3{line-height:30px; text-align:center;font-size:18px;padding:16px 0 ; }
#login_box h3 strong,#login_box h3,.but_logines {font-weight:normal;color:#fff;font-family:"Microsoft Yahei";}
#login_box h3 strong{font-size:30px}
.but_logines{margin:0 auto 12px;background:url(../../images/portal/loging7.png) no-repeat; text-align:center; height:46px; line-height:46px; width:167px;font-size:18px; display:block;  }

.main_box{margin:0 auto;width:1002px;}
.main_t{margin-top:38px;}
.main_t h3{color:#000;font-size:16px;font-weight:bold; font-family:"Microsoft YaHei";height:28px;line-height:28px;padding-bottom:10px;}
.interior_new{width:410px;float:left;}
.interior_new li{height:38px;line-height:38px;padding-left:18px;background:url(../../images/portal/list.png) no-repeat 4px center; text-align:left;width:320px; }
.img_fx_thumbnail div p,.interior_new li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  }

.interior_new a{color:#646474;font-size:12px;}
.img_fx{width:584px;float:right;}
.img_fx_ti{position:relative;}
.img_fx_list{position:absolute;right:20px;height:9px;overflow:hidden;font-size:0;top:2px;}
.img_fx_list a{display:inline-block;width:9px;height:9px; margin-right:8px;background:url(../../images/portal/re.png) no-repeat  -19px -1px;}
.img_fx_list .active_ed{ background:url(../../images/portal/re.png) no-repeat -1px -1px;}
.img_fx_ti h3{padding-left:20px;}
.img_fx_box{width:584px;height:200px;overflow:hidden;margin-top:8px;position:relative;}
.img_fx_box ul{position:absolute;}
.img_fx_box li{width:248px;padding:0 22px;float:left;}
.img_fx_thumbnail{height:76px;}
.img_fx_thumbnail img{float:left;}
.img_fx_thumbnail div{width:160px;float:right;}
.img_fx_thumbnail div h4{height:34px;line-height:34px;font-weight:bold;color:#000;font-size:14px;padding-top: 14px;}
.img_fx_thumbnail div p{width:160px;height:16px;line-height:16px;color:#888;font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  }
.img_fx_p{color:#767676;font-size:12px;height:68px;line-height:24px;overflow:hidden;}
.examine_a{padding-top:12px;}
.examine_a span,.examine_a a{font-size:14px;}
.examine_a a{ text-decoration:underline;font-family: "Microsoft YaHei"}

.classify_box{width:1002px;overflow:hidden;padding-top:42px;}
.classify_box ul{width:1140px;}
.classify_box li{float:left; margin-right:118px;width:256px;padding-top:142px;}
.classify_box .classify_li_1{background:url(../../images/portal/cy.png) no-repeat center top;}
.classify_box .classify_li_2{background:url(../../images/portal/xz.png) no-repeat center top;}
.classify_box .classify_li_3{background:url(../../images/portal/yd.png) no-repeat center top;}
.classify_box li h3{ color: #000; font-family: "Microsoft YaHei";font-size: 16px; font-weight: bold;height: 28px;line-height: 28px;padding-bottom:18px;text-align:center}
.classify_box li p{color:#888;font-size:12px;line-height:24px;text-align:center;}
/*#首页*/
/*会议室预定*/
.car_main{margin:5px auto 0;width:1002px;}
.car_main h3,.car_explain h4,.car_explain h5,.service_hotline{color: #000; font-family: "Microsoft YaHei";font-size: 16px; font-weight: bold;height: 28px;line-height: 28px;padding-bottom:10px;}
.car_explain h4{font-size: 14px;padding-bottom:2px;}
.car_explain h5{font-size: 12px;padding:28px 0 2px;}
.car_explain div{font-size:12px;color:#666;line-height:20px;padding-top:12px;}
.car_explain p{line-height:20px;color:#76AC25;font-size:12px;font-family:"Microsoft YaHei";padding-left:2em;}
.service_hotline{font-size:14px;padding-top:30px;}
.car_dd{height:44px;line-height:44px;margin:38px 0 48px;}
.car_dd a{float:left;background:#D80C24;height:44px;line-height:44px;margin-right:12px;text-align:center;font-size:24px;color:#fff;}
.refresh{width:186px;}
.request{width:216px;}
.inventory{width:236px;}
.car_record{width:1002px;overflow:hidden;margin-top:20px;}
.car_record h3{padding-bottom:34px;}
.car_time{height:30px;line-height:30px;}
.car_time a{font-size:14px;color:#76AC25;font-family:"Microsoft YaHei";width:46px;}
.car_previous{float:left;padding-left:22px;background:url(../../images/portal/car_pevr.png) left center no-repeat;margin-right:312px;}
.car_next{float:right;padding-right:22px;background:url(../../images/portal/car_next.png) right center no-repeat;}
.car_time span{float:left;width:240px;height:30px;line-height:30px;background:url(../../images/portal/data_bag.png) left center no-repeat;font-size:24px;font-weight:bold;color:#76AC25;padding-left:74px;}
.car_table {margin-left:-1px;margin-top:20px;}
.car_table_1{margin-left:0;}
.car_table table,.car_table td,.car_table th,.yuding_form,.yuding_form td,.introduction_box table,.introduction_box table td,.introduction_box table th{border:1px solid #ccc; border-collapse:collapse;text-align:center}
.introduction_box table,.introduction_box table td{padding:0 2px;}
.car_table table{border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.car_table td{color:#666;}
.yuding_form,.yuding_form td{border: none;color:#666;font-size:14px;}
.yuding_form td{ vertical-align:middle;text-align:left;padding-bottom:14px;}
.query_form{padding-top:10px;overflow:hidden;}
.query_condition{width:92px;}
.query_condition_1{width:136px;}
.query_sx_list{height:34px;line-height:34px;margin-bottom:20px;position:relative}
.query_sx_list label{width:100px;color:#666;font-size:14px;float:left;text-align:left}
.query_input{height:20px;line-height:20px;width:200px;padding:6px 4px;border:1px solid #ccc;float:left;color:#666;font-size:14px;border-radius:3px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.query_form_l{float:left;display:inline;width:422px;margin-left:26px;}
.query_form_r{float:right;display:inline;width:398px;margin-right:20px;}
.query_form_sub,.query_form_sub_1 input{ display:block; width:120px;height:30px;line-height:26px;color:#666;font-size:16px;background: url(../../images/portal/budt.png) no-repeat left 2px;border:none;cursor:pointer;float:right;margin-right:114px;_margin-top:-80px; outline:none;font-family:"Microsoft YaHei"; vertical-align:2px;}
.area_img{border:1px solid #ccc;box-shadow: 0px 0px 4px rgba(0,0,0,0.3);width:180px;height:150px;margin:0 auto;padding:4px;}
.area_img img{display:block}
.query_form_sub_1{height:42px;margin-top:30px;}
.query_form_sub_1 input{margin-top:0;margin-right:28px;}
.query_sx_che input{margin:10px 8px 0 0;margin-top:6px \9;}
.query_sx_che_1 input{margin-right: 4px;}
.query_sx_che_1 span { vertical-align:2px;}
.query_sx_che input,.query_sx_che span{float:left;color:#666;font-size:14px;}
.query_sx_che span,.query_sx_che_1 span{margin-right:12px;}
.query_sx_list select{border:1px solid #ccc;float:left;margin:6px 18px 0 0;height:30px;width:90px;}
.car_time_bag{position:relative;height:30px;}
.car_time_bag div{width:50%;height:30px;background:#999;position:absolute}
.car_time_l{left:0;}
.car_time_r{right:0;}
.query_form_div{width:1000px;margin:0 auto 0px;}
.input-text{width:112px;text-align:center;height:20px;line-height:20px;border:1px solid #ccc;color:#666;font-size:14px;padding-left:2px;margin-right:8px;}
.sx_list_span{position:relative;float:left;}
.province_box {position:absolute;top:34px; left:0;width: 320px;display:none;
border: 1px solid #ccc;overflow: hidden;background:#eee;z-index:999;box-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.province_box ul{margin: 8px;min-height:50px}
.province_box li{float: left;margin: 2px 4px;list-style: none;cursor: pointer;display: inline;line-height:20px;}
.province_box li a{float: left;padding: 2px;white-space: nowrap;color:#666;}
.input_text{height:22px;line-height:22px;border:1px solid #ccc; border-radius:3px;padding:4px;box-shadow: 1px 1px 2px rgba(0,0,0,0.3);color:#666;font-size:13px;background:#fff;}
.affiliation_bm{background:url(../../images/portal/selBtn.png) right center no-repeat;padding-right:20px;}
.yd_form_but{display:inline-block;text-align:center;height:28px;line-height:28px;border:none;border:0; outline:none;background:url(../../images/portal/budt.png) no-repeat;font-size:14px;color:#666;cursor:pointer;width:120px;}
.uploading_plan{padding:6px; width:564px;height:88px;overflow-y:auto;border:1px solid #ccc;margin-left:150px;background:#f3f3f3;}
.introduction_textarea{position:fixed;width:662px;height:400px;background:#fff;border:4px solid #999;left:50%;top:50%;margin:-210px 0 0 -331px;box-shadow: 0px 0px 8px #777;z-index:1000;display:none}
.introduction_textarea_1{height:200px;margin-top:-100px}
.uploadfile_box{height:28px;position:relative;}
.introduction_textarea h3{color:#333;padding-bottom:12px;}
.introduction_box{width:622px;padding-top:20px;margin:0 auto;position:relative; }
.introduction_box textarea{height:232px;width:612px;border:1px solid #ddd;display:block;padding:4px;color:#666;font-size:13px;}
#shade{position:fixed;width:100%;height:100%;top:0;left:0; background:#000;z-index:999;display:none;}
.Wdate{
 
 background:#fff url(../../images/portal/datePicker.gif) no-repeat right;
}
.Wdate::-ms-clear{display:none;}

.WdateFmtErr{
 font-weight:bold;
 color:red;
}
.query_sx_list_es1{z-index:100}
.affiliation_bm_1{position:relative;z-index:1}
.affiliation_bm_1 ul{z-index:20;box-shadow: 2px 2px 3px rgba(0,0,0,0.3);position:absolute;border:1px solid #ccc;width:162px;padding:10px 0;background:#eee;top:32px;left:0px;display:none;max-height:100px;overflow-y:auto;z-index:1000}
.affiliation_bm_1 li{color:#666;font-siez:14px;line-height:22px;padding:2px 4px;text-align:left;}
.affiliation_bm_1 li:hover{background:#ddd;}
.query_form_sub_1 .query_form_cancel{float:left;display:inline;margin-left:248px;}
.new_detalis{margin:50px auto 0;width:900px;}
h2.new_title{font-size:24px;color:#000;text-align:center;line-height:30px;font-family:"Microsoft YaHei"; padding-bottom:20px;}
.new_time{color:#999;font-size:14px;border-top:1px dashed #999;height:34px;line-height:34px;text-align:center;margin-bottom:30px;}
.new_detalis img{text-align:center; max-width:800px; max-height:2119px;}
.detalis_text p{color:#333;font-size:14px;line-height:24px;padding:8px 0 14px;}
.dd_operation a{height:20px;line-height:20px;width:50px;color:#666;font-size:12px;background:url(../../images/portal/budt_1.png) no-repeat;display:inline-block}
.input_disabled_max{width:658px;}
.input_disabled,.input_text2{width:200px;}
.input_disabled_max,.input_disabled{background:#f3f3f3;cursor:no-drop}
.dd_but{margin:0 30px 0 548px;}
.reason_textarea{width:580px;height:80px;padding:4px;border:1px solid #ccc;color:#666;font-size:12px;box-shadow: 2px 2px 3px rgba(0,0,0,0.3); border-radius:3px;background:#fff;}

.car_che_table,.car_che_table td,.cl_table_xx,.cl_table_xx td,.cl_table_xx th{border:1px solid #999;}
.car_che_table,.car_che_table input,.car_che_table textarea{border:none; box-shadow:none;}
.car_che_table .reason_textarea{width:876px;}
.car_che_table textarea {overflow-y:auto}
.car_che_table,.car_che_table td,.cl_table_xx,.cl_table_xx td{border-collapse:collapse;text-align:left !important;padding:0;padding: 6px 6px 6px 12px;}
.cl_table_xx td,.car_che_table td{padding-left:10px;background:#F8F8FF}
.cl_table_xx th{ background: #DCDCDC; no-repeat;text-align:center;}
.query_condition_2{position:relative;background:none;width:100%;}
.query_condition_2 span{width:104px;height:28px;float:left}
.query_condition_1 .dd_but{margin:0;right:0;top:0;}
.cl_from_but a{margin:0 12px 0 10px;}
.cost_explain{position:relative;}
#cost_explain_text{box-shadow: 2px 2px 3px rgba(0,0,0,0.3);position:absolute;border:1px solid #ccc;top:30px;left:0px;padding:10px 8px;background:#eee;width:320px;height:200px;overflow-y:auto; border-radius:8px;display:none;}
/*会议室预定*/

/*新增*/
.img_fx_p p{line-height:22px;height:22px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.img_fx_p a{color:#646474;}
.img_fx_p a:hover,.interior_new a:hover{ text-decoration:none; color: #76ac25}
.examine_a a{ text-decoration:none;margin-right:20px;color: #646474;}
.examine_a a:hover{ color: #76ac25}
.interior_new h3{position:relative;}

.interior_new h3 a{font-family: "Microsoft YaHei";font-size:14px;font-weight:normal}
.new_list_box{margin:0 auto;width:1002px;margin-top:20px;}
.new_list{margin:0 auto;width:1002px;padding-top:22px;background:url(../../images/portal/yy_t.png) no-repeat center top;}
.new_list_t{width:1002px;padding-bottom:26px;background:url(../../images/portal/yy_b.png) no-repeat center bottom;}
.new_list_main{width:1002px;background:url(../../images/portal/yy_c.png) repeat-y center top;}
.new_list_box h3{ padding-left:14px; color: #000; font-family: "Microsoft YaHei"; font-size: 16px; font-weight: bold;height: 28px;}
.new_list_main ul{width:920px;margin:0 auto;padding-bottom:20px;}
.new_list_main li{height:32px;line-height:32px;border-bottom:1px #999 dashed;}
.new_list_main li a{color:#666;font-size:12px;float:left;width:700px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-family: "Microsoft YaHei";}
.new_list_main li span{float:right;font-size:12px;color:#ccc;width:130px;font-family: "Microsoft YaHei";}
.new_list_main li b{float:left;font-size:14px;color:#666;width:18px; text-align:center; vertical-align:middle}

.new_list_pae{height:24px;line-height:24px;margin:20px 0 0 14px;text-align: center;}
.new_list_pae  span a,.new_list_pae  .disable{display:inline-block;height:22px;line-height:22px;background:#76ac25;margin-right:6px;padding:0 8px;border:1px solid #666;color:#fff;font-family: "Microsoft YaHei";font-size:14px;}
.new_list_pae .disable{color:#666;font-weight:bold;background:#ccc;}
.affiliation_bm_1 .aff_ul1{left:7px;}
.new_list_pae .info{border:none;background: none}
.query_form_div .getSiteBuild_div1{margin-bottom:10px}
.query_form_div .query_form_sub{margin-right:148px;}

.dd_operation .yd_form_but{background:url(../../images/portal/budt_2.png) no-repeat;width:60px;height:20px;line-height:20px;text-align:center;}
.sign_in td,.sign_in table,.sign_in th{ border: 1px solid #ccc;border-collapse: collapse;text-align: center;color:#666;font-size:12px;}
.sign_picture{margin-top:20px;}
.sign_in img{max-width:1000px;display:block}
.sign_in .sign_table td,.sign_in .sign_table{color:#666;font-size:14px;border:none}
.sign_in .sign_table {margin-bottom:40px;}
.affiliation_bm_1{width:180px;}
.complain_but{float:left;float:left;}
.complain_textarea{width:620px;height:110px;}
.affiliation_bm_1 ul li{font-size:13px;}
.complain_submit{margin-right:228px;float:right}
.detalis_text p{ text-indent:2em;}
.getSiteBuild_div3 input{margin-top:0;}
.getSiteBuild_div3 .affiliation_bm_1{width:120px;float:left;margin-right:12px;}
.getSiteBuild_div3 .affiliation_bm_1 .input_text{margin:0;width:100px}
.getSiteBuild_div3 .affiliation_bm_1 ul{width:120px;}

.address_seek label{text-align:left;font-size:16px;}
.address_seek .query_input{width:300px; margin-right:30px;}
.seek_butn{float:left;background:url(../../images/portal/budt.png) no-repeat;height:30px;line-height:30px;width:120px;
font-size:16px;font-weight:bold;color:#666;text-align: center;margin-top:2px;}
.address_seek_table{margin:0 auto;width:1010px;}
.address_seek_table th{color:#333;font-size:12px;}
.address_seek_table td{color:#666;font-size:12px;padding:6px 2px;white-space: nowrap; overflow: hidden; text-overflow:}

.close_de{background:url(../../images/portal/close_but.png) no-repeat;height:39px;width:39px;position:absolute;right:-18px;top:-18px;}
.detalis_buts{display:inline-block;background:url(../../images/portal/budt_2.png) no-repeat;height:20px;line-height:20px;width:60px;color:#666;font-size:12px;}
.al_box_tab{width:702px;margin:0 auto;padding-top:20px;}
.al_box_tab h3{ color: #000;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding:14px 0;}
.al_box_re td{height:22px;padding:4px 2px;}
.detalis_box_al{width:800px;height:320px;position:fixed;left:50%;margin:-160px 0 0 -400px;top:50%;background:#fff;box-shadow: 1px 1px 10px #999;border:4px solid #ccc;z-index:100000;display:none;}
.al_box_re{position:relative;}

.al_box_tab td{color:#666;font-size:12px;}

.car_main .query_condition_bag{background:url(../../images/portal/jt.png) no-repeat right 10px; padding:0;margin-bottom:24px;cursor:pointer;}
.car_main .query_condition_bag1{background:url(../../images/portal/jt1.png) no-repeat right 10px;}
.box_bag_t{padding-top:14px;width:1000px;background:url(../../images/portal/yuyuees_t.png) no-repeat center top;}
.box_bag_b{padding-bottom:12px;width:1000px;background:url(../../images/portal/yuyuees_b.png) no-repeat center bottom;}
.yuding_form{width:1000px;background:url(../../images/portal/yuyuees_c.png) repeat-y center;padding-top:20px;}

.query_form_div {padding:30px 0 50px;}

.query_form_l_1 .query_form_l,.query_form_l_1 .query_form_r{width:350px;float:left;}
.query_form_l_1{width:800px;margin-left:132px;}
.car_table a:hover{ttext-decoration:underline !important;}

.query_f_li_1 .query_form_l{width:342px;margin-left:140px;}
.query_f_li_1 .query_form_r{margin-right:60px}
.input_drop{cursor:no-drop}
.puery_sb_chebox{width:530px;line-height:20px;}
.classify_box li h4{font-size:14px;font-weight:bold;color:#333;text-align:center;padding-top:12px;}
.intere_c{height:26px;line-height:26px;margin-bottom:28px;}
.intere_c .input_text,.intere_c label{height:22px;line-height:22px;padding:2px;float:left;}

.intere_c .query_form_sub{margin:0;float:right;}
.table_div_gh{overflow-y:auto;height:300px;}
.ev_org{background:#fafafa;}
.table_div_gh tbody tr:hover{background:#eee;}
.introduction_box .close_de{right:-36px;}

.userseletul{background-color:#F0F8FF;display:none;}
.userseletli{border-bottom:#999999 dashed 1px; line-height:30px; margin:0 10px;cursor:pointer; }


.head-nav{ background:#76AC25; background-repeat:no-repeat;margin-top:16px;}
.subnav ul{ background-image:url(../../images/portal/cssimg_head.png); background-repeat:no-repeat;}
/*菜单*/
.head-nav{ height:49px;line-height: 49px;width: 100%; background-position:0 -111px; background-repeat:repeat-x;}
 

.nav{float:left;margin-left: 88px;}
.nav li{ float:left;position:relative; z-index:1000;margin-right: 52px;}
.nav li a.level0{ display:block; width:110px; text-align:center; height:50px; line-height:50px; color:#eee; font-size:16px;}
.nav li a.level0:hover{ background-repeat:repeat-x; background-position:0 -104px;}
.nav li.cur a.level0,.nav li a.level0:hover,.nav li.hover a.level0{ color:#fff; text-decoration:none; font-weight:bold;}
.nav .arrow-sub{ position:absolute; z-index:999; top:0; right:0; display:inline-block; *display:inline; *zoom:1; width:220px; height:11px; background:url(../../images/portal/icon_arrow_nav.png) no-repeat 148px 0;}
.subnav{ position:absolute; top:32px; right:0; z-index:998; width:220px; padding-top:10px; display:none;}
.subnav ul{ padding:1px 10px 10px 100px; background-repeat: no-repeat; background-position:10px 50%; background-color:#fff; font-size:12px; border:#7c726d 1px solid; -wekit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; height:auto !important; height:90px; min-height:90px; -webkit-box-shadow: #666 0px 1px 2px 1px; -moz-box-shadow: #666 0px 1px 2px 1px; box-shadow: #666 0px 1px 2px 1px;}
.subnav li{ background-image:none; display:block; float:none; position:static; padding:4px 10px;height:20px;width: 88px;}
.subnav li.loginsign{ background:url(../../images/portal/lock.png) no-repeat right 50%; padding-right:15px;}
.subnav li a{ cursor:pointer;color: black;}
.navli1 .subnav ul{ background-position: -110px -201px;}
.navli2 .subnav ul{background: #fff url(../../images/portal/xz1.png) no-repeat 10px 10px;background-size:10px 10px}
.navli3 .subnav ul{background: #fff url(../../images/portal/yd1.png) no-repeat 10px 10px;background-size:10px 10px}
.navli4 .subnav ul{background: #fff url(../../images/portal/cy1.png) no-repeat 10px 10px;background-size:10px 10px}
.head-nav .menu{ float:right; width:450px; _margin-top:10px;}
.menu{ text-align:right;}
.menu li{ display:inline-block; *display:inline; *zoom:1;}
.menu li.line{ margin:0 10px;}
.menu li a{ line-height:40px; color:#bababa;}

 

 还不是很全,有空补上去

 

效果如图

 

 

点击输入框,输入工号或者名字,模糊查询出数据;选择就OK

 

 

根据前面的日期自动计算后面的日期。。。。

 

 

 

 

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页