﻿body{-webkit-backface-visibility:hidden}
.user-back .user-nav-top{float:right}
.company-login{color:#7cbf59;margin-left:10px}
.company-login:hover{color:#7cbf59}
#homepage-header{position:relative;background-color:#fff;box-shadow:0 1px 3px #ddd;z-index:5}
#homepage-header a{text-decoration:none}
#homepage-header .header,#homepage-header .user-info{position:relative;width:1000px;margin:0 auto;font-size:0}
#homepage-header .user-info{width:1100px}
#homepage-header .user-info{line-height:30px}
#homepage-header .user-info span{font-size:12px;color:#f0564e;cursor:pointer}
#homepage-header .user-info .info{position:relative;display:inline-block;vertical-align:top;line-height:28px;width:78px;border:1px solid transparent;text-align:center;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding-right:10px}
#homepage-header .user-info .info:after{position:absolute;content:'';top: 8px;right:-2px;height:14px;width:1px;background-color:#ddd;}
#homepage-header .info p{font-size:14px;color:#666}
#homepage-header .user-back{background-color:#f5f5f5;box-shadow:0px 1px 1px #eee}
#homepage-header .warning-msg{display:inline-block;vertical-align:top;font-size:12px;color:#999}
#homepage-header .header-icon{display:inline-block}
#homepage-header .header-icon i{display:inline-block;width:86px;height:80px;background:url(../../../student/images/icon/homepage_icon.png) 0 22px no-repeat}
#homepage-header .header-icon span{display:inline-block;width:78px;margin:32px 0;vertical-align:top;font-size:14px;line-height:14px;color:#7cbf59;text-align:center;border-left:1px solid #7cbf59}
#homepage-header .header-list{display:inline-block;margin-left:282px;margin-right:-44px;vertical-align:top}
#homepage-header .header-list .list-item{display:inline-block;margin:0 24px;line-height:77px;font-size:16px;color:#666;border-bottom:3px solid transparent;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
#homepage-header .header-list .list-item.current{color:#7cbf59;border-bottom-color:#7cbf59}
#homepage-header .header-list .list-item:hover{color:#7cbf59}
#homepage-header .header-info{float:right}
#homepage-header .header-info a{display:inline-block;vertical-align:top;font-size:12px;color:#666;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
#homepage-header .header-info span{vertical-align:top;padding:0 9px;color:#ddd}
#homepage-header .header-info a.company-login{padding-right:0;padding-left:20px;color:#7cbf59}
#homepage-header .header-info a:hover{color:#7cbf59}
#homepage-header .header-loginInfo{position:relative;display:inline-block;width:114px;border:1px solid transparent;line-height:28px;vertical-align:top;font-size:0;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
/*#homepage-header .resume{margin-left:288px}*/
#homepage-header .resume a{display:block;font-size:12px;color:#666;text-decoration:none}
#homepage-header .apply:hover,#homepage-header .header-loginInfo:hover,#homepage-header .order:hover,#homepage-header .resume:hover{border-color:#ddd;border-bottom-color:#fff;background-color:#fff}
#homepage-header .header-loginInfo:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
#homepage-header .header-loginInfo:hover .info-detail,#homepage-header .user-info .apply:hover .apply-detail,#homepage-header .user-info .order:hover .order-detail,#homepage-header .user-info .resume:hover .resume-detail{background:#fff;border-color:#ddd;height:120px}
#homepage-header .user-info .apply:hover .apply-detail{height:150px}
#homepage-header .user-info .resume:hover .resume-detail{height:180px}
#homepage-header .user-info .order:hover .order-detail{height:90px}
#homepage-header .apply:hover li,#homepage-header .header-loginInfo:hover li,#homepage-header .order:hover li,#homepage-header .resume:hover li{height:30px}
#homepage-header .header-loginInfo img{width:22px;height:22px;margin-left:15px;vertical-align:middle;border-radius:50%}
#homepage-header .header-loginInfo p{display:inline-block;width:62px;vertical-align:top;text-align:center;font-size:12px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#homepage-header .header-loginInfo i,#homepage-header .resume > i,#homepage-header .apply > i,#homepage-header .order > i{display:inline-block;width:10px;height:10px;vertical-align:middle;background:url(../../../student/images/icon/homepage_icon.png) 0 -100px no-repeat;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.header-loginInfo .info-detail,.user-info .apply-detail,.user-info .order-detail,.user-info .resume-detail{position:absolute;right:-1px;top:29px;width:114px;height:0;overflow:hidden;border:1px solid transparent;border-top:none;color:#333;z-index:5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.user-info .apply-detail,.user-info .order-detail,.user-info .resume-detail{width:88px;font-size:12px}
.header-loginInfo .info-detail li,.user-info .apply-detail li,.user-info .order-detail li,.user-info .resume-detail li{position:relative;text-align:right;height:0;line-height:30px;padding-right:30px;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.user-info .resume-detail li{text-align:center;padding:0}
.user-info .apply-detail li a,.user-info .order-detail li a{padding-right:16px;width:64px}
.header-loginInfo .info-detail li a,.user-info .apply-detail a,.user-info .order-detail a,.user-info .resume-detail a{display:block;width:84px;padding-right:30px;text-decoration:none;font-size:12px;color:#333;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.header-loginInfo .info-detail li:hover,.user-info .apply-detail li:hover,.user-info .order-detail li:hover,.user-info .resume-detail li:hover{background:#f5f5f5}
.header-loginInfo .info-detail li:hover a,.user-info .apply-detail li:hover a,.user-info .order-detail li:hover a,.user-info .resume-detail li:hover a{color:#7cbf59}
#homepage-header .info span{position:relative;line-height:28px;color:#666;vertical-align:top}
.info .imgEmail{padding-left:26px;background:url(../../../student/images/icon/homepage_icon.png) no-repeat -58px -55px;}
.info .notification:after{position:absolute;right:-10px;top:-15px;content:'·';font-size:50px;color:#f0564e}
.info .email:after{position:absolute;right:26px;top:-15px;content:'·';font-size:50px;color:#f0564e}
#homepage-header .info i{position:absolute;top:8px;right:14px;width:8px;height:14px;line-height:14px;font-style:normal;color:#f0564e}
#homepage-header .info:hover > i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
#homepage-header .resume > i,#homepage-header .apply > i,#homepage-header .order > i{right:4px}
.homepage-footer{background:#f8f8f8}
.homepage-footer .footer-container{width:1000px;height:100px;margin:0 auto;background:url(../../../student/images/background/footer-rg-banner.png) right center no-repeat}
.homepage-footer a{display:inline-block;margin-top:20px;margin-bottom:10px;text-decoration:none;font-size:12px;color:#666}
.homepage-footer .copyright{font-size:12px;color:#999;line-height:1.5}
#layer-mask{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7F000000', EndColorStr='#7F000000');z-index:99}
#layer-mask.fade{opacity:0;-webkit-transition:opacity .3s .1s ease;-moz-transition:opacity .3s .1s ease;transition:opacity .3s .1s ease}
#layer-mask.fade.in{opacity:1}
#warning-content{position:fixed;top:50%;left:50%;margin-left:-321px;margin-top:-192px;height:384px;width:642px;padding-bottom:20px;z-index:100;border-radius:3px;background:#fff}
#warning-content p{padding:0 20px;line-height:1.5;color:#f0564e}
#warning-content .notice{padding:20px 20px 10px;color:#666}
#warning-content .notice-2{margin:10px 0;color:#666}
.fadeInDown{-webkit-animation:fadeInDown .3s .3s ease both;-moz-animation:fadeInDown .3s .3s ease both}
.fadeOutUp{-webkit-animation:fadeOutUp .3s ease both;-moz-animation:fadeOutUp .3s ease both}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px)}
}
@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-20px)}
}
#warning-content .warning-header{line-height:48px;text-indent:20px;color:#fff;font-size:16px;background-color:#7cbf59;border-top-left-radius:3px;border-top-right-radius:3px}
#warning-content .warning-header i{float:right;width:20px;height:20px;margin:15px;background:url(../../../student/images/icon/homepage_icon.png) -26px -140px no-repeat;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
#warning-content .warning-header i:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
#go-top{height:40px;width:40px;background:url(../../../student/images/icon/go-top.png) 7px -140px no-repeat #7cbf59;cursor:pointer;border:1px solid #7cbf59;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
#go-top:hover{background:url(../../../student/images/icon/go-top.png) 7px -187px no-repeat #7cbf59}
#GoFeedBack{position:fixed;bottom:132px;width:40px;height:40px;background:url(../../../student/images/icon/go-top.png) 7px -42px no-repeat #fff;border:1px solid #ddd;z-index:6;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
/*#GoFeedBack:hover{background:url(../../../student/images/icon/go-top.png) 7px -42px no-repeat #fff}*/
#GoFeedBack .specialLine{position:absolute;right:55px;bottom:-8px;width:120px;height:100px;padding:20px 0 0 15px;background:#fff;display:none;border:1px solid #7cbf59}
#GoFeedBack .specialLine p{font-size:16px;margin-bottom:15px}
#GoFeedBack .specialLine i{position:absolute;width:0;height:0;display:block;border-width:7px;border-color:transparent transparent transparent #7cbf59;border-style:dashed dashed solid dashed;bottom:20px;left:136px}
#GoFeedBack .specialLine i em{position:absolute;width:0;height:0;border-width:7px;border-color:transparent transparent transparent #fff;border-style:dashed dashed solid dashed;top:-7px;left:-9px}
#WeChat{position:fixed;bottom:127px;height:200px;z-index:9;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
#WeChat .left{width:180px;height:198px;border:1px solid #7cbf59;display:none;position:absolute;right:55px;bottom:2px;background:#fff;text-align:center}
#WeChat .left .server{margin:5px 0 0 8px;text-align:left;color:#999;line-height:20px}
#WeChat .right{width:40px;height:40px;background:url(../../../student/images/icon/go-top.png) no-repeat 8px -91px #fff;border:1px solid #ddd;position:absolute;right:0;bottom:45px}
#WeChat .right:hover{cursor:pointer}
.wechat-triangle1{position:absolute;width:0;height:0;border-width:7px;border-color:transparent transparent transparent #7cbf59;border-style:dashed dashed solid dashed;overflow:hidden;bottom:55px;left:180px}
.wechat-triangle2{position:absolute;width:0;height:0;border-width:7px;border-color:transparent transparent transparent #fff;border-style:dashed dashed solid dashed;overflow:hidden;bottom:55px;left:179px}
.homepage-login-bottom{position:fixed;bottom:0;left:0;right:0;background-color:#7cbf59;z-index:999;}
.homepage-login-bottom .login-bottom{width:1000px;margin:0 auto;background:url(../../../student/images/icon/zheyibu-white-icon.png) 0 12px no-repeat}
.homepage-login-bottom .login-bottom .slogan{font-size:24px;color:#fff;margin-left:122px;padding:16px 0}
.homepage-login-bottom .login-bottom .option{float:right;margin-top:12px}
.option .signIn,.option .signUp{float:left;font-size:18px;padding:6px 30px;border:1px solid #fff;color:#fff;margin-left:20px;text-decoration:none}
.option .signUp{background-color:#fff;color:#7cbf59}