html {background-color: #f4f4f4;}

.box {margin-top: 25px;}
.boxb {padding:10px 20px;border:1px solid #e8e8e8;background: #fff;}
.sx , .ss , .hotkey , .sx .t , .sxlist , .sxlist dl {float: left;line-height: 32px;}
.sx {font-size: 16px;color: #6a6c6f;}
.sxlist dl {position: relative;margin-left: 5px;}
.sxlist dt a {position: relative;display: block;width: 80px;padding:0 27px 0 12px;font-size: 14px;color: #999;border:1px solid #e4e5e7;border-radius:3px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sxlist dt a i {position: absolute;right:10px;top:13px;display: block; width: 0; height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #C1BFBF transparent transparent transparent;}
.sxlist .msub {display: none;position: absolute;left:0;top:34px;min-width:120px;padding:5px 0;border: 1px solid #ddd; border-top: none; background: #fff;-moz-box-shadow: 0 10px 25px rgba(0,0,0,.3);-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.3);box-shadow: 0 10px 25px rgba(0,0,0,.3);z-index: 10; -webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out;}
.sxlist .msub a {display: block;padding:0 10px;line-height: 26px;font-size: 14px;color: #666;white-space: nowrap;}
.sxlist .msub a:hover , .sxlist .msub a.curr {color: #555;background:#e2e2e2;}
.sxlist dl:hover dd {display: block;}
.ss {float: right; margin-right: 10px;}
.ss input {display: block;height: 22px;float: left;border:1px solid #e4e5e7;padding:5px 6px;color: #999;box-sizing: content-box;}
.ss .inp {width: 250px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.ss .submit {background: #70ca63;color: #fff;border-color: #52bf43;border-top-right-radius: 3px;border-bottom-right-radius: 3px;cursor: pointer;}
.ss .submit:hover {background: #53BF43;border-color: #51D040;text-shadow: 0 1px 6px #fff; }
.hotkey {display: block;height: 34px;overflow: hidden;width: 270px;margin-left: 15px;}
.w1200 .hotkey {width: 315px;}
.hotkey span ,.hotkey a {display: inline-block;font-size: 14px;color: #999;}
.hotkey a:hover {color: #f60;text-decoration: underline;}
.hotkey a {margin:0 2px;}

.areaList {top: 34px;}
#date {font-weight: 500; color: #999;}

/* 招聘会列表 */
.list li {position: relative;height: 230px;margin-top: 20px;padding:20px 25px;border:1px solid #e8e8e8;-webkit-transition:all .3s;transition:all .3s;background: #fff;}
.list li:hover {box-shadow: 0 0 40px rgba(0,0,0,.15)}
.list li .pic {position: absolute;left:25px;top:20px;width: 350px;height: 230px;overflow: hidden;}
.list li .btn {position: absolute;bottom:0;left:0;width: 100%;height: 35px;line-height: 35px;}
.list li .btn .a ,.list li .btn .a ,.list li .bg {position: absolute;left:0;top:0;width: 100%;height: 100%;}
.list li .btn .a {text-align: center;z-index: 2;}
.list li .btn a {margin:0 5px;font-size: 15px;color: #fff;}
.list li .btn a:hover {text-decoration: underline;color: #F1F1F1;text-shadow: 0 1px 10px #f8f8f8;}
.list li .bg {background: #000;opacity: .3;filter:alpha(opacity=30);z-index: 1;-webkit-transition:all.3s;transition:all.3s;}
.list li .img ,.list li .img img {display: block;width: 350px;height: 230px;}
.list li .ewm {position: absolute;left:0;top:0;width: 100%;height: 195px;display: none;}
.list li .ewm .k {position: relative;width: 121px;padding:4px;height: 121px;padding:4px;margin:42px auto 0;background: #fff;z-index: 2;-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.list li:hover .k {-webkit-animation-name: vanishIn;animation-name: vanishIn;}
.list li:hover .btn .bg {top:auto;bottom:0;height:230px;}
.list li:hover .ewm {display: block;}
.list li .txt {padding-left: 380px;}
.list li .title {display: block;height: 30px;margin-bottom: 8px;font-size: 20px;}
.list li .title span.bt {display: inline-block;max-width:80%;float: left;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.list li .title span.tn {margin-left: 5px;font-size: 18px;color: #23bab5;float: left;}
.list li .txt p {height: 35px;line-height: 35px;font-size: 16px;color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list li .txt .adr {max-width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list li .txt p .t {color: #666;}
.list li .do {margin-left:10px;color: #1bb7fc;}
.list li .do:hover {color: #0398DA;text-decoration: underline;}
.list li .red {color: #f26f20;}
.list .detail {margin-top: 17px;}
.list li .d {display: inline-block;float: left;padding:0 15px;background: #85d27a;color: #fff;font-size: 16px;}
.list li .d:hover {background: #68C55B;}
.detail .ctag {display: inline-block;float: left; width: 25px; height: 25px; margin:7px 5px 0 15px;}
.ctag {opacity: .8;filter:alpha(opacity=90);}
.ctag:hover {opacity: 1;filter:alpha(opacity=100);}

.list li.empty {height: 300px; line-height: 300px; text-align: center; font-size: 14px; border: 0;}
.list li.empty:hover {box-shadow: none;}




/* 选择场馆 */
.fairsList {position: absolute; left: -1px; top: 34px; width: 745px; max-height: 400px; overflow-y: auto; padding: 15px 0 7px; cursor: default; background-color: #fff; border: 1px solid #ddd; border-top: none; -moz-box-shadow: 0 10px 25px rgba(0,0,0,.3); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.3); box-shadow: 0 10px 25px rgba(0,0,0,.3); -webkit-animation: topFadeIn .3s ease-out; -moz-animation: topFadeIn .3s ease-out; animation: topFadeIn .3s ease-out;z-index: 10;display: none;}
.fairsList p {line-height: 80px;}
.fairsList .sub-data {float: left; position: relative; width: 21%; height: 25px; line-height: 25px; font-size: 14px; margin: 0 2% 8px;}
.fairsList .sub-data a {display: block;padding:0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fairsList .curr {background-color: #ed8f36;}
.fairsList .curr a {color: #fff;}
.fairsList .curr i {position: absolute; left: 50%; bottom: -6px; margin-left: -5px; width:0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e8e7e7;}
.fairsList ul {display: none; float: left; width: 100%; margin: -2px 0 5px; padding: 10px 0; background-color: #e8e7e7;}
.fairsList li {float: left; width: 21%; height: 25px; line-height: 25px; padding: 0 2%; font-size: 13px;}
.fairsList li a {display: block;padding:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.moreScreening .fairsList {top: 6px; }
.fairsList .item {float: left; position: relative; width: 21%; height: 25px; line-height: 25px; font-size: 14px; margin: 0 2% 8px;}
.fairsList .item a {display: block; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@-webkit-keyframes vanishIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}
@keyframes vanishIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(2, 2);
    -webkit-filter: blur(90px);
  }

  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
    -webkit-filter: blur(0px);
  }
}