/* CSS Document */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}
/* customize stylesheet */
html{ overflow: hidden;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,figure,p,blockquote,th,td{margin:0;padding:0;}
body { 
    color: #000;
    font-family:"微软雅黑";
    background-color: #fff;
    font-size: 12px;
}
a {color: #000;text-decoration: none; border: 0; outline: 0;}
button{ outline: 0;}
a:hover,a:focus{text-decoration: none;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
area{outline:none;}
hr {margin: 20px 0;border: 0;border-top: 1px solid #eee;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-family: inherit;font-weight: normal;line-height: 1.1;color: inherit;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight: normal;line-height: 1;color: #777;font-size: 65%;}
img,input,button{vertical-align:middle;}
input,button,select,textarea{font-family: inherit;font-size: inherit;line-height: inherit; outline: 0;}
select{font-family: inherit;font-size: inherit;line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background-color: #fff;}
select option{}
caption,th{text-align:left;}
ol,ul{list-style:none;}

.pointer{pointer-events: none;}

/*@article-content 正文样式，用于后台编辑器内容*/
.article-content p{line-height:1.5em;}
.article-content b{font-weight: bold;}
.article-content i{font-style:italic;}
.article-content ul{list-style-type:disc;}
.article-content ol{list-style-type:decimal;}

/*@common style*/
input[type="text"],input[type="password"],input[type="email"]{border:1px solid #dde1e4;height:29px;line-height:29px;text-indent: 10px; outline: 0;}
select{ outline: 0;}
.img-responsive{display: block;max-width: 100%;height: auto;}
.hidden{display:none !important;}
.clear:after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
.clear{*zoom:1;}

.fl{float:left !important;display:inline;}
.fr{float:right !important;display:inline;}
.margin-left-20{ margin-left:20px;}
.margin-left-10{ margin-left:10px;}
.block{display:block !important;}

input:disabled{ background-color: #fff;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
/*滚动条美化*/
/*滚动条*/
@-moz-document
url-prefix(http://),
url-prefix(https://),
url-prefix(about:),
url-prefix(chrome://),    

url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/history/history-panel.xul")
{
    scrollbar{-moz-appearance:none !important;background:#FAFAFA !important;}
    scrollbar thumb{-moz-appearance:none !important;background:rgba(255,167,41,.9) !important;
    border:0px !important;border-radius:30px !important;}
    scrollbar thumb:hover,scrollbar thumb:active{background:rgba(37,179,246,.9) !important;}

    slider,slider:hover,slider:active
    {-moz-appearance:none !important;background:transparent !important;
    border:0px !important;opacity:0.9 !important;-moz-transition-duration:0.5s !important;}

    scrollbar[orient="vertical"]{width:7px !important;} scrollbar[orient="horizontal"]{height:7px !important;}
    scrollbar[orient="vertical"],scrollbar[orient="horizontal"]{padding:0px !important;border-width:0px !important;}

    scrollbarbutton[sbattr="scrollbar-up-top"],scrollbarbutton[sbattr="scrollbar-down-top"],
    scrollbarbutton[sbattr="scrollbar-up-bottom"],scrollbarbutton[sbattr="scrollbar-down-bottom"]
    {-moz-appearance:none !important;display:none !important;}


}

::-webkit-scrollbar{ width:5px; height:5px; border-radius:5px; background:#eee;}
::-webkit-scrollbar-thumb{ border-radius:5px; background-color:#999;}
::-ms-scrollbar{ width:5px; height:5px; border-radius:5px; background:#eee;}
::-ms-scrollbar-thumb{ border-radius:5px; background-color:#999;}
::-moz-scrollbar{ width:5px; height:5px; border-radius:5px; background:#eee;}
::-moz-scrollbar-thumb{ border-radius:5px; background-color:#999;}
::-o-scrollbar{ width:5px; height:5px; border-radius:5px; background:#eee;}
::-o-scrollbar-thumb{ border-radius:5px; background-color:#999;}
::scrollbar{ width:5px; height:5px; border-radius:5px; background:#eee;}
::scrollbar-thumb{ border-radius:5px; background-color:#999;}

.select-cont::-webkit-scrollbar{ width:1px; height:5px; border-radius:0px; background:#eee;}
.select-cont::-webkit-scrollbar-thumb{ border-radius:0px; background-color:#999;}
.select-cont::-ms-scrollbar{ width:1px; height:5px; border-radius:0px; background:#eee;}
.select-cont::-ms-scrollbar-thumb{ border-radius:0px; background-color:#999;}
.select-cont::-moz-scrollbar{ width:1px; height:5px; border-radius:0px; background:#eee;}
.select-cont::-moz-scrollbar-thumb{ border-radius:0px; background-color:#999;}
.select-cont::-o-scrollbar{ width:1px; height:5px; border-radius:0px; background:#eee;}
.select-cont::-o-scrollbar-thumb{ border-radius:0px; background-color:#999;}
.select-cont::scrollbar{ width:1px; height:5px; border-radius:1px; background:#eee;}
.select-cont::scrollbar-thumb{ border-radius:0px; background-color:#999;}

::-webkit-input-placeholder {
color:#eee;
}
::-moz-placeholder {
color:#eee;
}
::-moz-placeholder {
color:#eee;
}
::-ms-input-placeholder {
color:#eee;
}

.hr{ height: 1px; background-color: #000; margin: 10px auto;}

/*公共间距*/
.margin-left-5{ margin-left:5px;}
.margin-left-10{ margin-left:10px;}
.margin-left-15{ margin-left:15px;}
.margin-left-20{ margin-left:20px;}
.margin-left-25{ margin-left:25px;}
.margin-left-30{ margin-left:30px;}
.margin-left-50{ margin-left:50px;}
.margin-left-100{ margin-left:100px;}
.margin-left-200{ margin-left:200px;}
.margin-right-0{ margin-right:0px;}
.margin-right-5{ margin-right:5px;}
.margin-right-10{ margin-right:10px;}
.margin-right-15{ margin-right:15px;}
.margin-right-20{ margin-right:20px;}
.margin-right-25{ margin-right:25px;}
.margin-right-30{ margin-right:30px;}
.margin-right-50{ margin-right:50px;}
.margin-right-100{ margin-right:100px;}
.margin-right-200{ margin-right:200px;}
.margin-top-5{ margin-top:5px;}
.margin-top-10{ margin-top:10px;}
.margin-top-15{ margin-top:15px;}
.margin-top-20{ margin-top:20px;}
.margin-top-25{ margin-top:25px;}
.margin-top-30{ margin-top:30px;}
.margin-top-50{ margin-top:50px;}
.margin-top-100{ margin-top:100px;}
.margin-top-200{ margin-top:200px;}
.padding-left-5{ padding-left:5px;}
.padding-left-10{ padding-left:10px;}
.padding-left-15{ padding-left:15px;}
.padding-left-20{ padding-left:20px;}
.padding-left-25{ padding-left:25px;}
.padding-left-30{ padding-left:30px;}
.padding-left-50{ padding-left:50px;}
.padding-left-100{ padding-left:100px;}
.padding-left-200{ padding-left:200px;}
.padding-right-5{ padding-right:5px;}
.padding-right-10{ padding-right:10px;}
.padding-right-15{ padding-right:15px;}
.padding-right-20{ padding-right:20px;}
.padding-right-25{ padding-right:25px;}
.padding-right-30{ padding-right:30px;}
.padding-right-50{ padding-right:50px;}
.padding-right-100{ padding-right:100px;}
.padding-right-200{ padding-right:200px;}
.padding-top-5{ padding-top:5px;}
.padding-top-8{ padding-top:8px;}
.padding-top-10{ padding-top:10px;}
.padding-top-15{ padding-top:15px;}
.padding-top-20{ padding-top:20px;}
.padding-top-25{ padding-top:25px;}
.padding-top-30{ padding-top:30px;}
.padding-top-50{ padding-top:50px;}
.padding-top-100{ padding-top:100px;}
.padding-top-200{ padding-top:200px;}
.padding-bottom-10{ padding-bottom: 10px;}
.js-time-btn{ cursor: pointer;}
.little-del-red{
    position: absolute;
    width: 33px;
    height: 27px;
    padding: 0 4px;
    cursor: pointer;
    margin-right: 10px;
    text-align: center;
    left: 15px;
    bottom: 15px;
    border: solid 1px #ddd;
    line-height: 27px;}
.little-del-red-1{
    position: absolute;
    width: 33px;
    height: 27px;
    padding: 0 4px;
    cursor: pointer;
    margin-right: 10px;
    text-align: center;
    right: 0;
    bottom: 32px;
    font-size: 12px;
    border: solid 1px #ddd;
    line-height: 27px;}

/*图片右上角的删除图标*/
.previewmultiimage{ position:  relative; }
.previewmultiimage span{ position: absolute; top: -10px; right:-5px; background:#b40002; padding:0 3px; color:#f6ff00; font-size: 12px;  line-height: 14px; cursor:pointer;}
/*分页处理  */
.page{ height:20px; width: 100%; float: right; margin-top:20px;}
.page .leftcircula{width:15px;height:15px;border-radius:50%;background-color:#000;float:left; margin-top:2px;}
.page .line{width:87%;height:2px;background-color:#000;float:left;margin-top:10px; cursor: pointer; position: relative;} 
.page .rightcircula{width:15px;height:15px;border-radius:50%;background-color:#000;float:left; margin-top:2px; }
.page .move{width:30px;height:20px;background-color:#FF0000;text-align:center;line-height:20px; left:15px; position:absolute;color:#fff; cursor:move; margin-top:-10px;}
.page .moveback{width:30px;height:20px;background-color:#000;text-align:center;line-height:20px; left:15px; position:absolute;color:#fff; cursor:pointer; opacity:0.6;margin-top:-10px;}
.page .page_input input{width:8%; height: 30px; border: 1px solid #ddd; margin-left:15px;}
/*正文开始*/
/*登陆注册页面*/
#login-logo{ width:85px; height:96px; margin:250px auto 0;}
#login-logo .e,#login-logo .r,#login-logo .p{ width:44px; height:58px; float:left; position:relative; background:url(../images/logo.png) no-repeat;}
#login-logo .e{ background-position:0 0; -webkit-animation:logo-e 0.3s ease-in; animation:logo-e 0.3s ease-in; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
#login-logo .r{ background-position:-64px 0; -webkit-animation:logo-r 0.6s ease-in; animation:logo-r 0.6s ease-in; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
#login-logo .p{ background-position:-128px 0; -webkit-animation:logo-p 0.9s ease-in; animation:logo-p 0.9s ease-in; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
.erp-english{ text-align:center; padding-top:14px;}
.login-cont{ padding-top:55px;}
.fm-login{width: 290px; margin: 0 auto;}

.login-again{ display: inline; padding: 0 5px; background-color: #000; color: #fff; width: 60px; margin:0 5px; font-size: 12px; line-height: 20px; text-align: center;}
.login-again:hover{ background-color: #F4F501; color: #000;}

.reg-cont{ padding-top:55px; display:none; position:absolute; width:290px; left:50%;}
.reg-step-1{ margin-left:-145px; opacity:1;}
.reg-step-2{ margin-left:500px; opacity:0;}
.reg-step-3{ margin-left:500px; opacity:0;}
.form-group {position: relative;font-size: 15px;width:290px; height:88px; margin:0 auto; border-top: 1px solid #171717;}
.form-group p{ padding-left:18px; font-size:16px; padding-top:34px;}
.form-group + .form-group {margin-top: 0;}
.form-group .form-label {position: absolute;z-index: 1;left: 18px;top: 21px; font-size:11px; -webkit-transition: 0.3s;transition: 0.3s;}
.form-group .form-control {width: 90%; position: absolute;z-index: 3;height: 40px; top:35px;left:15px; background: none;border: none; color:#000; padding:0; text-indent: 3px; font-size: 12px; -webkit-transition: 0.3s;transition: 0.3s;}
.form-group .form-control:invalid { outline: none; font-size: 12px; text-indent: 3px;}
.form-group .form-control:focus, .form-group .form-control:valid {outline: none;color: #000;border-color: #171717;}
.form-group .form-control:focus + .form-label, .form-group .form-control:valid + .form-label {font-size: 11px; color:#B0B0B0; -ms-transform: translateY(-0px);-webkit-transform: translateY(-0px);transform: translateY(-0px);}
.input-miaoshu{ padding:10px 18px; font-size:12px;color:#B0B0B0; line-height:21px; padding-bottom:50px;}
.reg-step-2 .form-group{ border-bottom:solid 1px #171717;}
.reg-step-3 .form-group{}
.submit-cont{ width:290px; margin:0 auto;}
.login-btn{ width:140px; height:48px; border:none; -webkit-appearance:none; appearance:none; background-color:#000; color:#fff; font-size:14px; float:left;}
.login-btn:hover{background-color:#F4F501; color:#000;}
.reg-btn{ width:140px; height:48px; display:block; background-color:#000; color:#fff; text-align:center; line-height:48px; font-size:14px; float:left;}
.reg-btn:hover{background-color:#F4F501; color:#000;}
.login-copyright{ font-size:12px; position:absolute; text-align:center; bottom:50px; width:100%; color:#9A9A9A;}
.yzm-box{ position: absolute; top: 35px; right: 0; z-index: 10; cursor: pointer;}
.forget-passworde-btn{ position: absolute; display: block; padding: 0 10px; line-height: 22px; background-color: #FFFC00; font-size: 12px; top: 40px; right: 0; z-index: 10; border-radius:11px;}

@media screen and (max-height:880px){
    #login-logo{ margin: 210px auto 0;}
}
@media screen and (max-height:800px){
    #login-logo{ margin: 180px auto 0;}
}
@media screen and (max-height:740px){
    #login-logo{ margin: 160px auto 0;}
}

.auto-login{ padding-top: 20px; line-height: 18px;}
.auto-login input[type="checkbox"] {display: none;}
.auto-login input[type="checkbox"] + label {border: 1px solid #000; width: 14px; height: 14px;display:block;position: relative; float: left; margin-right: 10px; margin-top: 1px; margin-left: 7px;}
.auto-login input[type="checkbox"]:checked + label {border: 1px solid #000; width: 14px; height: 14px;display:block;position: relative;}
.auto-login input[type="checkbox"]:checked + label:after{content:""; position: absolute;top: 2px;left: 2px; width: 9px; height: 5px; border-left: solid 1px #000; border-bottom: solid 1px #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/*主界面顶部导航*/
.top-nav{ width:100%; height:110px; border-bottom:solid 1px #DDD;}
.top-nav-logo{ width:70px; height:100%; background-color:#373737; float:left; text-align:center; position: relative;border-right:solid 1px #DFDFDF;}
.top-nav-logo img{ width: 33px; height: 38px; position: absolute; top: 38px; left: 18px;}
.per-info-cont{ float:left; padding-top:20px; padding-left:20px;}
.per-info-cont .head-pic{ width:60px; height:60px; float:left; border-radius:5px; border: solid 1px #ddd;}
.per-info-cont .head-pic img{ height:100%; width:100%;}
.per-info-cont-r{ float:left; margin-left:20px; margin-top:0;}
.head-name{ font-size:16px; color:#5E5E5E;}
.date-weather{ font-size:12px; color:#BFBFBF; line-height:20px; padding-top:5px;}
.top-nav-fgx{ width:1px; height:66px; float:left; margin:20px 0 0 50px; background-color:#DFDFDF;}
.welcome-prompt{ font-size:14px; float:left; padding-top:20px; padding-left: 20px;}
.welcome-prompt p{ color:#333333; line-height:28px; float:left; color:#333;}
.messages-prompt{ float:left; height:66px; margin:20px 0 0 0;}
.messages-prompt li{ float:left; height:66px; border-right:solid 1px #dfdfdf; padding:0 10px; width:100px; text-align: center; position: relative;}
.messages-prompt li.hover::after{ content: ""; position: absolute; width: 0; height: 0; border-top: solid 5px #000; border-left:solid 5px transparent; border-right: solid 5px transparent; opacity: 0; top: 66px; left: 55px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.messages-prompt li.hover:hover::after{ top: 72px; opacity: 1;}
.messages-prompt li.hover span{width: 70px;font-size: 12px;color: #ddd;border: solid 1px #ddd;padding:0;margin: 0 auto;line-height: 20px;display: block;border-radius: 3px;}
.messages-prompt li.hover:hover span{color:#F2F520;border: solid 1px #000; background-color: #000;}
.messages-prompt li.hover .jifeng{ font-size:44px; line-height: 44px; font-weight: lighter;}
.messages-prompt li.shenpi > div{font-size: 12px; color: #ddd; text-align: right; line-height: 20px;}
.messages-prompt li.shenpi > div font{ font-weight: lighter; font-size: 20px; line-height: 27px; color: #000;}
.messages-prompt li.shenpi > div span{width: 50px;font-size: 12px;color: #ddd;border: solid 1px #ddd;padding:0 3px;margin: 0 auto;line-height: 20px;display: block;border-radius: 3px; float: right; margin-left: 10px;}
.messages-prompt li.shenpi > div span:hover{color:#F2F520;border: solid 1px #000; background-color: #000;}
.create-btn{width: 90px;height: 30px;border: none;background-color: #ED2C2C;color: #fff;font-size: 11px;float: left;margin: 28px 0 0 10px;border-radius: 3px;text-align: center;line-height: 30px;}
.create-btn:hover{width: 90px;height: 30px; border: none; background-color: #000; color: #fff;font-size: 11px;float: left;margin: 28px 0 0 10px; border-radius: 3px; text-align: center;line-height: 30px;}
.integral{ float:right; margin-right:30px; padding-top:20px;}
.integral-number{ font-size:44px; font-weight: lighter; text-align:right; line-height: 34px; height: 44px; color:#A1A1A1;}
.integral-number span{ font-size:14px;}
.integral a{ width:73px; height:20px; border:solid 1px #7A7A7A; color:#7A7A7A; font-size:12px; display:block; float:right; margin-left:10px; margin-top:0; text-align:center; line-height:20px; border-radius:3px;}

/*侧边导航*/
.side-nav-cont{position: relative;width:70px; float:left; z-index: 2;}
.new-create{ width:100%; height:58px; position:relative;}
.new-create-btn{ position:absolute; width:70px; height:58px; top:0; left:0; margin-top:-1px; text-align:center; line-height:58px; border-radius:3px; color:#fff; font-size:14px; cursor:pointer; background:url(../images/new-create-btn-bg.png) no-repeat center center; -webkit-transition:all .5s; transition:all .5s;}
.new-create-btn:hover{ position:absolute; width:100%; height:58px; background-color:#ED2C2C; top:0; left:0; margin-left:0; margin-top:-1px; text-align:center; line-height:58px; border-radius:0; color:#fff; font-size:14px; cursor:pointer; -webkit-transition:all .3s; transition:all .3s;}
.new-create-btn.active{ position:absolute; width:100%; height:58px; background-color:#ED2C2C; top:0; left:0; margin-left:0; margin-top:-1px; text-align:center; line-height:58px; border-radius:0; color:#fff; font-size:14px; cursor:pointer; -webkit-transition:all .3s; transition:all .3s;}
.new-create-events{ display:none; position:absolute; top:0px; left:70px; background-color:#ED2C2C; width:163px; font-size:15px; z-index:1;}
.new-create-btn:hover .new-create-events{ display:block; -webkit-animation:fadeInLeft .5s; animation:fadeInLeft .5s;}
.new-create-events li{ color:#F4F501; height:58px; padding-left:25px; margin:0; line-height:58px; font-size: 14px; text-align: left; -webkit-transition:all .7s; transition:all .7s; z-index: 1;}
.new-create-events li.ban{ color:#ea6161;}
.new-create-events li.ban:hover{color:#ea6161; background-color: #BE0F0F;}
.new-create-events li:hover{ color:#ED2C2C; background-color: #F4F501;}
.side-nav li{ width:100%; height:50px; margin:5px 0; position:relative; font-size: 12px; -webkit-transition:all .5s; transition:all .5s;}
.events{ background:url(../images/nav-bg-icon.png) no-repeat -305px center;}
.books{ background:url(../images/nav-bg-icon.png) no-repeat -155px center; }
.personnel{ background:url(../images/nav-bg-icon.png) no-repeat -456px center;}
.project{ background:url(../images/nav-bg-icon.png) no-repeat -230px center;}
.administrative{ background:url(../images/nav-bg-icon.png) no-repeat -380px center;}
.setting{ background:url(../images/slide-nav-icon.png) no-repeat center -316px;}
.lock{ background:url(../images/slide-nav-icon.png) no-repeat center -390px; cursor: pointer;}
.widget{ background:url(../images/widget.png) no-repeat center center;}
.events:hover{ background:url(../images/nav-bg-icon-hover.png) no-repeat -305px center;}
.books:hover{background:url(../images/nav-bg-icon-hover.png) no-repeat -155px center; }
.personnel:hover{ background:url(../images/nav-bg-icon-hover.png) no-repeat -456px center;}
.project:hover{ background:url(../images/nav-bg-icon-hover.png) no-repeat -230px center;}
.administrative:hover{ background:url(../images/nav-bg-icon-hover.png) no-repeat -380px center;}
.setting:hover{ background:url(../images/slide-nav-icon-hover.png) no-repeat center -316px;}
.finance{ background:url(../images/nav-bg-icon.png) no-repeat -531px center;}
.finance:hover{ background:url(../images/nav-bg-icon-hover.png) no-repeat -531px center;}
.widget:hover{ background:url(../images/widget-hover.png) no-repeat center center;}
.main-cont{ position: absolute; top: 111px; left: 71px;}
.main-cont iframe{ border:none; padding:0; width:100%; height:100%;}
.iframe-width{ overflow-x:hidden;}
.side-nav li:hover{ background-color:#000;}
.side-nav li:hover ul{ display:block; opacity:1; -webkit-animation:fadeInLeft .5s; animation:fadeInLeft .5s;}
.side-nav li.lock:hover{ background:url(../images/slide-nav-icon.png) no-repeat center -390px; cursor: pointer; background-color: #E9EEF2;}
.quit{ background:url(../images/quit-icon.png) no-repeat center center; cursor: pointer; background-color: #E9EEF2 !important;}
.quit:hover{ background:url(../images/quit-icon-hover.png) no-repeat center center; cursor: pointer; background-color: #E9EEF2 !important;}

.canders{ width: 25px; height: 125px; clear: both; margin: 5px auto;}
.canders li{ width: 25px; height: 25px;border-radius: 3px; margin-bottom: 5px; position: relative;}
.canders li::after{content:""; position: absolute; border-left: solid 5px #fff; border-top: solid 5px transparent; border-bottom: solid 5px transparent; left: 25px; top: 7px; opacity: 0; -webkit-transition:all .3s; transition:all .3s;}
.canders li:hover::after{content:""; position: absolute; border-left: solid 5px #AFAFAF; border-top: solid 5px transparent; border-bottom: solid 5px transparent; left: 28px; top: 7px; opacity: 1;}
.canders li.take-on::after{content:""; position: absolute; border-left: solid 5px #000; border-top: solid 5px transparent; border-bottom: solid 5px transparent; left: 28px; top: 7px; opacity: 1;}
.canders li.full-cander{ background: url(../images/rl-1.png) no-repeat center center; background-color: #fff; -webkit-transition:all .3s; transition:all .3s;}
.canders li.up-coming{ background: url(../images/db-1.png) no-repeat center center; background-color: #fff; -webkit-transition:all .3s; transition:all .3s;}
.canders li.idea-box{ background: url(../images/lg-1.png) no-repeat center center; background-color: #fff; -webkit-transition:all .3s; transition:all .3s;}
.canders li.cheshi-box{ background: url(../images/cs-1.png) no-repeat center center; background-color: #fff; -webkit-transition:all .3s; transition:all .3s;}
.canders li:hover.full-cander{ background: url(../images/rl-2.png) no-repeat center center; background-color: #AFAFAF;}
.canders li:hover.up-coming{ background: url(../images/db-2.png) no-repeat center center; background-color: #AFAFAF;}
.canders li:hover.idea-box{ background: url(../images/lg-2.png) no-repeat center center; background-color: #AFAFAF;}
.canders li:hover.cheshi-box{ background: url(../images/cs-2.png) no-repeat center center; background-color: #AFAFAF;}
.canders li.take-on.full-cander{ background: url(../images/rl-3.png) no-repeat center center; background-color: #000;}
.canders li.take-on.up-coming{ background: url(../images/db-3.png) no-repeat center center; background-color: #000;}
.canders li.take-on.idea-box{ background: url(../images/lg-3.png) no-repeat center center; background-color: #000;}
.canders li.take-on.cheshi-box{ background: url(../images/cs-3.png) no-repeat center center; background-color: #000;}

.side-nav li ul{ display:none; opacity:0; width:163px; background-color:#000; height:auto; position:absolute; top:0; left:70px; z-index: 2;}
.side-nav li ul li{ width:86%; padding-left: 14%; height:50px; background-color:#000; color:#666; margin:0; line-height:50px;}
.side-nav li ul li:hover{ background-color:#333;}
.side-nav li ul li a{color:#999; -webkit-transition:all .7s; transition:all .7s;}
.side-nav li ul li:hover a{color:#fff;}
.side-nav li ul li.ban{ color: #323131;}
.side-nav li ul li.ban:hover{ background-color:#262626;color:#363535;}
.side-nav li ul li:nth-last-child(1){margin:0; border-bottom:none;}

.new-create-events-cont{ position:absolute; width:522px; top:110px; left:70px; z-index:2; display:none;}
.new-create-title{ width:482px; height:58px; background-color:#ED2C2C;line-height:58px; color:#fff; font-size:18px;padding:0 20px; position:relative;}

.new-create-title button{width:110px;height:35px;background-color:#db2323;text-align:center;line-height:35px;margin-left:10px;border:none;color:#fff;font-size:12px;}
.new-create-title .right .current{color:#ed422a;background-color:#f0f902;}
.events-content .box{padding-bottom:20px;border-bottom:2px solid #000;}
.events-content .release{width:100px;height:45px;background-color:#ed2c2c;color:#fff;line-height:45px;text-align:center;float:left;margin:20px 10px 0px 0;border:none;}
.events-content .cancel{width:100px;height:45px;background-color:#d4d4d4;color:#fff;line-height:45px;text-align:center;float:left;margin:20px 10px 0px 0;border:none;}
.events-basic-info-one{width:48%;margin-right:3%;}
.events-basic-info-one input{width:48%;height:34px;line-height:34px;text-indent:10px;width:230px;}
.events-basic-info-one option{width:205px;height:34px;}
.events-basic-info-one .column li{width:65px;height:25px;font-size:12px;border-radius:4px;background-color:#34b3f5;color:#fff;margin:10px 10px 10px 0;text-indent:6px;line-height:25px;float:left;}
.events-basic-info-one .column img{padding-left:6px;}
.events-basic-info-two{width:48%;}
.events-basic-info-one div,.events-basic-info-two div{padding-left:10px;padding-bottom:10px;}
.events-basic-info-two input{width:48%;height:34px;line-height:34px;text-indent:10px;width:230px;}
.events-basic-info-two option,.events-basic-info-one option{width:205px;height:34px;}
.events-basic-info-two .textea{width:220px;padding-left:10px;padding-top:10px;height:150px;}
.new-create-message-text{ padding-top: 10px;}
.new-create-message-text h3{ padding-left: 10px;}
.new-create-message-text textarea{ width: 476px; height: 147px; border: solid 1px #ddd; font-size: 12px; text-indent: 10px; outline: 0;}

.events-content .event-cont-list{ float: left; width: 230px; position: relative;}
.events-content .event-cont-list h3{ padding-left: 10px;}
.events-content .event-cont-list input{ width: 228px; height: 33px; font-size: 12px;}
.events-content .event-cont-list .now-time{ font-size: 12px; padding-left: 10px; line-height: 30px;}
.events-content .event-cont-list .accept-people-list li{
    float: left;
    font-size: 12px;
    line-height: 24px;
    padding: 0 25px 0 5px;
    background-color: #34B3F5;
    color: #fff;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 3px;
    position: relative;}
.accept-people-list a.del-btn{
    width: 11px;
    height: 11px;
    position: absolute;
    top: 6px;
    right: 5px;}
.accept-people-list a.del-btn::before{
    content: "";
    width: 1px;
    height: 11px;
    background-color: #fff;
    top: 0px;
    left: 5px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.accept-people-list a.del-btn::after{
    content: "";
    width: 11px;
    height: 1px;
    background-color: #fff;
    top: 5px;
    left: 0px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.events-content .line{ height: 1px; background-color: #000; margin-top: 20px;}
.events-content .event-cont-list{ padding-bottom: 10px;}
.event-cont-list select{ width: 228px; height: 33px; font-size: 12px; text-indent: 10px; border: solid 1px #DDE1E4;}
.event-cont-list textarea{ width: 226px; height: 120px; font-size: 12px; text-indent: 6px; border: solid 1px #DDE1E4;}
.event-cont-list .arrow-down{ position: absolute; width: 21px; height: 21px; background-color: #E9E9E9; top: 38px; right: 6px; z-index: 2;}
.event-cont-list .arrow-down:hover{ position: absolute; width: 21px; height: 21px; background-color: #000; top: 39px; right: 6px; z-index: 2;}
.event-cont-list .arrow-down::after{ content: ""; position: absolute; top: 8px; left: 6px; width:0; height: 0; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.deal-pic-up{ width: 218px; height: 33px; border: solid 1px #ddd; background-color: #000; color: #A3A3A3; line-height: 33px; padding-left: 10px; font-size: 12px;}
.new-create-attendance-btn{ width: 110px; height: 36px; text-align: center; line-height: 36px; position: absolute; background-color: #DB2323; top: 11px; right: 20px; font-size: 12px; color: #fff; cursor: pointer;}
.new-create-attendance-btn.holiday{right: 140px;}
.new-create-attendance-btn.take-on{ background-color: #F0F902; color: #ED2C2C;}
.new-create-attendance-btn:hover{ background-color: #F0F902; color: #ED2C2C;}
.cancel-release,.pass-check,.turn-down{
    width: 130px;
    height: 40px;
    background-color: #ED2C2D;
    color: #fff;
    font-size: 14px;
    border: none;
    margin: 15px 0; display:block; text-align: center; line-height: 40px; float: left; cursor: pointer}
.cancel-release:hover,.turn-down:hover,.pass-check:hover{
    background-color: #ED2C2D;
    color: #fff;}

.events-box-close{ width:58px; height:58px; position:absolute; background:url(../images/close-big.png) no-repeat center center; right:0; top:0; cursor:pointer;}
.events-content{ width:480px; padding:20px; border:solid 1px #ddd; border-top:none; background-color:#fff; color:#000;}
.events-content h2{ width:100%; height:40px; line-height:40px; border-bottom:solid 1px #ddd; padding-top:10px; color:#272727; font-size:16px; position:relative;}
.events-content h3{ width:100%; height:30px; line-height:30px; color:#272727; font-size:12px; position:relative; font-weight: bold;}
.events-basic-info{ width:100%;}
.input-cont{ width:173px; float:left; margin-top:13px;}
.input-cont2{ width:100%; height:31px; float:left; margin-top:13px;}
.input-cont2 input{ width:374px; height:29px; border:solid 1px #CDCDCD; border-radius:0; background-color:#fff; line-height:29px; font-size:14px;}
.input-cont3{ width:100%; height:31px; margin-top:13px;}
.input-cont3 input{ width:374px; height:29px; border:solid 1px #CDCDCD; border-radius:0; line-height:29px; font-size:14px;}

.ivnite-input{ width:172px; height:29px; position:absolute; border:solid 1px #CDCDCD; border-radius:0; background-color:#fff; font-size:13px; line-height:29px; padding:0; right:0; bottom:3px;}

.participant-cont{ padding-top:5px;}
/*.participant-cont li{ float:left; line-height:25px; background-color:#36B3F5; font-size:13px; color:#fff; border-radius:3px; margin-right:10px; padding-left:10px; padding-right:30px; margin-bottom:10px; position:relative;}*/
/*.participant-close{ display:block; position:absolute; width:25px; height:25px; right:0; top:0; background:url(../images/close-small.png) no-repeat center center;}*/
.event-remark{ margin-top:15px;}
.event-remark textarea{ width:370px; height:110px; border:solid 1px #CDCDCD; line-height:22px; font-size:13px; text-indent:10px;}
.deal-cont{ margin-top:15px;}
.submit-btn{ width:130px; height:40px; background-color:#ED2C2D; color:#fff; font-size:12px; border:none; margin:15px 10px 0 0; float: left; text-align: center; line-height: 40px;}
.deal-cont-title{ width:65px; height:30px; float:left; border:none; line-height:30px; font-size:13px; margin:0; padding:0;}
.deal-cont input{ width:200px; height:28px; border:solid 1px #CDCDCD; font-size:13px; line-height:28px;}
.deal-pic-up{ cursor:pointer;}
.deal-pic-cont li{ float:left; width:30px; height:30px; margin-right:10px; margin-top:10px; position:relative;}
.deal-pic-cont li img{max-width:30px; max-height:30px;}

/*下拉选择框*/
::-webkit-selection{ background:#000; color:#fff; text-shadow:none; }
::-moz-selection{ background:#000; color:#fff; text-shadow:none; }
::selection{ background:#000; color:#fff; text-shadow:none; }
.beautify_input{ height:29px;}
.input-cont .cssSelect {}
.input-cont .cssSelect *{ display: block; }
.input-cont .cssSelect a{ color: #666; outline-width: 0px; text-decoration: none; }
.input-cont .cssSelect .selectBox{ cursor: pointer; border:solid 1px #CDCDCD; float: left; background-color:#fff; border-radius:0; font-size:13px;}
.input-cont:nth-child(2n) .cssSelect .selectBox{ margin-left:0;}
.input-cont .cssSelect .selectLt{ cursor: pointer; float: left; text-align: left;}
.input-cont .cssSelect .selectRt{ cursor: pointer; background:url('../images/select-icons.png')  center center no-repeat #FBFBFB; border-left: 1px solid #CDCDCD; background-color:#FBFBFB; float: left; border-bottom-right-radius:5px; border-top-right-radius:5px;}
.input-cont .cssSelect .selectBox{}
.input-cont .cssSelect .selectLt{ overflow: hidden; height: 30px; line-height: 31px; padding: 0 10px; width:120px; background: none transparent scroll repeat 0% 0%; color: #666; }
.input-cont .cssSelect .selectRt{ height: 30px; width:30px; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0;}
.input-cont .cssSelect .sNormal{}
/*.cssSelect .sNormal .selectRt { background-position: 100% 0px}*/
.input-cont .cssSelect .sHover{ background-position: 0px -50px}
.input-cont .cssSelect .sHover .selectRt{ background: url('../images/select-icons.png')  center center no-repeat #FBFBFB; }
.input-cont .cssSelect .sPressDown{}
.input-cont .cssSelect .sPressDown .selectRt{ background: url('../images/select-icons.png')  center center no-repeat #FBFBFB; }
.input-cont .cssSelect .optionsBox{ position: absolute; border: 1px solid #CDCDCD; margin: 0px; background: #fff; z-index: 100;}
.input-cont:nth-child(2n) .cssSelect .optionsBox{ margin-left:0;}
.input-cont .cssSelect .optionsInnerBox {}
.input-cont .cssSelect .optionBox { cursor: pointer; padding: 2px 30px 2px 10px; margin: 0px; width:130px; height:25px; line-height: 25px; }
.input-cont .cssSelect .optionBox span { cursor: pointer; font-size:12px}
.input-cont .cssSelect .oNormal {}
.input-cont .cssSelect .oHover{ background:#FBFBFB; color:#000; }
.input-cont .cssSelect .selected{ background:#eee; color:#000; }
.input-cont4 .cssSelect {}
.input-cont4 .cssSelect *{ display: block; }
.input-cont4 .cssSelect a{ color: #666; outline-width: 0px; text-decoration: none; }
.input-cont4 .cssSelect .selectBox{ cursor: pointer; border:solid 1px #CDCDCD; float: left; font-size:13px;}
.input-cont4 .cssSelect .selectLt{ cursor: pointer; float: left; text-align: left;}
.input-cont4 .cssSelect .selectRt{ cursor: pointer; background:url('../images/select-icons.png')  center center no-repeat #FBFBFB; border-left: 1px solid #CDCDCD; background-color:#FBFBFB; float: left; border-bottom-right-radius:5px; border-top-right-radius:5px;}
.input-cont4 .cssSelect .selectBox{}
.input-cont4 .cssSelect .selectLt{ overflow: hidden; height: 30px; line-height: 31px; padding: 0 10px; width:323px; background: none transparent scroll repeat 0% 0%; color: #666; }
.input-cont4 .cssSelect .selectRt{ height: 30px; width:30px; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0;}
.input-cont4 .cssSelect .sNormal{}
/*.cssSelect .sNormal .selectRt { background-position: 100% 0px}*/
.input-cont4 .cssSelect .sHover{ background-position: 0px -50px}
.input-cont4 .cssSelect .sHover .selectRt{ background: url('../images/select-icons.png')  center center no-repeat #FBFBFB; }
.input-cont4 .cssSelect .sPressDown{}
.input-cont4 .cssSelect .sPressDown .selectRt{ background: url('../images/select-icons.png')  center center no-repeat #FBFBFB; }
.input-cont4 .cssSelect .optionsBox{ position: absolute; border: 1px solid #CDCDCD; margin: 0px; background: #fff; z-index: 100;}
.input-cont4 .cssSelect .optionsInnerBox {}
.input-cont4 .cssSelect .optionBox { cursor: pointer; padding: 2px 30px 2px 10px; margin: 0px; width:334px; height:25px; line-height: 25px; }
.input-cont4 .cssSelect .optionBox span { cursor: pointer; font-size:12px}
.input-cont4 .cssSelect .oNormal {}
.input-cont4 .cssSelect .oHover{ background:#FBFBFB; color:#000; }
.input-cont4 .cssSelect .selected{ background:#eee; color:#000; }

/*日历控件表单样式*/
.time-select{ width:100%;}
.begin-time,.end-time{ width:50%; float:left;}
.begin-time span,.end-time span{ font-size:14px; line-height:40px;}
.start-time-input,.end-time-input{ width:160px !important; height:30px !important; border-radius:0; font-size:13px; padding-right:0 !important; padding-left:10px; cursor:pointer; border: solid 1px #ddd;}
.end-time-input{ margin-left:15px;}

/*主界面*/
.calendar_cont{ width: 98%; overflow-x: hidden !important; margin:0 1%;}
.calendar_cont img{ width:100%;}


/*个人考勤*/
.close-icon{ width:24px; height:24px; background:url(../images/close-icon.jpg) no-repeat center center; position:absolute; top:10px; right:20px;}
.check-work-container{ width:98%; margin:5px auto 0;position: relative;}
.check-table-nav{ width:100%;}
.check-table-nav ul{ padding-left: 10px;}
.check-table-nav li{float: left;width: 157px;height: 50px; margin: 0;line-height: 50px;font-size: 14px;color: #000;text-align: center; position: relative;}
.check-table-nav li.take-on::after{ content: ""; position: absolute; border-top: solid 5px #000; border-left: solid 5px transparent; border-right: solid 5px transparent; top: 40px; left: 50%; margin-left: -5px;}
.check-table-nav li span{ position: absolute; top: 13px; right: -7px; line-height: 12px; font-size: 10px; padding: 0 3px; background-color:#ED2C2C; color: #fff; border-radius: 5px;}
.check-table-nav-1 li{width: 90px;}
.check-table-nav-1 li.take-on::after{ content: ""; position: absolute; border-top: solid 5px #000; border-left: solid 5px transparent; border-right: solid 5px transparent; top: 40px; left: 50%; margin-left: -5px;}
.check-table-box{ border: solid 1px #D6D6D6; position:relative; overflow-y: auto;}
.check-cont-list-nav{ height:53px; border-bottom:solid 1px #D6D6D6; padding:0 10px;}
.check-cont-list-nav li{ width:88px; height:34px; border-left: solid 1px #D6D6D6; border-top: solid 1px #D6D6D6; border-bottom: solid 1px #D6D6D6; float:left; color: #999; line-height:34px; text-align:center; margin:9px 0 0 0; font-size: 12px; position: relative;}
.check-cont-list-nav .take-on{ background-color:#000; color: #fff;}
.check-cont-list-nav li span{ position: absolute; top: 3px; right: 3px; line-height: 12px; font-size: 10px; padding: 0 3px; background-color: #CDCDCD; color: #fff; border-radius: 5px;}

.approval-type-list{ height:53px; background-color:#F5F5F5; border-bottom:solid 1px #D6D6D6;}
.approval-type-list li{ width:88px; height:34px; background-color:#F5F5F5; color: #999; border: none; float:left; line-height:34px; text-align:center; margin:9px 0 0 0; font-size: 12px; position: relative;}
.approval-type-list .take-on{ border-bottom: solid 2px #000; color: #000;}
.approval-type-list li span{ position: absolute; top: 3px; right: 3px; line-height: 12px; font-size: 10px; padding: 0 3px; background-color: #CDCDCD; color: #fff; border-radius: 5px;}

.check-table-cont{ display:none; overflow-y: auto;}
.check-table-cont-list{ width:286px; float:left; padding:20px 10px; border:solid 1px #d6d6d6; margin:20px; position: relative;}
.check-table-cont-list li{ width:100%; height:50px; border-bottom:dashed 1px #C7C7C7; float:left;}
.check-table-cont-list li:nth-last-child(1){ border-bottom:none;}
.check-table-cont-list li h2{ color:#BDBDBD; float:left; font-size:13px; line-height:50px; width:12%;}
.check-table-cont-list li p{ color:#000; float:left; font-size:13px; line-height:50px;}
.check-table-cont-list li .p1{ width:38%; font-weight: lighter; font-size:32px;}
.check-table-cont-list li .p2{ width:38%;}
.check-table-cont-list li .p3{ width:48%;}
.check-table-cont-list li .p4{ width:28%;}
.check-table-cont-list .tag{ position:absolute; top:-10px; right:10px; background-color:#611987; color:#fff; width:80px; height:40px; text-align:center; line-height:40px;}
/*.check-table-cont-list .pingzheng-icon{ margin-right:10px;}*/
.look-detail{ width:94px; height:27px; position:absolute; border: solid 1px #D3D3D3; text-align:center; line-height:27px; font-size:12px; color:#999; bottom:15px; right:10px;}
.ignore{ width:60px; height:27px; position:absolute; border: solid 1px #D3D3D3; text-align:center; line-height:27px; font-size:12px; color:#999; bottom:15px; left:10px;}


/*个人资料完善*/
.per-info-container{position: relative; width:98%; margin:0 auto;}
.per-info-nav{ width:100%;}
.per-info-nav li{ float:left; width:auto; height:40px; padding:0 10px; line-height:40px; font-size:16px; color:#000000;}
.per-info-nav .take-on{ border-bottom:solid 3px #000000;}
.per-info-box{ border: solid 1px #D6D6D6; overflow-Y:auto; position: relative;}
.js-head-pic-edit{ width: 100px; height: 100px; position: absolute; top: 24px; right: 30px; border-radius: 5px; border: solid 1px #ddd;}
.js-head-pic-edit img{ width: 100%; height: 100%;}
.up-head-picture-btn{ width: 80px; height: 26px; background-color: #000; color: #fff; text-align: center; line-height: 24px; font-size: 12px; border-radius: 3px; position: absolute; top: 130px; right: 40px; cursor: pointer;}
.per-info-cont{ margin:0;}
.basic-info li{ float:left; margin-right:20px; margin-bottom:20px; width:auto; height:48px; border:solid 1px #D6D6D6;}
.basic-info li span{ width:90px; border-right:solid 1px #d6d6d6; font-size:12px; float:left; height:14px; line-height:14px; margin-top:17px; text-align:right; padding-right:5px; color:#9E9F9E;}
.basic-info li input{ border:none; float:left; height:24px; font-size:12px; line-height:24px; margin-top:12px;}
.basic-info li .input-1{ width:200px;}
.basic-info li .input-2{ width:370px;}
.basic-info li .input-3{ width:140px;}
.basic-info li .input-4{ width:527px;}
.basic-info li .gender-select{ width:140px; border:none; font-size:14px; line-height:24px; height:24px; float:left; margin-top:12px; text-indent: 10px;}
.basic-info li .city-select{ width:70px; border:none; font-size:12px; line-height:24px; height:24px; float:left; margin-top:12px; margin-right:20px; border-right:solid 1px #ddd; margin-left:10px;}
.per-info-title{ width:100%; line-height:30px; font-size:14px; color:#010101;}
.experience-box{ border:solid 1px #D6D6D6; padding:18px; width:627px; margin-bottom:20px;}
.experience-cont-list{ width:auto; margin-bottom:20px; position:relative;}
.experience-cont-list input{ border:none; border-bottom:solid 1px #000; font-size:12px; line-height:24px; height:24px;}
.experience-cont-list .input-5{ width:100px;}
.experience-cont-list .input-6{ width:370px; margin-left:20px;}
.add-experience{ width:24px; height:24px; background-color:#000; color:#fff; line-height:24px; text-align:center;}
.experience-cont-list .del-icon{ position: absolute; width:20px; height:20px; top:0px; right:0px; background-color:#000; color:#fff; line-height:20px; text-align:center; display:none;}
.experience-cont-list:hover .del-icon{display:block;}
.per-intro-box textarea{ border:solid 1px #d6d6d6; width:631px; height:140px; font-size:14px; text-indent:0; padding: 10px 15px; outline: 0;}
.per-info-save-btn{ width:200px; height:56px; background-color:#FE0000; color:#fff; line-height:56px; text-align:center; border:none; margin:20px 0;}
.create-success-tishi{ font-weight: lighter; font-size:30px; padding:10px 20px; line-height:40px; color:#999;}
.tips{ padding:20px; font-size:14px;}
.basic-info li .proof-select{ width:206px; border:none; height:24px; float:left; margin-top:12px; font-size:14px; }
.yzm-request{ width:206px; height:48px !important; margin-top:0 !important; background-color:#000; color:#fff; float:left;}

/*待办事项*/
.upcoming-events-nav{ width:100%; height:50px; text-align: center; line-height: 50px; font-size: 12px; border-bottom: solid 1px #D6D7D6;}
.upcoming-events-nav .arrow{ width:50px; height:50px; font-size:26px; line-height:50px; text-align:center; position:absolute; }

.upcoming-events-nav .pre::after{ content:""; border: solid 1px #000; border-right:none; border-top:none; height:12px; width:12px; position:absolute; transform:rotate(45deg); -webkit-transform:rotate(45deg); top:18px; left:20px;}
.upcoming-events-nav .next::after{ content:""; border: solid 1px #000; border-left:none; border-bottom:none; height:12px; width:12px; position:absolute; transform:rotate(45deg); -webkit-transform:rotate(45deg); top:18px; right:20px;}
.upcoming-events-nav .pre:hover::after{ content:""; border: solid 1px #fff; border-right:none; border-top:none; height:12px; width:12px; position:absolute; transform:rotate(45deg); -webkit-transform:rotate(45deg); top:18px; left:20px;}
.upcoming-events-nav .next:hover::after{ content:""; border: solid 1px #fff; border-left:none; border-bottom:none; height:12px; width:12px; position:absolute; transform:rotate(45deg); -webkit-transform:rotate(45deg); top:18px; right:20px;}
.upcoming-events-nav .pre{ left:0;}
.upcoming-events-nav .next{ right:0;}
.upcoming-events-nav .pre:hover{ left:0; background-color: #000;}
.upcoming-events-nav .next:hover{ right:0; background-color: #000;}
.upcoming-events-sub-nav{ padding-left: 370px; text-align: center; position: relative; height: 50px; font-weight: bold;}
.upcoming-events-sub-nav > div{ position: absolute; top: 0; left: 0; line-height: 50px; border-right: solid 1px #ddd; height: 50px; width: 370px; text-align: center;}
.upcoming-events-box{ position: relative; height: 555px; padding-left: 371px;}
.upcoming-events{ float:left; width:33.33%;}
.upcoming-events .title{ width:90%; margin:4px auto; text-align:center; border:solid 1px #ddd; height:40px; line-height:40px; background-color:#EFF0EF;}
.upcoming-events .overday{width:87%; margin: 0 auto; font-size:12px; margin-top:20px;background:#efefef;}
.upcoming-events .overday ul{width:92%;  color:#3e3e3e; padding:10px 4%;}
.upcoming-events .overday ul li{border-bottom:1px dashed #3e3e3e ; line-height:28px;}
.upcoming-events .overday-span1{color:#d0d0d0; margin-left: 0px;}
.upcoming-events .overday-span3{color:#fd3a3a;}
.ml-10{margin-left:10px;}
.upcoming-events-left{width: 370px; border-right: solid 1px #ddd; padding-top: 76px; position: absolute; left: 0; top: 0; height: 479px;}
.upcoming-events-left-nav{ position: absolute; top: 0; left: 0; width: 334px; padding: 0 18px; height: 75px; border-bottom: solid 1px #ddd;}
.upcoming-events-left-nav .title{ text-align: center; font-size: 12px; font-weight: bold; line-height: 30px; position: relative;}
.upcoming-events-left-nav .title::before{ content: ""; position: absolute; width: 125px; height: 1px; top: 15px; left: 0; background-color: #CCCCCC;}
.upcoming-events-left-nav .title::after{ content: ""; position: absolute; width: 125px; height: 1px; top: 15px; right: 0; background-color: #CCCCCC;}
.upcoming-events-left-nav .btn-cont{ position: relative;}
.upcoming-events-left-nav li{width: 50%; height: 72px; line-height: 72px; text-align: center; float: left; cursor: pointer;}
.upcoming-events-left-nav li.take-on{ border-bottom: solid 3px #000;}
.upcoming-events-left-nav input{ width: 300px; height: 31px; border: solid 1px #000; margin-top: 21px; padding-right: 30px; background: url(../images/idea-icon.jpg) no-repeat right center;}
.events-property-btn{ width: 44px; height: 25px; border: solid 1px #ddd; padding-right: 33px; display: block; float: left; font-size: 12px; text-align: center; line-height: 25px; position: relative; margin-right: 10px; margin-top: 5px;}
.events-property-btn:hover{ color: #fff; background-color: #000; border:solid 1px #000;}
.events-property-btn span{ position: absolute; width: 33px; height: 27px; top: -1px; right: -1px; background-color: #ff0000; font-size: 12px; color: #fff; text-align: center; line-height: 27px;}
.events-property-btn span.take-on{ position: absolute; width: 31px; height: 25px; top:-1px; right:-1px; border:solid 1px #ddd; background-color: #fff; font-size: 12px; color: #000; text-align: center; line-height: 27px;}
.upcoming-events-left-nav .add-events-btn{width: 27px; height: 27px; background-color: #ff0000; color: #fff; text-align: center; line-height: 27px; position: absolute; top: 5px; right: 0;}
.upcoming-events-list-cont{ height: 100%; width: 330px; padding:0 20px; overflow-y: auto;}
.upcoming-events-list-cont .title{ line-height: 30px; font-size: 12px; padding-top: 5px;}
.upcoming-events-list{ padding-top: 5px; padding-bottom: 15px;}
.upcoming-events-list li{ border: solid 1px #ddd; padding: 10px 15px; margin-bottom: 20px; }
.upcoming-events-list li .content-l{ float: left; width: 250px; background: url(../images/dashed-line-y.png) repeat-y right top;}
.upcoming-events-list li .content-l > div{ height: 30px; line-height: 30px; background: url(../images/dashed-line-x.png) repeat-x bottom left; color: #B0B0B0; font-size: 12px; width: 242px; overflow: hidden;text-overflow: ellipsis; padding-right: 8px;}
.upcoming-events-list li .content-l > div:nth-last-child(1){ background: none;}
.upcoming-events-list li .content-l > div span{ color: #000; font-weight: bold;}
.upcoming-events-list li .content-r [id^="checkbox-"] + label {background-color: #fff;width: 14px;height: 14px;display: inline-block;position: relative;border: solid 1px #8A8A8A;margin: 22px 0 0 20px;}
.upcoming-events-list li .content-r input[name="upcoming"]{ width: 0; display: none;}
.upcoming-events-list li .content-r [id^="checkbox-"]:checked + label:before {content: ' ';position: absolute;opacity: 0.8;display: block;top: 1px;left: 2px;width: 10px;height: 6px;border-bottom: solid 1px #000;border-left: solid 1px #000;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.upcoming-events-list li .content-r{ float: left; padding:0; width: 30px; height: 60px;}
.upcoming-events-list li:hover{ background-color: #000;}
.upcoming-events-list li:hover .content-l > div span{ color: #fff; font-weight: bold;}
.upcoming-events-list li:hover .content-r [id^="checkbox-"] + label {background-color: #000;border: solid 1px #fff;}
.upcoming-events-list li:hover .content-r [id^="checkbox-"]:checked + label:before {opacity: 1;border-bottom: solid 1px #fff;border-left: solid 1px #fff;}

.upcoming-events-list li.crrent-task{ background-color: #000;}
.upcoming-events-list li.crrent-task .content-l > div span{ color: #fff; font-weight: bold;}
.upcoming-events-list li.crrent-task .content-r [id^="checkbox-"] + label {background-color: #000;border: solid 1px #fff;}
.upcoming-events-list li.crrent-task .content-r [id^="checkbox-"]:checked + label:before {opacity: 1;border-bottom: solid 1px #fff;border-left: solid 1px #fff;}

.upcoming-events-list-cont .idea-list{ position: relative; line-height: 18px; padding: 15px 85px 15px 15px; border: solid 1px #ddd; margin-top: 15px;}
.upcoming-events-list-cont .idea-list.take-on{border: solid 1px #000;}
.upcoming-events-list-cont .idea-list input[type="text"]{ line-height: 18px; height: 18px; border: none; width: 225px; text-indent: 0; margin: 0; padding: 0;}
.upcoming-events-list-cont .idea-list .idea-edit{ width: 18px; height: 18px; position: absolute; border: solid 1px #ddd; background: url(../images/idea-icon-1.png) no-repeat center center; top: 50%; margin-top: -10px; right: 55px;}
.upcoming-events-list-cont .idea-list .idea-del{ width: 18px; height: 18px; position: absolute; border: solid 1px #ddd; background: url(../images/idea-icon-2.png) no-repeat center center; top: 50%; margin-top: -10px; right: 30px;}
.upcoming-events-list-cont .idea-list .idea-ok{ width: 18px; height: 18px; position: absolute; border: solid 1px #ddd; background: url(../images/idea-icon-3.png) no-repeat center center; top: 50%; margin-top: -10px; right: 5px;}
.upcoming-events-list-cont .idea-list .idea-edit:hover{ background-color: #ff0000; border: solid 1px #ff0000;}
.upcoming-events-list-cont .idea-list .idea-del:hover{ background-color: #ff0000; border: solid 1px #ff0000;}
.upcoming-events-list-cont .idea-list .idea-ok:hover{ background-color: #ff0000; border: solid 1px #ff0000;}
.upcoming-events-list-cont .idea-list .idea-edit.take-on{ background-color: #ff0000; border: solid 1px #ff0000;}
.upcoming-events-list-cont .idea-list .idea-ok.take-on{ background-color: #ff0000; border: solid 1px #ff0000;}
.upcoming-events-list-cont .idea-list .edit-ing{ width: 70px; height: 18px;position: absolute;border: solid 1px #ddd; top: 50%; margin-top: -10px; right: 5px; background-color: #fff; text-align: center; color: #999; line-height: 18px; font-size: 12px;}
.upcoming-events-right{ width: 100%; height: 479px; position: relative;}
.upcoming-events-right-nav{ width: 100%; height: 75px; border-bottom: solid 1px #ddd; position: absolute; top: 0; left: 0;}
.upcoming-events-right-nav select{ width: 158px; height: 34px; border: solid 1px #D6D6D6; margin: 20px 0 0 20px; font-size: 12px; float: left; text-indent: 5px;}
.upcoming-events-right-nav input{ width: 158px; height: 32px; border: solid 1px #D6D6D6; font-size: 12px; float: left;}
.filter-result-box{ width:100%; height: 100%; overflow-x:auto; overflow-y: hidden; position:relative;}
.filter-result-box > div{ width: 2500px;}
.filter-result-list{ padding-top: 34px; float: left; border-right: solid 1px #ddd; position: relative;}
.department-name{ height: 33px; width: 100%; line-height: 33px; border-bottom: solid 1px #ddd; position: absolute; top: 0; left: 0; font-weight: bold;}
.department-name span{ padding-left: 20px;}
.upcoming-per-info{ width: 370px; float: left; padding-top: 100px; position: relative;}
.upcoming-per-info-nav{ width: 330px; padding: 20px; height: 60px; border-bottom: solid 1px #ddd; position: absolute; left: 0; top: 0; border-right:solid 1px #ddd;}
.upcoming-per-info-nav .headpic{ width: 60px; height: 60px; float: left; border-radius: 5px; overflow: hidden;}
.upcoming-per-info-nav .headpic img{ width: 100%; height: 100%;}
.upcoming-per-info-nav .detail-content{ width: 250px; float: left; margin-left: 10px;}
.upcoming-per-info-nav .detail-content h3{ width: 100%; height: 24px; line-height: 24px; font-size: 14px;}
.upcoming-per-info-nav .detail-content .btn-content{ padding-top: 10px; position: relative;}
.upcoming-per-info-nav .detail-content .btn-content .events-property-btn-1{ width: 77px; height: 25px; text-align: center; display: block; border: solid 1px #ddd; color: #666; line-height: 25px; float: left; font-size: 12px; position: relative;}
.upcoming-per-info-nav .detail-content .btn-content .events-property-btn-1 span{ width: 33px; height: 27px; position: absolute; text-align: center; line-height: 27px; background-color: #ff0000; color: #fff; top: -1px; right: -1px;}
.upcoming-per-info-nav .detail-content .btn-content .events-property-btn-1 span.take-on{ width: 33px; height: 25px; position: absolute; text-align: center; line-height: 27px; background-color: #fff; color: #000; top: -1px; right: -1px; border: solid 1px #ddd;}
.upcoming-per-info-nav .detail-content .btn-content .events-property-btn-1:hover{ border: solid 1px #000; color: #fff; background-color: #000;}
.upcoming-per-info-nav .detail-content .btn-content .events-property-btn-1.take-on{ border: solid 1px #000; color: #fff; background-color: #000;}
.upcoming-per-info-nav .detail-content .btn-content .add-events-btn{width: 25px; height: 25px;border: solid 1px #ddd; color: #666; text-align: center; line-height: 25px; position: absolute; top: 10px; right: 0;}
.per-uncoming-events-box{
    height: 100%;
    width: 330px;
    padding: 0 20px;
    overflow-y: auto; border-right: solid 1px #ddd;}
.per-uncoming-events-box .title{ line-height: 30px; padding-top: 10px;}
.upanddown-btn{width: 74px; height: 20px; line-height: 20px; background-color: #000; color: #fff; font-size: 12px; text-align: center; border-radius: 5px; margin-top: 20px; padding-left: 20px; cursor: pointer; position: relative;}
.upanddown-btn.take-on{ color: #F6FF00;}
.upanddown-btn::after{ content: ""; position: absolute; width: 220px; height: 1px; border-bottom: dashed 1px #999; top: 10px; left: 105px;}
.complete-pro-btn span{position: absolute; width: 12px; height: 12px; background-color: #fff; border-radius: 100%; top: 4px; left: 4px;}
.complete-pro-btn span::after{content: ""; position: absolute; width: 6px; height: 3px; border-bottom: solid 1px #000; border-left: solid 1px #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 3px; left: 3px;}
.complete-pro-btn.take-on span{background-color: #F6FF00;}
.approval-pro-btn span{position: absolute; width: 12px; height: 12px; background-color: #fff; border-radius: 100%; top: 4px; left: 4px;}
.approval-pro-btn.take-on span{background-color: #F6FF00;}
.approval-pro-btn span::after{content: ""; position: absolute; width: 4px; height: 4px; border-bottom: solid 1px #000; border-right: solid 1px #000;top: 2px; left: 2px;}
.complete-events-list{ display: none;}
.complete-events-list li .content-l > div{ color: #ddd; text-decoration: line-through;}
.complete-events-list li .content-l > div span{ color: #ddd;}
.complete-events-list li .content-r [id^="checkbox-"] + label {border: solid 1px #ddd;}
.upcoming-events-list li .content-r .approval{ width: 24px; height: 24px; float: left; margin: 18px 0 0 18px; background: url(../images/daishen-b.gif) no-repeat center center; background-color: #FBFF08; border-radius: 100%;}
.upcoming-events-list li:hover .content-r .approval{ width: 24px; height: 24px; float: left; margin: 18px 0 0 18px; background: url(../images/daishen-b.gif) no-repeat center center; background-color: #FBFF08; border-radius: 100%;}
.upcoming-events-list li .content-r .other{ width: 24px; height: 24px; float: left; margin: 18px 0 0 18px; background: url(../images/upcoming-qt-pic.png) no-repeat center center; background-size: 100% 100%;}
.upcoming-events-list li:hover .content-r .other{ width: 24px; height: 24px; float: left; margin: 18px 0 0 18px; background: url(../images/upcoming-qt-pic.png) no-repeat center center; background-size: 100% 100%;}

.filter-result-cont-box{ width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; padding-top: 76px;}
.filter-result-box .card-need{ width: 299px !important; border-right: solid 1px #ddd; height: 100%; float: left;}
.filter-result-box .card-need .tit{ line-height: 40px; height: 40px; border-bottom: solid 1px #ddd; text-indent: 20px; font-weight: bold;}
.filter-result-box .card-need .card-need-list{ padding: 10px; overflow-y: auto;}
.filter-result-box .card-need .card-need-list li{ border: solid 1px #ddd; padding: 10px 13px; margin-top: 10px; }
.filter-result-box .card-need .card-need-list li .content-l{ float: left; width: 215px; background: url(../images/dashed-line-y.png) repeat-y right top;}
.filter-result-box .card-need .card-need-list li .content-l > div{ height: 30px; line-height: 30px; background: url(../images/dashed-line-x.png) repeat-x bottom left; color: #B0B0B0; font-size: 12px; width: 205px; overflow: hidden;text-overflow: ellipsis; padding-right: 8px;}
.filter-result-box .card-need .card-need-list li .content-l > div:nth-last-child(1){ background: none;}
.filter-result-box .card-need .card-need-list li .content-l > div span{ color: #000; font-weight: bold;}
.filter-result-box .card-need .card-need-list li .content-r [id^="checkbox-"] + label {background-color: #fff;width: 14px;height: 14px;display: inline-block;position: relative;border: solid 1px #8A8A8A;margin: 22px 0 0 20px;}
.filter-result-box .card-need .card-need-list li .content-r input[name="upcoming"]{ width: 0; display: none;}
.filter-result-box .card-need .card-need-list li .content-r [id^="checkbox-"]:checked + label:before {content: ' ';position: absolute;opacity: 0.8;display: block;top: 1px;left: 2px;width: 10px;height: 6px;border-bottom: solid 1px #000;border-left: solid 1px #000;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.filter-result-box .card-need .card-need-list li .content-r{ float: left; padding:0; width: 30px; height: 60px;}
.filter-result-box .card-need .card-need-list li:hover{ background-color: #000;}
.filter-result-box .card-need .card-need-list li:hover .content-l > div span{ color: #fff; font-weight: bold;}
.filter-result-box .card-need .card-need-list li:hover .content-r [id^="checkbox-"] + label {background-color: #000;border: solid 1px #fff;}
.filter-result-box .card-need .card-need-list li:hover .content-r [id^="checkbox-"]:checked + label:before {opacity: 1;border-bottom: solid 1px #fff;border-left: solid 1px #fff;}
/*icon版*/
/*.filter-result-box .card-need .card-need-list li .content-r .compete{ width: 24px; height: 24px; float: left; margin: 18px 0 0 11px; background: url(../images/compete.png) no-repeat center center;}
.filter-result-box .card-need .card-need-list li:hover .content-r .compete{ background: url(../images/compete-hover.png) no-repeat center center;}
.filter-result-box .card-need .card-need-list li .content-r .ing{ width: 24px; height: 24px; float: left; margin: 18px 0 0 11px; background: url(../images/ing-1.png) no-repeat center center;}
.filter-result-box .card-need .card-need-list li:hover .content-r .ing{ background: url(../images/ing-hover.png) no-repeat center center;}
.filter-result-box .card-need .card-need-list li .content-r .edit{ width: 24px; height: 24px; float: left; margin: 10px 0 0 11px; background: url(../images/edit-icon.png) no-repeat center center;}
.filter-result-box .card-need .card-need-list li:hover .content-r .edit{ background: url(../images/edit-icon-hover.png) no-repeat center center;}
.filter-result-box .card-need .card-need-list li .content-r .check{ width: 30px; height: 20px; margin: 18px 0 0 8px; text-align: center; line-height: 20px; border: solid 1px #ddd; cursor: pointer;}
.filter-result-box .card-need .card-need-list li:hover .content-r .check{ width: 30px; height: 20px; margin: 18px 0 0 8px; text-align: center; line-height: 20px; border: solid 1px #ddd; color: #fff;}*/
/*文字版*/
.filter-result-box .card-need .card-need-list li .content-r .compete{ width: 38px; height: 20px; margin: 18px 0 0 3px; text-align: center; line-height: 20px; border: solid 1px #ddd; cursor: pointer;}
.filter-result-box .card-need .card-need-list li:hover .content-r .compete{ border: solid 1px #ddd; color: #fff;}
.filter-result-box .card-need .card-need-list li .content-r .ing{ width: 38px; height: 20px; margin: 18px 0 0 3px; text-align: center; line-height: 20px; border: solid 1px #ddd; cursor: pointer;}
.filter-result-box .card-need .card-need-list li:hover .content-r .ing{ border: solid 1px #ddd; color: #fff;}
.filter-result-box .card-need .card-need-list li .content-r .edit{ width: 38px; height: 20px; margin: 14px 0 0 3px; text-align: center; line-height: 20px; border: solid 1px #ddd; cursor: pointer;}
.filter-result-box .card-need .card-need-list li:hover .content-r .edit{ border: solid 1px #ddd; color: #fff;}
.filter-result-box .card-need .card-need-list li .content-r .check{ width: 38px; height: 20px; margin: 18px 0 0 3px; text-align: center; line-height: 20px; border: solid 1px #ddd; cursor: pointer;}
.filter-result-box .card-need .card-need-list li:hover .content-r .check{ border: solid 1px #ddd; color: #fff;}

.filter-result-box .card-need .card-need-list li .content-r .compete.indent{ margin-top: 0px;}
.filter-result-box .card-need .card-need-list li .content-r .ing.indent{ margin-top: 0px;}
.filter-result-box .card-need .card-need-list li .content-r .need-ban-icon{width: 20px; height: 20px; float: left; margin: 18px 0 0 13px; border: solid 1px #ddd; border-radius: 100%; position: relative;}
.filter-result-box .card-need .card-need-list li .content-r .need-ban-icon::after{ content: ""; position: absolute; width: 14px; height: 1px; background-color: #ddd; top: 10px; left: 3px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.filter-result-box .card-need .card-need-list li .content-r .need-ban-icon::before{ content: ""; position: absolute; width: 14px; height: 1px; background-color: #ddd; top: 10px; left: 3px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.filter-result-box .card-need .card-need-list li .content-r .need-end-icon{width: 20px; height: 20px; float: left; margin: 18px 0 0 13px; border: solid 1px #ddd; border-radius: 100%; position: relative;}
.filter-result-box .card-need .card-need-list li .content-r .need-end-icon::after{ content: ""; position: absolute; width: 10px; height: 5px;border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; top: 5px; left: 5px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.idea-box{ padding-top: 0;  height: 100%;}
.complete-directions .ban{ background: #ccc;}
.complete-directions button.ban{ display: none;}
.issue-needs{position: absolute; top: 50%; left: 50%; margin-top: -209px; margin-left: -250px; z-index: 10;}
.filter-issue-needs{ margin-top: -261px; margin-left: -435px;}
.issue-needs.accept-needs .cont{ width: 500px; margin-left: -250px;}
.issue-needs.processing .cont{ width: 500px; margin-left: -250px;}
.issue-needs .cont{ width: 500px; height: auto; position: absolute; top:0; left:0;}
.issue-needs .cont .title{ background-color: #ff0000; line-height: 60px; height: 60px; text-indent: 15px; font-weight: bold; font-size: 16px; color: #fff;}
.issue-needs .cont .title a{ width: 80px; height: 30px; line-height: 30px; position: absolute; border: solid 1px #CE100D; color: #CE100D; top: 16px; font-size: 12px;font-weight: 100;}
.issue-needs .cont .title a:hover{background-color: #fff000; border: solid 1px #fff000;}
.issue-needs .cont .title a.compete-need{ right: 190px;}
.issue-needs .cont .title a.compete-ban{ right: 100px;}
.issue-needs .cont .title a.compete-cancel{ right: 10px;}
.issue-needs .cont .content{ border: solid 1px #ddd; border-top: 0; background-color: #fff; padding:0 15px 15px;}
.issue-needs .cont .content .event-cont-list{ width: 100%;}
.issue-needs .cont .content .event-cont-list input,.issue-needs .cont .content .event-cont-list select{ width: 100%; position: relative;}
.issue-needs .cont .content .event-cont-list h3{ line-height: 20px; padding-top: 10px; font-weight: bold;}
.issue-needs .cont .content .event-cont-list > div{ line-height: 20px; border: solid 1px #ddd; padding:5px 10px;}
.title-cont{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.look-events-list{ width: 100%; background-color: #000; color: #fff; height: 31px; line-height: 31px; display: block; text-indent: 10px; position: relative;}
.look-events-list::after{ content: ""; position: absolute; width: 0; height: 0; border-left: solid 5px #FFFC00; border-top: solid 5px transparent; border-bottom: solid 5px transparent; top: 10px; right: 10px;}
.look-events-list:hover{ color: #fff;}
.events-cont-list{ width: 300px; position: absolute; left: 500px; top: 0; height: 99.6%; border: solid 1px #ddd; border-left: none; background-color: #fff; overflow-y: auto;}
.issue-needs .events-cont-list .card-need-list{ padding: 10px;}
.issue-needs .events-cont-list .card-need-list li{ border: solid 1px #ddd; padding: 10px 12px; margin-top: 10px; }
.issue-needs .events-cont-list .card-need-list li .content-l{ float: left; width: 215px; background: url(../images/dashed-line-y.png) repeat-y right top;}
.issue-needs .events-cont-list .card-need-list li .content-l > div{ height: 30px; line-height: 30px; background: url(../images/dashed-line-x.png) repeat-x bottom left; color: #B0B0B0; font-size: 12px; width: 205px; overflow: hidden;text-overflow: ellipsis; padding-right: 8px;}
.issue-needs .events-cont-list .card-need-list li .content-l > div:nth-last-child(1){ background: none;}
.issue-needs .events-cont-list .card-need-list li .content-l > div span{ color: #000; font-weight: bold;}
.issue-needs .events-cont-list .card-need-list li .content-r [id^="checkbox-"] + label {background-color: #fff;width: 14px;height: 14px;display: inline-block;position: relative;border: solid 1px #8A8A8A;margin: 22px 0 0 15px;}
.issue-needs .events-cont-list .card-need-list li .content-r input[name="upcoming"]{ width: 0; display: none;}
.issue-needs .events-cont-list .card-need-list li .content-r [id^="checkbox-"]:checked + label:before {content: ' ';position: absolute;opacity: 0.8;display: block;top: 1px;left: 2px;width: 10px;height: 6px;border-bottom: solid 1px #000;border-left: solid 1px #000;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.issue-needs .events-cont-list .card-need-list li .content-r{ float: left; padding:0; width: 30px; height: 60px;}
.issue-needs .events-cont-list .card-need-list li:hover{ background-color: #000;}
.issue-needs .events-cont-list .card-need-list li:hover .content-l > div span{ color: #fff; font-weight: bold;}
.issue-needs .events-cont-list .card-need-list li:hover .content-r [id^="checkbox-"] + label {background-color: #000;border: solid 1px #fff;}
.issue-needs .events-cont-list .card-need-list li:hover .content-r [id^="checkbox-"]:checked + label:before {opacity: 1;border-bottom: solid 1px #fff;border-left: solid 1px #fff;}
.issue-needs .events-cont-list .card-need-list li .content-r .compete{ width: 24px; height: 24px; float: left; margin: 18px 0 0 11px; background: url(../images/ing.png) no-repeat center center; background-size: 100% 100%;}
.issue-needs .events-cont-list .card-need-list li:hover .content-r .compete{ width: 24px; height: 24px; float: left; margin: 18px 0 0 11px; background: url(../images/ing.png) no-repeat center center; background-size: 100% 100%;}
.issue-needs .events-cont-list .card-need-list li .content-r .ing{ width: 24px; height: 24px; float: left; margin: 18px 0 0 11px; background: url(../images/upcoming-qt-pic.png) no-repeat center center; background-size: 100% 100%;}
.issue-needs .events-cont-list .card-need-list li:hover .content-r .ing{ width: 24px; height: 24px; float: left; margin: 18px 0 0 11px; background: url(../images/upcoming-qt-pic.png) no-repeat center center; background-size: 100% 100%;}


.events-cont{ width:90%; height:auto; margin:20px 0 0 7%; border-left: dashed 1px #999; padding-bottom:60px;}
.events-list{}
.events-list .events-date{ line-height:30px; font-size:14px; padding-left:15px; height:30px; position:relative;}
.events-list .events-date::before{ content:""; position:absolute; height:8px; width:8px; border:2px solid #999; border-radius:10px; background-color:#fff; top:8px; left:-6px;}
.events-content-box{ width:80%; border:solid 1px #D2D3D2; padding:10px; border-radius:5px; margin-left:15px; margin-top:5px; margin-bottom:40px;}
.events-content-box .events-name{ width:100%; border-bottom:dashed 1px #D2D3D2; line-height:30px; font-size:14px;}
.events-content-box .events-name span{ color:#999; font-size:12px;}
.events-miaoshu{ font-size:16px; line-height:30px; border-bottom: dashed 1px #d2d3d2; padding-top:10px;}
.events-content-box .events-people{ border-bottom: dashed 1px #d2d3d2; line-height:30px;}
.events-content-box .events-people span{ color:#999; font-size:12px; float:left;}
.events-content-box .events-people li{ float:left; background-color:#33B4F3; border-radius:3px; color:#fff; text-align:center; padding:0 10px; font-size:12px; line-height:20px; margin:5px}
.events-content-box .events-stats{ line-height:30px;}
.events-content-box .events-stats span{ font-size:12px; color:#999; float:left;}
.events-content-box .events-stats a{ font-size:12px; background-color:#4AE809; float:left; color:#fff; display:block; width:50px; height:20px; text-align:center; line-height:20px; border-radius:3px; margin:5px;}
.filter-list-cont{ float: left; padding: 15px 0 0 20px;}
.filter-list-cont li{float: left;font-size: 12px;line-height: 24px;padding: 0 25px 0 5px; background-color: #34B3F5;color: #fff; margin-right: 10px;margin-top: 10px;border-radius: 3px;position: relative;}
.filter-list-cont a.del-btn{width: 11px;height: 11px;position: absolute;top: 6px;right: 5px;}
.filter-list-cont a.del-btn::before{content: "";width: 1px;height: 11px; background-color: #fff;top: 0px;left: 5px;position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.filter-list-cont a.del-btn::after{content: "";width: 11px; height: 1px;background-color: #fff;top: 5px;left: 0px; position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/*通讯录*/
.phone-book-container{ margin:0 auto; padding: 0 1%;}
.phone-book-nav{ width:100%; padding: 7px 0;}
.phone-book-nav li{ float:left; width:auto; height:40px; padding:0 10px; line-height:40px; font-size:16px; color:#000;}
.phone-book-nav .take-on{ border-bottom:solid 3px #000000;}
.phone-book-box{ border: solid 1px #D6D6D6; overflow-Y:auto;}
.phone-book-box table{ width:100%; }
.phone-book-box th{ border-right:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding-left:10px; line-height:50px; background-color:#F5F6F5;}
.phone-book-box td{ padding-left:10px; line-height:50px; font-size:13px; color:#999;}
.phone-book-box tbody tr{background-color:#FDFEFD;}
.phone-book-box tbody tr:hover{ background-color:#f5f5f5;}
@media screen and (max-width:1200px) and (min-width:800px){
    .phone-book-box tr th:nth-child(3){ display:none;}
    .phone-book-box tr td:nth-child(3){ display:none;}
}
@media screen and (max-width:799px){
    .phone-book-box tr th:nth-child(3),.phone-book-box tr th:nth-child(5){ display:none;}
    .phone-book-box tr td:nth-child(3),.phone-book-box tr td:nth-child(5){ display:none;}
}
.book-search-box{ width:500px; font-size:12px; background:url(../images/book-search-bg.jpg) no-repeat 500px center; padding-right:20px; color:#000; float: left; margin-top: 6px;}
.book-add-info-btn{ width:80px; height:31px; display:block; background-color:#ED2E2B; font-size:14px; text-align:center; line-height:31px; color:#fff; margin:6px 0 0;}
.add-book-info-box{ width:424px; position:fixed; left:50%; top:100px; margin-left:-213px; border:solid 1px #DFDFDF; background-color:#fff; z-index:10; display:none;}
.add-book-info-box .title{ width:384px; height:58px; font-size:18px; line-height:58px; color:#fff; background-color:#EE2C2C; padding:0 20px; position:relative;}
.add-info-cont-box{ padding:10px 0;}
.add-info-cont-box li{ float:left; width:45%; margin-left:3.3%; margin-bottom:10px; border-bottom:solid 1px #D8D8D8;}
.add-info-cont-box li input{ width:100%; border:none; font-size:12px;}
.add-info-cont-box li select{ width:100%; height:29px; border:none; font-size:12px;}
.select-info-tit{ width:93.3%; margin:0 3.33%; line-height:30px; border-bottom:solid 1px #D8D8D8; font-size:18px;}
.add-info-cont-box .company-address{ width:93.3%;}
.add-book-info-btn{ width:130px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; border:none; background-color:#EE2C2C; margin:10px 0 20px 3.33%;}
.add-book-info-box .title .close-icon{ width:58px; height:58px; position:absolute; top:0; right:0; background:url(../images/close-big.png) no-repeat center center; cursor:pointer;}


.solicitation{ width: 154px; height: 37px; background-color: #ED2C2C; color: #fff; font-size: 12px; text-align: center; line-height: 37px; cursor: pointer;}
.trash{ width: 100px; height: 37px; background-color: #000; color: #fff; font-size: 12px; text-align: center; line-height: 37px; cursor: pointer;}

.contacts-nav{ height: 54px; background-color: #F5F5F5; border-bottom:  solid 1px #D6D6D6;}
.contacts-nav select{ width: 158px; height: 34px; border: solid 1px #D6D6D6; margin: 10px 0 0 10px; font-size: 12px; float: left; text-indent: 10px; position: relative;}
.xiangmu_select{ position: relative;}
.xiangmu_select{ background: url(../images/select-bg-hover.jpg) no-repeat 130px 6px; background-color: #fff;}
.xiangmu_select:hover{ background: url(../images/select-bg.jpg) no-repeat 130px 6px; background-color: #fff;}
.xiangmu_select_1{ background: url(../images/select-bg-hover.jpg) no-repeat 142px 5px; background-color: #fff;}
.xiangmu_select_1:hover{ background: url(../images/select-bg.jpg) no-repeat 142px 5px; background-color: #fff;}


.contacts-nav div{ float: left; margin: 10px 0 0 10px;}
.contacts-nav input{ width: 358px; height: 32px; border: solid 1px #D6D6D6; font-size: 12px;}
.contacts-cont-box{ padding-left: 371px; position: relative;}
.contacts-cont-box .contacts-cont-left{ width: 370px; padding: 0; border-right: solid 1px #ddd; position: absolute; top: 0; left: 0; height: 100%;}
.new-add-contacts-btn-box{ padding: 20px 0; margin: 0 20px; background: url(../images/dashed-line-x.png) repeat-x bottom left; height: 37px;}
.listofname-box{ overflow-x: hidden; overflow-y: auto; padding: 20px 20px 0}
.listofname-box ul{ width: 325px;}
.listofname-box li{ border: solid 1px #ddd; margin-bottom: 20px; height: 40px; padding: 5px; cursor: pointer;}
.listofname-box li .head-pic{ float: left; width: 40px; height: 40px; border-radius: 5px; overflow: hidden;}
.listofname-box li .head-pic img{ width: 100%; height: 100%;}
.listofname-box li .detail-cont{ float: left; margin-left: 10px; width: 260px;}
.listofname-box li .detail-cont h3 { font-size: 12px; line-height: 20px; color: #AAAAAA;}
.listofname-box li .detail-cont h3 span{ color: #000;}
.listofname-box li .detail-cont .phone-info-box .ph-num{ width:95px; padding-left: 12px; float: left; line-height: 20px; font-size: 12px; background: url(../images/phone-icon.jpg) no-repeat left center;}
.listofname-box li .detail-cont .phone-info-box .em-num{ width:140px; padding-left: 12px; float: left; line-height: 20px; font-size: 12px; background: url(../images/email-icon.jpg) no-repeat left center;}
.listofname-box li:hover{ border: solid 1px #ddd; background-color: #F2F2F2;}
.listofname-box li.take-on{ border: solid 1px #000; background-color: #000;}
.listofname-box li.take-on .detail-cont h3 span{ color: #fff;}
.listofname-box li.take-on .detail-cont .phone-info-box .ph-num{color: #fff; background: url(../images/phone-icon-hover.png) no-repeat left center;}
.listofname-box li.take-on .detail-cont .phone-info-box .em-num{color: #fff; background: url(../images/email-icon-hover.png) no-repeat left center;}
.personal-information{ height: 100%; position: relative; padding-left: 451px;}
.personal-information .basic-infor-box{ width: 410px; padding: 0 20px; height: 100%; overflow-x: hidden; overflow-y: auto; float: left; border-right: solid 1px #ddd; position: absolute; top: 0; left: 0;}
.personal-information .basic-infor-box .content-l{width: 54px; float: left; padding-top: 20px;}
.personal-information .basic-infor-box .content-l .up-head-pic{width: 54px; height: 54px; border-radius: 10px; background-color: #EBEBEB; text-align: center; line-height: 54px; font-size: 12px; color: #999; cursor: pointer; position: relative;}
.personal-information .basic-infor-box .content-l .up-head-pic img{ position: absolute; width: 100%; height: 100%; border-radius: 10px; top: 0; left: 0; pointer-events: none;}
.personal-information .basic-infor-box .content-l select{border: solid 1px #ddd; height: 30px; color: #999; width: 54px; line-height: 30px; text-align:left; text-indent: 8px; font-size: 12px; -webkit-appearance: none; margin-top: 10px;}
.personal-information .basic-infor-box .content-l select option{text-align: center; outline: 0;}
.personal-information .basic-infor-box .content-r{width: 336px; float: left; padding-top: 20px; margin-left: 20px;}
.personal-information .basic-infor-box .content-r input{ float: left; font-size: 12px; margin-bottom: 10px; }
.personal-information .basic-infor-box .content-r select{ height: 31px; border: solid 1px #ddd; line-height:31px; float: left; font-size: 12px; margin-bottom: 10px; text-indent: 10px;}
.personal-information .basic-infor-box .content-r textarea{ border: solid 1px #ddd; height: 100px; font-size: 12px; line-height: 20px; padding: 10px; outline: 0; float: left; margin-bottom: 10px;}
.infor-edit-btn{ float: left; height: 31px; width: 163px; background: url(../images/bqrsxx.png) no-repeat center center; background-color: #ED2C2C; cursor: pointer;}
.infor-edit-btn.take-on{ float: left; height: 31px; width: 163px; background: url(../images/bqrsxx.png) no-repeat center center; background-color: #000; cursor: pointer;}
.personal-information .basic-infor-box .content-r button{ width: 100px; height: 45px; border-radius: 0; font-size: 12px; border: none; background-color: #ED2C2C; line-height: 45px; text-align: center; color: #fff; float: left;}
.personal-information .basic-infor-box .content-r .del-contact-btn{ width: 100px; height: 45px; display: block; border-radius: 0; font-size: 12px; border: none; background-color: #000; line-height: 45px; text-align: center; color: #fff; float: left; margin-left: 20px;}
.personal-information .basic-infor-box .content-r .back-in-place{ width: 100px; height: 45px; display: block; border-radius: 0; font-size: 12px; border: none; background-color: #ED2C2C; line-height: 45px; text-align: center; color: #fff; float: left;}
.personal-information .basic-infor-box .content-r .del-completely{ width: 100px; height: 45px; display: block; border-radius: 0; font-size: 12px; border: none; background-color: #000; line-height: 45px; text-align: center; color: #fff; float: left; margin-left: 20px;}
.take-office-box{ position: relative; height: 100%; padding-left: 400px; min-width: 400px;}
.contract-status-box{ width: 358px; padding: 0 20px; border-right: solid 1px #ddd; left: 0; top: 0; height: 100%; position: absolute;}
.contract-status-box .title{ padding-left: 10px; line-height: 30px; font-size: 12px; font-weight: bold; padding-top: 10px;}
.contract-status-box .status-btn li{ float: left; border: solid 1px #ddd; height: 33px; text-align: center; line-height: 33px; font-size: 12px; width: 80px; margin-right: 10px; cursor: pointer;}
.contract-status-box .status-btn li:nth-child(4n){margin-right: 0;}
.contract-status-box > div .edit-input li:nth-child(4n){margin-right: 0;}
.contract-status-box .status-btn.edit-input li:nth-child(4n){margin-right: 0;}
.contract-status-box .status-btn li.take-on{ background-color: #000; color: #fff;}
.contract-status-box .input-infor{ height: 31px; border: solid 1px #ddd; float: left; font-size: 12px; padding-left: 10px; line-height: 31px;}
.contract-status-box .input-infor span{ color:#BBBBBB; }
.contract-status-box input{ font-size: 12px; height: 31px;}
.contract-status-box .new-add-record{ width: 100px; height: 33px; border: none; background-color: #ED2C2C; color: #fff; font-size: 12px; margin: 10px 0;}
.edit-infor-btn{ display: block;  cursor: pointer; width: 100px; height: 45px; border-radius: 0; border: none; background-color: #000; line-height: 45px; text-align: center; font-size: 14px; color: #fff;}
.contract-employees{ height: 100%; overflow-y:auto; padding: 0 20px; min-width: 400px;}
.contract-employees h3{ padding-left: 0; line-height: 30px; font-size: 12px; font-weight: bold; padding-top: 10px;}
.contract-employees li{ float: left; width: 58px; height: 58px; text-align: center; border: solid 1px #ddd; margin-right: 10px; margin-bottom: 10px; position: relative;}
.contract-employees li img{ max-width: 58px; max-height: 58px;}
.add-contract-picture-btn{ background-color: #000; cursor: pointer; color: #fff; text-align: center; line-height: 58px;}
.contract-employees li .del-pic{ width: 20px; height: 20px; position: absolute; top: 0; right: 0; color: #fff; background-color: #000; display: none;}
.contract-employees li:hover .del-pic{ display: block;}





/*设置页面*/
.seting-page-container{ margin:0 1%;}
.seting-page-nav{ width:100%;}
.seting-page-nav li{ float:left; width:auto; height:40px; padding:0 10px; line-height:40px; font-size:20px; color:#C7C7C7;}
.seting-page-nav .take-on{ border-bottom:solid 3px #000000;}
.seting-page-box{ border: solid 1px #D6D6D6; overflow-Y:auto;}
.seting-left-nav-box{    width: 219px;
    padding:0 15px;
    border-right: solid 1px #ddd;
    height: 100%;
    overflow-y: auto; position: absolute; top: 0; left: 0;}
.seting-class-title{ line-height:40px; font-size:14px; border-bottom:solid 1px #888; font-weight: bold;}
.seting-left-nav-box li{ width:200px; height:40px; border:solid 1px #D9D9D9; line-height:40px; color:#666; font-size:12px; padding-left:15px; margin:10px 0 0; position:relative; cursor:pointer;}
.seting-left-nav-box li.take-on{ border:solid 1px #484848; background-color:#484848; color:#fff;}
.seting-left-nav-box li.take-on::after{  border-bottom:solid 1px #fff; border-right:solid 1px #fff;}
.seting-right-box{ padding-left:20px; height: 100%; overflow-y: auto;}
.expand{ width:110px; height:35px; padding-left:12px; line-height:35px; background-color:#000; color:#999; font-size:12px; border:none; text-align:left; position:relative;}
.expand::after{ content:""; height:6px; width:6px; border-bottom:solid 1px #fff; border-right:solid 1px #fff; position:absolute; right:10px; top:13px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.collapse{ width:110px; height:35px; padding-left:12px; line-height:35px; background-color:#000; color:#999; font-size:12px; border:none; text-align:left; position:relative; display:none;}
.collapse::after{ content:""; height:6px; width:6px; border-top:solid 1px #fff; border-right:solid 1px #fff; position:absolute; right:10px; top:16px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

.nestable-lists{ padding-top:3px;}
.dd-list .dd-list{ padding-left:30px; display: none;}
.dd-handle{ width:200px; height:40px; border:solid 1px #d9d9d9; position:relative; margin-bottom:10px; padding-right:20px;}
.dd-handle:hover{ color:#000; border:solid 1px #333;}
/*.dd-handle.take-on{ color:#000; border:solid 1px #333;}*/
.exporcoll{ height:6px; width:6px; border-top:solid 1px #000; border-right:solid 1px #000; position:absolute; right:10px; top:17px; cursor:pointer; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
/*.exporcoll.take-on{ border-top:solid 1px #000; border-right:solid 1px #000; -webkit-transform:rotate(135deg); transform:rotate(135deg);}*/
.dd-handle:hover::after{border-top:solid 1px #000; border-right:solid 1px #000;}
.dd-handle h2{ width:260px; height:40px; line-height:40px; position:absolute; top:0; left:0; padding-left:20px; font-size:12px;}
.dd-handle input{ width:200px; height:40px; line-height:40px; position:absolute; top:0; left:0; padding-left:20px; font-size:12px; text-indent:0; border:none; display:none; }
.chaozuo-icon{ width:36px; height:36px; float:left; margin:0;}
.dd-handle-chaozuo{ position:absolute; top:2px; right:-110px; display:none;}
.dd-handle:hover .dd-handle-chaozuo{ display:block;}
.dd-handle .dd-bianji{ background:url(../images/edit-btn.png) no-repeat center center; cursor:pointer; background-color: #000;}
.dd-handle .dd-shanchu{ background:url(../images/remove.png) no-repeat center center; cursor:pointer; background-color: #000;}
.dd-handle .dd-tianjia{ background:url(../images/down-department.png) no-repeat center center; cursor:pointer; background-color: #000;}
.dd-handle .dd-bianji:hover{ background:url(../images/edit-btn-hover.png) no-repeat center center; cursor:pointer; background-color: #000;}
.dd-handle .dd-shanchu:hover{ background:url(../images/remove.png) no-repeat center center; cursor:pointer; background-color: #000;}
.dd-handle .dd-tianjia:hover{ background:url(../images/down-department-hover.png) no-repeat center center; cursor:pointer; background-color: #000;}
.dd-add-list{ width:25px; height:25px; background-color:#ED2C2C; border:none; color:#fff;}




.editing .text-input{display: block;}
.editing .text-name{display: none;}
.expanded > .dd-list{display: block;}
.expanded > .dd-handle .exporcoll{ border-top:solid 1px #D1D1D1; border-right:solid 1px #D1D1D1; -webkit-transform:rotate(135deg); transform:rotate(135deg);}



/*人事管理*/
.hr-add-info-btn{ width:31px; height:31px; display:block; background:url(../images/yaoqing-btn.jpg) no-repeat center center; background-size:100% 100%; margin:6px 0 0;}
.hr-add-info-box{ width:360px; border:solid 1px #ddd; position:absolute; top:250px; left:50%; margin-left:-180px; background-color:#fff; display:none;}
.hr-add-info-box h2{ height:40px; background-color:#ddd; color:#999; line-height:40px; padding-left:15px;}
.hr-input-box{ padding:15px;}
.hr-input-box input,.yaoqing-input{ width:328px; height:36px; border:solid 1px #ddd; margin:0 0 15px; line-height:36px; font-size:12px;}
.hr-input-box button{ width:100px; height:40px; background-color:#ED2C2C; line-height:40px; color:#fff; font-size:12px; border:none; float: left;}
.js-cancel-invite{
    width: 100px;
    height: 40px;
    background-color: #000;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    border: none; display: block; text-align: center; line-height: 40px; float: left; margin-bottom: 20px; margin-left: 10px;}
.js-cancel-invite:hover{ background-color: #ED2C2C; color: #fff;}

/*审批管理*/
.approval-stats{ display:block; width:60px; height:27px; border:solid 1px #ddd; float:left; line-height:27px; font-size:13px; text-align:center; margin:17px 10px 0 0;}

/*申请类型设定*/
.app-type-title{ border-bottom:solid 3px #ddd; font-size:16px; line-height:34px; width:100px;}
.app-type-list li{ padding:10px 20px; line-height:30px; float:left; border: dashed 1px #ddd; margin:20px 20px 20px 0; position:relative;}
.app-type-list li span{ position:absolute; width:20px; height:20px; top:0; right:0; text-align:center; line-height:18px; font-size:20px; color:#999; font-weight:100; cursor:pointer; display:none;}
.app-type-list li:hover span{display:block;}
.add-app-type-btn{ border:none; background-color:#000; color:#fff;}
.color-box{width:30px;height:30px; background-color:#ddd; margin:0; float:left; border-radius:5px;}
.add-app-type-box{ border: solid 1px #666; padding:10px; width:250px; margin:20px 0 0; display:none;}
.add-app-type-box .title{ border-bottom: dashed 1px #ddd; line-height:40px;}
.add-type-list{ padding:15px 0; clear:both; font-size:14px;}
.add-type-list .bt{ float:left; line-height:30px; padding-right:15px; width:60px;}
.add-type-list .preview-box{ float:left; line-height:40px; padding: 0 20px; color:#fff; font-size:16px;}
.add-app-type-box .save-btn-box{ text-align:center; padding:5px 50px;}
.add-app-type-ok,.add-app-type-cancel{ display:block; border:none; text-align:center; width:64px; height:30px; line-height:30px; margin:5px; float:left; padding:0; background-color:#ddd;}
.add-app-type-ok{ background-color:#E03D43; color:#fff;}
.add-app-type-cancel{ height:28px; background-color:#fff; border:solid 1px #ddd; line-height:28px;}


/*项目合同列表*/
.project-contract-list-box{ width:298px; height:250px; margin:12px 0 0 12px; border:solid 1px #6A6B6A; float:left; position:relative; overflow:hidden;}
.project-contract-list-box:nth-last-child(1){ margin-bottom: 12px;}
.project-contract-list-box .title{ margin:1px; line-height:50px; border-left:solid 10px #F10307; padding-left:15px; font-size:18px;}
.project-contract-list-box .cont-list{ padding:0 13px;}
.project-contract-list-box .cont-list h2{ padding-left:14px; line-height:36px; height:36px; color:#333; position:relative; font-size:14px;}
.project-contract-list-box .cont-list h2::before{ content:""; width:6px; height:6px; position:absolute; border:solid 1px #868686; border-radius:50%; left:0; top:15px;}
.project-contract-list-box .cont p{ color:#C0C0C0; font-size:12px; padding:0 15px; line-height:20px; min-height: 20px;}
.project-contract-list-box .cont-list .time-l{ width:120px; float:left;}
.project-contract-list-box .cont-list .time-r{ width:120px; float:left; padding-left:20px;}
.project-contract-list-box .time-cont .time-l p{ text-align:left; line-height:20px; font-size:12px; color:#c0c0c0; padding-left:15px; height:60px;}
.project-contract-list-box .time-cont .time-r p{ height:60px; position:relative}
.project-contract-list-box .time-cont .time-r p .span1{font-weight: lighter; font-size:50px; position:absolute; left:0; bottom:0px;}
.project-contract-list-box .time-cont .time-r p .span2{font-size:12px; float:left; position:absolute; right:0; bottom:5px;}
.project-contract-list-box .sum-money p{ color:#EC0F13; padding:0 0 0 15px; font-size:12px;}
.project-contract-list-box .contract-pic{ padding:0 13px;}
.project-contract-list-box .contract-pic .pic-cont{ padding:15px 15px; position:relative;}
.project-contract-list-box .contract-pic .pic-cont img{ max-width:27px; max-height:27px; margin-right:10px;}
.project-contract-list-box .contract-pic .pic-cont::before{ content:""; width:6px; height:6px; position:absolute; border:solid 1px #868686; border-radius:50%; left:0; top:15px;}
.project-contract-list-box .look-detail{ position:absolute; bottom:15px; right:15px;}

.project-detail-cont{ position:absolute; left:0; top:0; width:100%; height:100%;}
.project-detail-cont .project-detail-box{ position:absolute; background-color:#fff; border:solid 1px #6A6A6A; width:548px; left:50%; margin-left:-274px;}
.project-detail-cont .project-detail-box .title{ margin:1px; height:49px; border-left:solid 10px #EB6877; line-height:49px; padding-left:15px; font-size:20px;}
.project-detail-content-box{ padding:10px 0 0;}
.project-detail-content-box .content-left{ float:left; width:274px; padding:0 25px 0 14px; border-right:dashed 1px #ddd;}
.project-detail-content-box .content-left .content-list h2{ padding-left:14px; line-height:36px; height:36px; color:#333; position:relative; font-size:14px;}
.project-detail-content-box .content-left .content-list h2::before{ content:""; width:6px; height:6px; position:absolute; border:solid 1px #868686; border-radius:50%; left:0; top:15px;}
.project-detail-content-box .content-left .content-list p{ color:#C0C0C0; font-size:12px; padding:0 15px; line-height:20px;}
.project-contract-pic-list li{ float:left; width:60px; height:60px; margin:5px 0 5px 5px;}
.project-contract-pic-list li img{ text-align:center; max-width:60px; max-height:60px;}
.add-contract-pic-btn{ text-align:center; line-height:60px; border:solid 1px #A3A3A3; color:#A3A3A3; cursor:pointer;}
.project-detail-box .save-modify{ width:130px; height:40px; background-color:#ED2C2C; color:#fff; border:none; margin:15px 0 15px 14px;}
.project-detail-content-box .content-right{ float:left; padding:0 25px 0 20px; width:188px;}
.project-detail-content-box .content-right .content-list h2{ padding-left:14px; line-height:36px; height:36px; color:#333; position:relative; font-size:14px;}
.project-detail-content-box .content-right .content-list h2::before{ content:""; width:6px; height:6px; position:absolute; border:solid 1px #868686; border-radius:50%; left:0; top:15px;}
.contract-status{ width:54px; height:24px; display:block; float:left; background-color:#fff; text-align:center; line-height:24px; color:#D50000; font-size:12px; border-radius:12px; margin-left:15px;}
.contract-status.take-on{ background-color:#D50000; color:#fff;}
.project-pay-list{ padding-left:14px;}
.project-pay-list li{ clear:both; line-height:27px; font-size:12px; color:#D0CFCE;}
.project-pay-list li .form_datemonth{ text-indent:2px;width:70px; font-size:12px; line-height:22px; height:22px; border: solid 1px #dddddd;}
.project-pay-list li .jine{ width:90px; height:24px; line-height:24px; font-size:12px;}
.add-pay-list-btn{ width:20px; height:20px; background-color:#333; color:#fff; border:none; line-height:18px; text-align:center; padding:0; margin:14px; }
.project-detail-box .close{ width:41px; height:41px; position:absolute; top:10px; right:5px;}
.project-detail-box .close::after{ position:absolute; content:""; width:41px; height:1px; background-color:#000; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:14px; left:0;}
.project-detail-box .close::before{ position:absolute; content:""; width:41px; height:1px; background-color:#000; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); top:14px; left:0;}
.project-detail-box .content-list textarea{ width:100%; border: none; color:#888;}
.project-detail-box input{ color:#888;}
.project-detail-box .start-time-input,  .project-detail-box  .end-time-input{ width:120px !important; height:30px !important; border-radius:0; font-size:13px; padding-right:0 !important; padding-left:10px; cursor:pointer;}
.project-detail-box .contract-status{ cursor: pointer;}

/*项目统计*/
.project-count-cont-box{ padding:60px 20px 20px; position:relative;}
.project-count-cont-box .project-name{ padding:0 10px; width:auto; height:30px; line-height:30px; background-color:#ED561D; color:#fff; position:absolute; left:20px; top:20px;}
.project-count-cont-box .project-department{ padding-left:100px;}
.project-count-cont-box .project-department li { position:relative; width:350px; margin:0 0 10px;}
.project-count-cont-box .project-department li h3{ height:30px; width:350px; line-height:30px; background:url(../images/dian.jpg) repeat-x 0 center;}
.project-count-cont-box .project-department li h3 span{ background-color:#fff; padding-right:10px;}
.project-count-cont-box .project-department li h3 .project-expand { position:absolute; width:26px; height:26px; background-color:#666; right:-26px; top:2px; cursor:pointer; display:none;}
.project-count-cont-box .project-department li h3 .project-expand span {width:10px; height:2px; position:absolute; left:8px; top:12px; background-color:#fff; padding:0;}
.project-count-cont-box .project-department li h3 .project-expand.take-on::after { content:""; width:2px; height:10px; position:absolute; left:12px; top:8px; background-color:#fff;}
.project-count-cont-box .project-department li h3:hover .project-expand {display:block;}
.project-count-cont-box .project-department .project-events{ margin-left:120px; display:none;}
.project-count-cont-box .project-department .project-events li{ padding-left:10px; line-height:26px; color:#999; font-size:13px; position:relative;}/*width:220px;*/ 
.project-count-cont-box .project-department .project-events li:hover{ background-color:#eee;}
.project-count-cont-box .project-department .project-events li .events-caozuo{ position:absolute; top:0; right:-75px; display:none;}
.project-count-cont-box .project-department .project-events li:hover .events-caozuo{ display:block;}
.project-count-cont-box .project-department .project-events li .events-caozuo > div{ width:25px; height:25px; float:left;}
.project-count-cont-box .project-department .project-events li .events-caozuo > div.icon1{ background:url(../images/event-icon.jpg) no-repeat 0 0;}
.project-count-cont-box .project-department .project-events li .events-caozuo > div.icon2{ background:url(../images/event-icon.jpg) no-repeat -25px 0;}
.project-count-cont-box .project-department .project-events li .events-caozuo > div.icon3{ background:url(../images/event-icon.jpg) no-repeat -50px 0;}
.project-events-detail-box{ width:100%; height:100%; position:fixed; top:0; left:0;}
.project-events-detail-box .project-cont{ position:absolute; width:650px; border:solid 1px #666; padding:20px 30px; left:50%; margin-left:-350px; top:50%; margin-top:-200px; background-color:#fff;}
.project-events-detail-box .events-title{ margin:0 10px 10px; font-size:18px;}
.project-events-detail-box .spread{ margin:0 10px 20px; height:20px;}
.project-events-detail-box .spread li{ float:left; height:20px;}
.project-events-detail-box .cost-list{ padding:0 10px;}
.project-events-detail-box .cost-list li{ float:left; width:33.33%; font-size:12px; line-height:30px; height:30px;}
.project-events-detail-box .cost-list li span{ float:left;}
.project-events-detail-box .cost-list li .span-1{ width:40px; height:3px; float:left; margin:14px 5px 0 0;}
.project-events-detail-box .profit{ padding: 0 10px; position:relative; height:70px; text-align:right; line-height:70px; font-size:18px; color:#F42B2F;}
.project-events-detail-box .profit .look-detail{ left:0;}
.project-events-detail-box .project-cont .close{ position:absolute; width:26px; height:26px; background-color:#333; top:-1px; right:-27px; cursor:pointer;}
.project-events-detail-box .project-cont .close::before{ content:""; width:26px; height:2px; background-color:#fff; top:12px; left:0; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.project-events-detail-box .project-cont .close::after{ content:""; width:26px; height:2px; background-color:#fff; top:12px; left:0; position:absolute; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.bg-eee{ background-color:#eee;}

/*员工合同*/
.paixu-ways{ height:29px; border:solid 1px #D6D6D6; display:block; float:left; line-height:29px; font-size:12px; margin:10px 0 0 0; padding-left:15px; padding-right:30px; color:#BDBDBD; background-color:#F5F5F5; position:relative;}
.paixu-ways::after{ content:""; position:absolute; width:7px; height:7px; border-bottom:solid 1px #ADADAD; border-left:solid 1px #ADADAD; top:12px; right:5px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.paixu-ways::before{ content:""; position:absolute; width:7px; height:7px; border-top:solid 1px #ADADAD; border-right:solid 1px #ADADAD; top:8px; right:5px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.take-on-up{ background-color:#fff; color:#414141;}
.take-on-up::after{ border-bottom:solid 1px #424244; border-left:solid 1px #424244;}
.take-on-down{ background-color:#fff; color:#414141;}
.take-on-down::before{ border-top:solid 1px #424244; border-right:solid 1px #424244;}


/*权限类别设置*/
.limits-category-nav{ width:220px; height:100%; border-right:solid 1px #D6D6D6; float:left; overflow-Y:auto; position: absolute; top: 0; left: 0;}
.limits-category-nav li{ width:200px; height:40px; border:solid 1px #D8D8D8; margin:10px auto; position: relative; line-height:40px; font-size:14px;}
.limits-category-nav li input{ width:118px; height:40px; line-height:40px; color:#000; border:none; float:left; font-size: 12px;}
.del-category{ width:40px; height:40px; position:absolute; top:0; right:41px; border-left:solid 1px #D8D8D8;}
.del-category::before{ content:""; width:14px; height:1px; background-color:#D8D8D8; position:absolute; left:13px; top:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.del-category::after{ content:""; width:14px; height:1px; background-color:#D8D8D8; position:absolute; left:13px; top:20px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.edit-category{ width:40px; height:40px; position:absolute; top:0; right:0; border-left:solid 1px #D8D8D8;}
.edit-category::before{ content:""; width:14px; height:1px; background-color:#D8D8D8; position:absolute; left:13px; top:20px;}
.edit-category::after{ content:""; width:7px; height:7px; border-bottom:solid 1px #D8D8D8; border-right:solid 1px #D8D8D8; position:absolute; top:16px; left:22px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.edit-category.take-on{ background-color: #000;}
.edit-category.take-on::before{background-color:#fff;}
.edit-category.take-on::after{border-bottom:solid 1px #fff; border-right:solid 1px #fff;}
.add-category-btn{ width:21px; height:21px; position:relative; background-color:#000; border:none; margin:10px;}
.add-category-btn::before{ content:""; width:11px; height:1px; background-color:#fff; position:absolute; left:5px; top:10px;}
.add-category-btn::after{ content:""; width:1px; height:11px; background-color:#fff; position:absolute; left:10px; top:5px;}
.limits-category-caozuo-box{ float:left; height:100%; width:auto; padding-left:20px; overflow:auto}
.limits-category-caozuo-box .title{ line-height:40px; font-size:12px; position: relative; font-weight: bold;}
.limits-category-caozuo-box .title::after{ content:""; position:absolute; width:60px; height:2px; background-color:#000; left:0; bottom:0;}
.limits-options-box{ font-size:14px; color:#666; padding-bottom:40px;}
.limits-options-box ul{ padding-top:10px;}
.limits-options-box li{ float:left; margin-right:30px; line-height:30px; font-size: 12px;}
.limits-options-save-btn{ width:130px; height:40px; background-color:#EC2B2B; border:none; margin:10px 0 20px 0; color:#fff;}

.limits-seting-box{ padding-top: 76px; position: relative;}
.limits-seting-box .seting-page-box{ border: none;}
.limits-seting-box .seting-cont-nav{ width: 100%; height: 76px; position: absolute; top: 0; left: 0; background-color: #F9F9F9; border-bottom: solid 1px #ddd;}
.limits-seting-box .seting-cont-nav li{
    line-height: 74px;
    float: left;
    font-size: 16px;
    /* margin: 0 20px 0 10px; */
    width: 220px;
    text-align: center;
    border-bottom: 2px solid #999;}
.limits-seting-box .seting-cont-nav a{ color: #ddd;}
.limits-seting-box .seting-cont-nav a.take-on li{ color: #000;border-bottom: 2px solid #000;}
.limits-seting-box .seting-cont-nav  li.sdqxle{ background: url(../images/sdqxle.png) no-repeat 40px center;}
.limits-seting-box .seting-cont-nav li.fyjdqx{ background: url(../images/fyjdqx.png) no-repeat 40px center;}
.limits-seting-box .seting-cont-nav li.dlfyqx{ background: url(../images/dlfyqx.png) no-repeat 40px center;}
.limits-seting-box .seting-cont-nav a.take-on li.sdqxle{ background: url(../images/sdqxle-on.png) no-repeat 40px center;}
.limits-seting-box .seting-cont-nav a.take-on li.fyjdqx{ background: url(../images/fyjdqx-on.png) no-repeat 40px center;}
.limits-seting-box .seting-cont-nav a.take-on li.dlfyqx{ background: url(../images/dlfyqx-on.png) no-repeat 40px center;}

.limits-select-left-1 .organ--structure .organ--structure-nav .department-list{ padding-top: 20px;}

.limits-options-nav{ width:98%; height:53px; background-color:#F5F5F5; border-bottom:solid 1px #D6D6D6; padding:0 1%; position:absolute; top:0; left:0; z-index:1;}
.limits-options-nav li{ padding: 0 10px; height:34px; background-color:#F5F5F5; font-size:14px; color:#999; border: solid 1px #D6D6D6; border-right:none; float:left; line-height:34px; text-align:center; margin:9px 0 0 0;}
.limits-options-nav li:nth-last-child(1){ border-right:solid 1px #d6d6d6;}
.limits-options-nav .take-on{ background-color:#fff; color:#666;}
.seting-page-box{ position:relative; padding-left: 250px;}
.seting-cont-box{ position:relative; padding-left: 250px;}
.seting-cont-box-1{ position:relative;}
.limits-select-left{width:220px; border-right: solid 1px #D6D6D6; height:100%; overflow-Y:auto; position: absolute; top: 0; left: 0;}
.limits-select-left-1{width:auto; border-right: solid 1px #D6D6D6; height:100%; overflow-Y:auto; float: left; top: 0; left: 0;}
.limits-select-left .ziwei-cont{ padding-top:10px;}
.limits-select-left .ziwei-cont .title{ line-height:30px; font-size:16px; font-weight:bold; padding-left:10px;}
.limits-select-left .ziwei-cont ul li{ width:190px; height:40px; border:solid 1px #D6D6D6; margin:5px auto; line-height:40px; padding-left:10px; font-size:12px;}
.limits-select-middle{ float:left; width:200px; border-right: solid 1px #D6d6d6; height:100%; overflow-Y:auto; position:relative;}
.limits-select-category{ padding-top:10px;}
.limits-select-category .title{ position:relative; padding-left:20px; line-height:40px; font-weight:bold;}
.limits-select-category .title::after{ content:""; position:absolute; width:60px; height:2px; left:20px; bottom:0; background-color:#000;}
.limits-select-category ul{ padding-top:10px;}
.limits-select-category ul li{ line-height:30px; padding-left:20px; font-size:12px;}
.limits-select-category button{ width:130px; height:40px; background-color:#EE2D2B; color:#fff; border:none; margin:20px;}

.limits-select-right{ height:100%; overflow-y: auto;}
.limits-select-right .limits-ok-cont{ padding-top:10px; padding-left:20px;}
.limits-select-right .limits-ok-cont .title{ line-height:40px; font-size:16px; height:40px; font-weight:bold; position:relative;}
.limits-select-right .limits-ok-cont .title::after{ content:""; position:absolute; width:60px; height:2px; left:0; bottom:0; background-color:#000;}
.limits-select-right .limits-ok-cont .limits-select-ok-list{}
.limits-select-right .limits-ok-cont .limits-select-ok-list ul{ padding-top:10px;}
.limits-select-right .limits-ok-cont .limits-select-ok-list ul li{ line-height:30px; padding-right:30px; float:left; font-size:12px; list-style: inside; color:#999;}

.limits-select-category li:hover{ cursor: pointer;}
.limits-select-left .ziwei-cont ul .take-on{ background: #484848; color:#fff; }
.limits-ok-cont .sub-title{ font-size: 12px; font-weight: bold;}

/*列表底部的编辑，删除，修改*/
.phone-book-box tr .checkbox{width:30px;}
.phone-book-box tr:hover{ background-color:#fafafa;}
form .form-btn{width:100px;height:34px;margin-left:10px;border:none;margin-top:10px; margin-bottom: 10px; background-color:#000;color:#fafafa;font-size:12px;}

/*分页ui*/
.erp-pages-box{margin:5px auto!important; border:solid 1px #ddd;}
.erp-pages-box > div{ height:34px;}
.erp-pages-box > div.pages-left{ text-align:center; position:relative;}
.erp-pages-box > div.pages-left::after{ content:""; position:absolute; height:34px; width:1px; background-color:#ddd; top:0; right:-1px;}
.erp-pages-box > div.pages-left li{ display:block; height:30px; width:30px; margin:2px 10px; line-height:30px; font-size:12px; float:left;}
.erp-pages-box > div.pages-right{ padding-right:50px; position:relative;}
.erp-pages-box > div.pages-left li.first-pages,.erp-pages-box > div.pages-left li.last-pages{ background-color:#000; color:#fff; width:40px; margin:2px;}
.erp-pages-box > div.pages-left li.jiange{ width:80px; background:url(../images/dian-1.jpg) repeat-x 0 center;}
.erp-pages-box > div.pages-left li.take-on{ background-color:#000; color:#fff; border-radius:100%;}
.erp-pages-box > div.pages-left li:hover{color:#CD1313;}
.erp-pages-box > div.pages-left li.tiaozhuan-pages{ float:right; position:relative; width:150px; height:34px; margin:0;}
.erp-pages-box > div.pages-left li.tiaozhuan-pages .tiaozhuan-input{ border:none; font-size:12px; line-height:34px; height:34px; width:100px; text-align:center; text-indent:0; float:left;}
.erp-pages-box > div.pages-left li.tiaozhuan-pages .tiaozhuan-ok-btn{ width:50px; height:34px; position:absolute; top:0; right:0; border:none; background-color:#fff;}
.erp-pages-box > div.pages-left li.tiaozhuan-pages .tiaozhuan-ok-btn::before{ content:""; position:absolute; width:12px; height:10px; border-bottom:solid 1px #000; border-right:solid 1px #000; top:11px; right:15px;}
.erp-pages-box > div.pages-left li.tiaozhuan-pages .tiaozhuan-ok-btn::after{ content:""; position:absolute; width:4px; height:4px; border-bottom:solid 1px #000; border-left:solid 1px #000; top:19px; right:25px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}


/*搜索框ui*/
.ct-search-box{ border:solid 1px #ddd; position:absolute; height:29px; left:1%; top: 12px;}
.ct-search-box input.search-input[type="text"]{ border:none; width:410px; font-size:12px; float:left;}
.ct-search-box .search-btn{ width:40px; height:29px; border:none; float:left; background-color:#fff; position:relative;}
.ct-search-box .search-btn::before{ content:""; position: absolute; width:12px; height:8px; border-bottom:solid 1px #000; border-right:solid 1px #000; top:10px; left:14px;}
.ct-search-box .search-btn::after{ content:""; position: absolute; width:4px; height:4px; border-left:solid 1px #000; border-top:solid 1px #000; top:16px; left:14px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.ct-search-box .search-btn:hover{ background-color:#eee;}


/*信息留言详情弹框*/
.message-detail-box{ position: fixed; width: 100%; height: 100%; top: 0; left: 0;}
.message-detail-box .message-cont{ width: 360px; position: absolute; top: 110px; left: 50%; margin-left: -200px; border: solid 1px #DDDEDD; padding: 20px; background-color: #fff; font-size: 12px; color: #999;}
.message-detail-box .message-cont > div{ line-height: 30px; padding-bottom: 10px;}
.message-detail-box .message-cont > div.detail-cont{ background: url(../images/message-detail-bg.jpg);}
.message-detail-box .message-cont > div.close-box-btn{width: 26px; height: 26px; position: absolute; top: 10px; right: 20px; cursor: pointer;}
.message-detail-box .message-cont > div.close-box-btn::after{ content: ""; width: 26px; height: 1px; position: absolute; top: 13px; left: 10px; background-color: #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.message-detail-box .message-cont > div.close-box-btn::before{ content: ""; width: 26px; height: 1px; position: absolute; top: 13px; left: 10px; background-color: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/*日历新建事件弹框*/
#fancybox-wrap{top: 100px !important;}
.event-fancy{ width: 500px; padding: 10px;}
.event-fancy .title{ font-size: 24px; padding-bottom: 20px;}
.event-fancy .line{ height: 1px; background-color: #000;}
.event-fancy .tit{ line-height: 30px; padding-left: 10px; padding-top: 10px;}
.event-properties select{width: 228px; height: 33px; border: solid 1px #D6D6D6;}

.panel-addevent-box{  background-color: #fff;left: 50%;margin-left: -340px;padding: 20px 20px 0;position: absolute; width: 675px; top: 50px; border: solid 1px #ddd; z-index: 999;}
.panel-addevent-box-1{  background-color: #fff; left: 0;margin-left: 0;padding: 20px 20px 0;position: relative;width: 500px; top: 0; box-shadow: 0  0 0 #888888; z-index: 999;}
.panel-addevent-box .title{ font-size: 18px; padding-bottom: 20px;}
.panel-addevent-box .line{ height: 1px; background-color: #000; width: 670px;}
.event-properties{ float: left; width: 160px; padding-top: 3px; position: relative;}
.event-properties h3{ width: 230px; padding-left: 10px; line-height: 30px; height: 30px; font-size: 12px; font-weight: bold;}
.event-properties select{ width: 238px; height: 31px; text-indent: 6px; line-height: 31px; font-size: 12px;}
.event-properties .select{ width: 238px; height: 31px; text-indent: 6px; line-height: 33px; position: relative; border: solid 1px #DDE1E4; font-size: 12px;}
.event-properties .select p{height: 33px; line-height: 33px; padding-left: 6px; font-size: 12px; overflow: hidden; position: relative; z-index: 1;}
.event-properties .select input{height: 31px; line-height: 31px; border: none; position: absolute; left: 0; font-size: 12px; overflow: hidden; z-index: 1;}
.event-properties .select ul{list-style-type: none;background-color: #fff; width: 100%;overflow:auto;position: absolute;top:31px;left: -1px;max-height: 0;transition: max-height .2s ease-in;-webkit-transition: max-height .2s ease-in;}
.event-properties .select ul li{margin: 0 10px;line-height: 40px; height: 40px; padding-left: 0; cursor: pointer; border-bottom: dashed 1px #ddd; overflow: hidden; font-weight: bold;}
.event-properties .select ul li:hover{ background-color: #000; color: #fff;}
.event-properties .select ul li:nth-last-child(1){ border-bottom: dashed 0px #ddd;}
.event-properties .select ul li.unselect{ font-weight: 100; color: #999;}
.event-properties .arrow-down{ position: absolute; width: 22px; height: 21px; background-color: #E9E9E9; top: 39px; right: 5px; z-index: 2;}
.event-properties .arrow-down:hover{ position: absolute; width: 22px; height: 21px; background-color: #000; top: 39px; right: 5px; z-index: 2;}
.event-properties .arrow-down::after{ content: ""; position: absolute; top: 8px; left: 6px; width:0; height: 0; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.event-properties.event-name{ width: 500px;}
.info-show-input{ width: 148px; height: 31px; padding-left: 10px; border: solid 1px #EBEBEB; line-height: 31px; font-size: 12px; color: #676767; overflow: hidden;}
.info-show-input.event-name{width: 320px; height: 31px; padding-left: 10px; border: solid 1px #EBEBEB; line-height: 31px; font-size: 12px; color: #676767; overflow: hidden;}
@-webkit-keyframes slide-down{
    0%{transform: scale(1, 0);-webkit-transform: scale(1, 0);}
    100%{transform: scale(1, 1);-webkit-transform: scale(1, 1);}
 }
 @keyframes slide-down{
    0%{transform: scale(1, 0);-webkit-transform: scale(1, 0);}
    100%{transform: scale(1, 1);-webkit-transform: scale(1, 1);}
 }
.event-properties .select.open ul{ border: solid 1px #ddd; max-height: 250px;transform-origin:50% 0;-webkit-transform-origin:50% 0;-webkit-animation:slide-down .1s ease-in;animation:slide-down .1s ease-in;transition: max-height .2s ease-out;-webkit-transition: max-height .2s ease-out; z-index: 999;}
.event-properties input[type="text"]{ width: 156px; height: 31px; text-indent: 10px; line-height: 33px; font-size: 12px; padding: 0; padding-right: 2px;}
.event-properties textarea{ width: 218px; height: 130px; border: solid 1px #ddd; text-indent: 0px; line-height: 20px; font-size: 12px; padding: 0; outline: 0; padding:5px 10px}
.partner-list li{ float: left; line-height: 24px; padding: 0 25px 0 5px; background-color: #34B3F5; color: #fff; margin-right: 10px; margin-top: 10px; border-radius: 3px; position: relative;}
.partner-list li .del-partner{ width: 11px; height: 11px; position: absolute; top: 6px; right: 5px;}
.partner-list li .del-partner::after{ content: ""; width: 11px; height: 1px; background-color: #fff; top: 5px; left: 0px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.partner-list li .del-partner::before{ content: ""; width: 1px; height: 11px; background-color: #fff; top: 0px; left: 5px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.partner-list-look li{ padding-right: 5px;}
.panel-addevent-box button{ font-size: 14px; font-weight: bold; color: #fff; width: 100px; height: 45px; line-height: 44px; background-color: #EE2D2C; border: none; margin: 20px 10px 20px 0; float: left;}
.event-select-btn{ position: absolute; top: 12px; right: 10px;}
.event-select-btn a.event-btn-select{ display: block; width: 110px; height: 33px; line-height: 33px; border: solid 1px #ddd; color: #000; text-align: center; float: left; margin-right: 10px;}
.event-select-btn a.event-btn-select.take-on{ background-color: #000;color: #fff;}
.cancel-btn{ font-size: 14px; display: block; margin-left: 10px; font-weight: bold; color: #fff; width: 100px; height: 45px; text-align: center; line-height: 45px; background-color: #D4D4D4; border: none; margin: 20px 0; float: left; cursor: pointer;}
.cancel-btn:hover{ color: #fff; background-color: #000;}
.delay-btn-box{ padding: 20px 0;}
.delay-cont{ display: none; position: absolute; width: 646px; left: 20px; bottom: 70px; background-color: #fff; border: solid 3px #ED2C2C; padding: 10px;}
.delay-btn-box .complete-btn{ background: url(../images/complete-btn-bg.png) no-repeat 5px center;}
.delay-btn-box .request-delay{ background: url(../images/request-delay.png) no-repeat 5px center;}
.delay-btn-box .look-baogao{ background: url(../images/look-baogao.png) no-repeat 5px center;}
.delay-btn-box .repeal-btn{ background: url(../images/repeal-btn.png) no-repeat 5px center;}
.delay-btn-box .delay-btn{ padding-left: 25px; padding-right: 5px; margin-right: 10px; border-radius: 3px; color: #fff; font-size: 12px; height: 30px; float: left; line-height: 30px; background-color: #ED2C2C;}
.delay-btn-box .look-baogao.ban{ background-color: #C0C0C0;}
.delay-btn-box .del-btn{ float: right; margin-right: 0; background: url(../images/del-btn.png) no-repeat 5px center; background-color: #424242;}
.delay-btn-box .complete-btn.ban{background-color: #C0C0C0;}
.complete-directions{ position: absolute; padding: 10px 20px 0; width: 360px; left: 140px; border: solid 3px #ed2c2c; bottom: 100px; background-color: #fff; z-index: 9;}
.complete-directions .title{ text-align: center; line-height: 30px; font-size: 14px; font-weight: bold;}
.complete-directions > div textarea{ width: 98%; padding: 0 1%; height: 100px;}
.up-coming-report-box { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999;}
.up-coming-report {left: 50%;margin-left: -200px;bottom: 50%;margin-bottom: -100px;}
.up-coming-report button {font-size: 14px;font-weight: bold;color: #fff;width: 100px;height: 45px;line-height: 44px;background-color: #EE2D2C;border: none;margin: 20px 10px 20px 0;float: left;}

.event-properties.event-name{ width: 330px;}
.event-properties.event-name input[type="text"]{ width: 327px;}
.event-remark-show{height: 130px; border: solid 1px #ddd; line-height: 26px; font-size: 12px; padding: 0 10px; overflow-y: auto;}
.panel-addevent-box .delay-ok-btn{font-size: 12px;font-weight: bold;color: #fff;width: 70px;height: 30px;line-height: 30px;background-color: #EE2D2C;border: none;margin: 10px 0 0 0;float: left;}
.delay-record .sum-count{ font-weight: bold;}
.delay-record li{ float: left; width: 194px; padding-left: 20px; background: url(../images/yuandian.jpg) no-repeat left center; height: 26px; line-height: 26px; font-size: 12px; position: relative;}
.delay-record li .delay-why-cont{ position: absolute; bottom: 30px; border: solid 1px #666; width: 150px; padding: 10px; background-color: #fff; line-height: 20px; display: none;}
.delay-record li .delay-why-cont::after{ content: ""; position: absolute; bottom: -6px; left: 78px; width: 10px; height: 10px; border-left:solid 1px #666; border-bottom: solid 1px #666; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.delay-record li:hover .delay-why-cont{ display: block;}
button.save-edit-btn{ display: block; margin: 0; width: 110px; height: 35px; line-height: 33px; font-size: 13px; color: #fff; font-weight: 100; border: solid 1px #ddd; text-align: center; float: left; margin-right: 10px;}
.event-select-btn .event-select{ width: 100px; height: 35px; border: solid 1px #999; float: left; margin-right: 10px;}

/*项目统计筛选*/
.check-cont-list-nav .count-seach{width:160px; height: 34px; border: solid 1px #ddd; float: left; margin-top: 10px; margin-right: 10px; font-size: 12px; text-indent: 10px; outline: 0;}
.check-cont-list-nav .count-search-keyword{ float: left; background-color: #fff; margin-top: 10px; height: 32px;}
.count-list-left{ width: 360px; border-right: solid 1px #ddd; height: 100%; overflow-y: auto; float: left; position: absolute; left: 0;}
.count-list-left li{ width: 310px; padding-left: 10px; height: 50px; border:solid 1px #ddd; margin: 20px auto 0; line-height: 50px; color: #454545; cursor: pointer; font-size: 12px; list-style: none;}
.count-list-left li.take-on{ background-color: #000; color: #fff;}
.count-list-left li:hover{ background-color: #F2F2F2; color: #454545;}
.count-detail-box-right{ float: left; width: 100%; position: relative; height: 100%; overflow-y: auto;}
.coverlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;}


/*后补*/
.new-create-title button{width:110px;height:35px;background-color:#db2323;text-align:center;line-height:35px;margin-left:10px;border:none;color:#fff;font-size:12px;}
.new-create-title .right .current{color:#ed422a;background-color:#f0f902;}
.events-content .box{padding-bottom:20px;border-bottom:1px solid #000;}
.events-content .release{width:100px;height:45px;background-color:#ed2c2c;color:#fff;line-height:45px;text-align:center;float:left;margin:20px 10px 0px 0;border:none;}
.events-content .cancel{width:100px;height:45px;background-color:#d4d4d4;color:#fff;line-height:45px;text-align:center;float:left;margin:20px 10px 0px 0;border:none;}

.events-basic-info-one{width:48%;margin-right:3%;}
.events-basic-info-one input{width:48%;height:34px;line-height:34px;text-indent:10px;width:230px;}
.events-basic-info-one option{width:205px;height:34px;}
.events-basic-info-one > li,.events-basic-info-two > li{margin-bottom:14px;}
.events-basic-info-one .column li{width:auto;height:25px;font-size:12px;border-radius:4px;background-color:#34b3f5;color:#fff;margin:10px 10px 10px 0;text-indent:6px;line-height:25px;float:left;padding:0 10px;}
.events-basic-info-one .column img{padding-left:6px;}
.events-basic-info-two{width:48%;}
.events-basic-info-two input{width:48%;height:34px;line-height:34px;text-indent:10px;width:230px;}
.events-basic-info-two option,.events-basic-info-one option{width:205px;height:34px;}
.events-basic-info-two .textea{width:220px;padding-left:10px;padding-top:10px;height:150px;}

.events-basic-info-two .info{padding:10px 0 10px 10px;border:1px solid #ccc;width:96%;border-top:none; position:relative;top:-1px;}
.events-basic-info-two .wrap span{margin-left:10px;padding-bottom:6px;border-bottom:1px dotted #ccc; display:inline-block;width:176px;}
.events-basic-info-two li span{margin-left:10px;padding-bottom:2px;}
.events-basic-info-two .sheji{border-bottom:1px solid #000;margin-left:32px;width:176px;}
.area .title{padding-left:10px;padding-bottom:6px;}
.area textarea{width:99%;height:150px;text-indent:10px;}


.events-sx-list{ height: 33px; margin-top: 30px; width: 329px;}
.events-sx-list a{ float: left; height: 31px; display: block; border: solid 1px #DDE1E4; width: 31px; line-height: 31px; text-align: center; margin-right: 10px; position: relative;}
.events-sx-list a.take-on{ background-color: #000; color: #fff;}
.events-sx-list a.gaozhi{ background: url(../images/i-gz.png) no-repeat center center;}
.events-sx-list a.zhixing{ background: url(../images/i-zx.png) no-repeat center center;}
.events-sx-list a.huiyi{ background: url(../images/i-hy.png) no-repeat center center;}
.events-sx-list a.waichu{ background: url(../images/i-wc.png) no-repeat center center;}
.events-sx-list a.neiwu{ background: url(../images/i-nw.png) no-repeat center center;}
.events-sx-list a.geren{ background: url(../images/i-gr.png) no-repeat center center;}
.events-sx-list a.gaozhi:hover{ background: url(../images/i-gz1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.zhixing:hover{ background: url(../images/i-zx1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.huiyi:hover{ background: url(../images/i-hy1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.waichu:hover{ background: url(../images/i-wc1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.neiwu:hover{ background: url(../images/i-nw1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.geren:hover{ background: url(../images/i-gr1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.gaozhi.take-on{ background: url(../images/i-gz1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.zhixing.take-on{ background: url(../images/i-zx1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.huiyi.take-on{ background: url(../images/i-hy1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.waichu.take-on{ background: url(../images/i-wc1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.neiwu.take-on{ background: url(../images/i-nw1.png) no-repeat center center; background-color: #000;}
.events-sx-list a.geren.take-on{ background: url(../images/i-gr1.png) no-repeat center center; background-color: #000;}
.events-sx-list a span { position: absolute;width: 37px;height: 26px;background: url(../images/tips-bg.jpg) no-repeat center center;top: -30px;left: -2px;color: #fff;font-size: 12px;line-height: 20px;display: none;}
.events-sx-list a:hover span {display: block;}

.cont-detail-l{ width: 270px; float: left; height: 100%; border-right: dashed 1px #ddd; overflow-y: auto; position: relative;}
.cont-detail-l .event-properties{ width: 240px;}
.cont-detail-l .event-properties input{ width: 238px;}
.cont-detail-m{ width: 370px; float: left; height: 100%; border-right: dashed 1px #ddd; overflow-y: auto; position: relative;}
.cont-detail-m .event-properties{ width: 340px;}
.cont-detail-m .event-properties input{ width: 338px;}
.signed li{ float: left; height:31px; border: solid 1px #ddd; text-align: center; line-height: 31px; width:75px; margin-right: 10px; font-size: 12px;}
.signed-1 li{float: left;height: 24px;border: solid 1px #ddd; color: #ddd; text-align: center;line-height: 24px;width: 62px;margin-right: 5px; margin-bottom: 5px; font-size: 12px;border-radius: 13px; cursor: pointer;}

.cont-detail-m .money > div{ position: relative; float: left;}
.cont-detail-m .money > div input{ width: 100%;}
.cont-detail-m .money > div span{ position: absolute; right: 10px;; top: 0; line-height: 31px; font-size: 12px;}
.cont-detail-m .money .new-add-pay{ width: 100px; height: 33px; border: none; background-color: #ED2C2C; color: #fff; font-size: 12px; margin: 10px 0;}
.pay-money-list{ margin: 0; font-size: 12px; padding-top: 20px;}
.pay-money-list li{ line-height: 30px; border-bottom:dashed 1px #ddd; height: 30px; padding-left: 15px; position: relative;}
.pay-money-list li::before{ content: ""; position: absolute; width: 3px; height: 3px; border-radius: 100%; background-color: #000; left: 5px; top: 14px;}
.cont-detail-right{ float: left; height: 100%; overflow-y:auto;}
.cont-detail-right li{ float: left; width: 58px; height: 58px; text-align: center; border: solid 1px #ddd; margin-right: 10px; margin-bottom: 10px; position: relative;}
.cont-detail-right li img{ max-width: 58px; max-height: 58px;}
.add-contract-picture-btn{ background-color: #000; cursor: pointer; color: #fff; text-align: center; line-height: 58px;}
.cont-detail-right li .del-pic{ width: 20px; height: 20px; position: absolute; top: 0; right: 0; color: #fff; background-color: #000; display: none;}
.cont-detail-right li:hover .del-pic{ display: block;}
.publish-project{ width: 100px; height: 40px; border: none; background-color: #ED2C2C; color: #fff; font-size: 12px; margin: 10px 15px;}
.open-btn{ width: 12px; height: 50px; background-color: #000; position: absolute; top: 50%; margin-top: -25px; right: 0; cursor: pointer;}
.open-btn::before{ content: ""; width:0; height: 0; border-right: solid 5px #fff; border-top: solid 5px transparent; border-bottom: solid 5px transparent; position: absolute; top: 20px; left: 3px;}
.open-btn.take-on::before{ content: ""; width:0; height: 0; border-right: solid 5px transparent; border-left: solid 5px #fff; border-top: solid 5px transparent; border-bottom: solid 5px transparent; position: absolute; top: 20px; left: 3px;}

.shrink{ width: 15px; overflow-x: hidden; }
.expense-list{ width: 400px; height: 216px; border: solid 1px #D6D6D6; float: left; margin: 10px 0 0 10px; font-size: 12px; position: relative;}
.expense-list:nth-last-child(1){margin: 10px 0 10px 10px;}
.expense-list .cont-left{ float: left; margin: 10px 7px 10px 15px; width: 300px; border-right: dashed 1px #ddd;}
.expense-list .cont-left > div{ height: 38px; line-height: 38px;border-bottom: dashed 1px #ddd; width: 100%; overflow: hidden;}
.expense-list .cont-left > div:nth-last-child(1){border-bottom:none;}
.expense-list .cont-left > div .title{width: 60px;font-weight: bold;text-align: right;display: block;height: 38px;float: left;}
.expense-list .cont-left > div font{ color: #ff0000;}

.exceed-text{line-height: 38px; position: fixed; font-size: 12px; display: none; background-color: #fff; z-index: 9999; pointer-events: none; padding-left: 24px;}
.exceed-text1{ height: auto; position: fixed; background-color: #fff; padding-left: 10px; border: solid 1px #EBEBEB; line-height: 31px; font-size: 12px; color: #676767; z-index: 9999; pointer-events: none;}

.expense-list .cont-right{ float: left; width: 70px; padding:10px 0 0;}
.expense-list .cont-right.costs-right{ padding: 26px 0 0;}
.expense-list .cont-right .apply-btn{ width: 70px; height: 30px; background-color: #999; display: block; margin: 5px 0; text-align: center; line-height: 30px; border-radius: 3px; float: left;}
.expense-list .cont-right .apply-btn.status-btn{ background-color: #fff; color: #000;}
.expense-list .cont-right .apply-btn.proof-btn{ background-color: #FF0000; color: #fff;}
.expense-list .cont-right .apply-btn.proof-btn.yes-pass-proof{ background-color: #C4DF9B; color: #fff;}
.expense-list .cont-right .apply-btn.proof-btn.no-pass-proof{ background-color: #D9D9D9; color: #fff;}
.expense-list .cont-right .apply-btn.proof-btn.ing-pass-proof{ background-color: #FF0000; color: #fff;}
.expense-list .cont-right .apply-btn.proof-btn a{color: #fff;}
.expense-list .cont-right .apply-btn.agree-btn{ background-color: #000000; color: #fff;}
.expense-list .cont-right .apply-btn.refuse-btn{ background-color: #000; color: #fff; border: solid 1px #ddd; width: 68px; height: 28px; line-height: 28px;}
.expense-list .cont-right .apply-btn.edit-btn{ background-color: #000000; color: #fff;}
.attendance .expense-list .cont-right .apply-btn.edit-btn{ background-color: #000000; color: #fff;}
.expense-list .cont-right .apply-btn.delete-btn{ background-color: #fff; color: #000; border: solid 1px #ddd; width: 68px; height: 28px; line-height: 28px;}
.expense-list .cont-right .apply-btn.schedule-btn{ background-color: #fff; color: #000; border: solid 1px #ddd; width: 68px; height: 28px; line-height: 28px;}
.expense-list .cont-right .apply-btn.schedule-btn:hover{ background-color: #000; color: #fff; border: solid 1px #ddd; width: 68px; height: 28px; line-height: 28px;}
.expense-list.yes-pass .cont-left > div font{ color:#1EFF00;}
.expense-list.no-pass{ color:#ddd;}
.expense-list.no-pass .cont-left > div font{ color:#ddd;}
.schedule-box{width: 400px; height: 37px;border-top: solid 1px #ddd; top: 93px; left: -1px; z-index: 2;}
.schedule-box .title{ font-size: 14px;}
.close-schedule-btn{ width: 20px; height: 20px; position: absolute; top: 23px; right: 15px; cursor: pointer;}
.close-schedule-btn::before{ content:""; position: absolute; width: 20px; height: 1px; background-color: #000; top: 10px; left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.close-schedule-btn::after{ content:""; position: absolute; width: 20px; height: 1px; background-color: #000; top: 10px; left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.approver-list-box .title{ float: left;height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #000; padding-left: 40px; padding-right: 5px;}
.approver-people{height: 22px;line-height: 22px; font-size: 12px; color: #fff; padding: 0 10px 0 25px; float: left; border-radius: 3px; margin-right: 10px; position: relative;}
.approver-people span{ position: absolute; width: 14px; height: 14px; border: solid 1px #fff; border-radius: 100%; top: 3px; left: 5px;}
.approver-people.be-ing{ background-color: #D9D9D9;}
.approver-people.be-ing span::after{ content: ""; position: absolute; width: 5px; height: 5px; border-bottom: solid 1px #fff; border-right: solid 1px #fff; top: 2px; left: 2px;}
.approver-people.be-on{ background-color: #C4DF9B;}
.approver-people.be-on span::after{ content:""; position: absolute; width: 6px; height: 4px; border-left: solid 1px #fff; border-bottom:  solid 1px #fff; top: 3px; left: 4px; transform: rotate(-40deg); -webkit-transform: rotate(-40deg);}
.approver-people.be-off{ background-color:#525252;}
.approver-people.be-off span::before{ content: ""; position: absolute; width: 10px; height: 1px; background-color: #fff; top: 6px; left: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.approver-people.be-off span::after{ content: ""; position: absolute; width: 10px; height: 1px; background-color: #fff; top: 6px; left: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.status-button{ padding-top: 15px; float: left;}
.check-button{ margin: 0px; margin: 5px;}
.attendance-botton{ float: left;padding-top: 20px;}

.refusal{ width: 200px; height: 60px; margin-left: -70px; margin-top: -10px; padding: 10px; display: block; line-height: 20px; font-size: 12px; background-color: #fff; border: solid 1px #999; border-radius: 3px; position: fixed; z-index: 999; color: #000;}
.refusal::after{ content: ""; position: absolute; width: 10px; height: 10px; border-left: solid 1px #999; border-bottom: solid 1px #999; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom:-6px; background-color: #fff; left: 50%; margin-left: -5px;}
.refusal1{ margin-left: -230px; margin-top: 50px;}
.refusal1::after{ content: ""; position: absolute; width: 10px; height: 10px; border-left: solid 1px #999; border-bottom: solid 1px #999; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top:50%; margin-top: -5px; background-color: #fff; left: 100%; margin-left: -5px;}

.yes-pass-icon{ width: 20px; height: 20px; position: relative; margin-left: 25px; margin-top: 10px; float: left; background-color: #C4DF9B; border-radius: 100%;}
.yes-pass-icon::after{ content: ""; position: absolute; width: 9px; height: 5px; border-left: solid 1px #fff; border-bottom: solid 1px #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 6px; left: 5px;}
.no-pass-icon{ width: 20px; height: 20px; position: relative; margin-top: 10px; margin-left: 25px; float: left; background-color: #525252; border-radius: 100%;}
.no-pass-icon::before{ content: ""; position: absolute; width: 12px; height: 1px; background-color: #ddd; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 9px; left: 4px;}
.no-pass-icon::after{ content: ""; position: absolute; width: 12px; height: 1px; background-color: #ddd; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; left: 4px;}
.ing-pass-icon{ width: 20px; height: 20px; position: relative; margin-top: 10px; margin-left: 25px; float: left; background-color: #D9D9D9; border-radius: 100%;}
.ing-pass-icon::before{ content: "..."; position: absolute; width: 20px; height: 2px;color: #fff; line-height: 2px; top:5px; left: 0px; text-align: center;}
.cost-task-box{ width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.cost-task-box .events-content{ padding: 40px 60px; position: absolute; top: 50%; margin-top: -316px; left: 50%; margin-left: -175px;border-top: solid 1px #ddd;}
.cost-task-box .events-content .new-create-message-text{ padding-top: 0;}
.cost-task-box .events-content .new-create-message-text textarea{ height: 100px; outline: 0;}
.cost-task-box .events-content .deal-pic-up{ position: relative;}
.cost-task-box .events-content .deal-pic-up .view-btn{ position: absolute; display: block; width: 40px; height: 24px; background-color: #FCFF00; text-align: center; line-height: 24px; top: 4px; right: 4px;}

.attendance-list{ height: 135px;}
.attendance-list .cont-left{ width: 240px;}
.attendance-list .attendance-days{ float: left; width: 50px; height: 50px; margin: 43px 0 0 10px; background-color: #FF0000; border-radius: 100%; text-align: center; line-height: 50px; font-size: 14px; color: #fff;}
.attendance-task-box .events-content{ margin-top: -241px;}
.attendance-list.yes-pass .attendance-days{ background-color:#1EFF00;}
.attendance-list.no-pass .attendance-days{ background-color:#ddd;}
.close-task-box-btn{width: 56px;height: 40px;line-height: 40px; text-align: center;background-color: #999;color: #fff;font-size: 14px;border: none;margin: 15px 0 0;float: left;}
.close-task-box-btn:hover{ color: #fff;}
.submit-btn.js-docheck{ color: #fff;}
.submit-btn.js-docheck:hover{ color: #fff; cursor: pointer;}


.attendance-list-box{}

/*消息*/
.message-listname-nav{ position: relative;}
.message-listname-nav .sequence{ position: absolute; display: block; border: solid 1px #ddd; height: 35px; width: 80px; padding-left: 10px; line-height: 35px; text-align: center; color: #252525; right: 0; font-size: 12px;}
.message-listname-nav .sequence::before{ content: ""; position: absolute; width: 5px; height: 5px; border-bottom: solid 1px #000; border-right: solid 1px #000; -webkit-transform:rotate(45deg); transform: rotate(45deg); top: 13px; left: 13px;}
.message-listname-nav .sequence.take-up::before{ -webkit-transform:rotate(-135deg); transform: rotate(-135deg); top: 16px;}
.message-listname-nav .sequence.take-down::before{ -webkit-transform:rotate(45deg); transform: rotate(45deg);}
.message-listname-nav .read-sequence{ right: 100px;}
.message-listname-nav .sequence.take-on{ background-color: #F5E4ED;}
.message-listname-box li{ height: 80px;}
.message-listname-box li .message-title-infor h4{ font-size: 12px; color: #C5C5C5; line-height: 30px;}
.message-listname-box li .message-title-infor .message-create-time{ font-size: 12px; line-height: 30px; position: relative; background: url(../images/dashed-line-x.png) repeat-x top left;}
.message-listname-box li:hover .message-title-infor .message-create-time{ color: #999;}
.message-listname-box li.take-on .message-title-infor .message-create-time{ color: #999;}
.message-listname-box li .message-title-infor .message-create-time span{ position: absolute; width: 35px; height: 17px; background-color: #ED2C2C; line-height: 17px;right: 0; font-size: 12px; border-radius: 5px; text-align: center; color: #fff; top: 8px;}
.message-listname-box li .message-title-infor .message-create-time span.take-on{background-color: #eee; color: #fff;}
.message-detail-cont-box{ height: 100%; overflow-y: auto;}
.message-detail-cont-box .message-content{ width: 480px; padding: 20px;}
.message-detail-cont-box .message-content .title{ font-size: 16px; font-weight: bold;}
.message-detail-cont-box .message-content .form{ font-size: 12px; line-height: 30px; color: #aaa; padding-bottom: 6px;}
.message-detail-cont-box .message-content .discussant{ background: url(../images/dashed-line-x.png) repeat-x top left; padding: 10px 0 0;}
.message-detail-cont-box .message-content .discussant li{ float: left; line-height: 25px; padding: 0 10px; background-color: #34B3F5; border-radius: 3px; color: #fff; font-size: 12px; margin-right: 10px; margin-bottom: 10px;}
.message-detail-cont-box .message-content .content{ border-top: solid 1px #000; border-bottom: solid 1px #000; padding: 15px 0;}
.message-detail-cont-box .message-content .reply-message-box{ border-bottom: solid 1px #000;}
.message-detail-cont-box .message-content .reply-message-box ul > li{ border-bottom:solid 1px #ddd; padding: 10px 0;}
.message-detail-cont-box .message-content .reply-message-box ul > li:nth-last-child(1){ border-bottom:none;}
.message-detail-cont-box .message-content .reply-message-box ul > li .head-picture{ float: left; width: 38px; height: 38px; border-radius: 5px; overflow: hidden;}
.message-detail-cont-box .message-content .reply-message-box ul > li .head-picture img{ width: 100%; height: 100%;}
.message-detail-cont-box .message-content .reply-message-box ul > li .reply-message-cont{ float: left; margin-left: 10px; width: 430px; font-size: 12px;}
.message-detail-cont-box .message-content .reply-message-box ul > li .reply-message-cont .infor{ color: #C1C1C1;}
.message-detail-cont-box .message-content .reply-message-box ul > li .reply-message-cont .infor span{ color: #000;font-weight: bold;}
.message-detail-cont-box .message-content .reply-message-box ul > li .reply-message-cont .reply-cont{ padding: 5px 0; background: url(../images/dashed-line-x.png) repeat-x top left; margin-top: 5px;}
.message-detail-cont-box .message-content .reply-input{ padding-top: 10px;}
.message-detail-cont-box .message-content .reply-input textarea{border: solid 1px #ddd; height: 100px; width: 458px; padding: 10px; outline: 0; font-size: 12px;}
.message-detail-cont-box .message-content .reply-input button{ width: 100px; height: 45px; background-color: #ff0000; color: #fff; font-size: 12px; border:none; line-height: 45px; margin: 10px 0;}
.new-create-message-box{ height: 100%; overflow-y: auto;}
.new-create-message-box .message-create-content{ width: 480px; padding: 20px;}
.new-create-message-box .message-create-content .title{ padding-left: 10px; font-size: 12px; font-weight: bold; line-height: 30px;}
.new-create-message-box .message-create-content input{ height: 31px; line-height: 31px; font-size: 12px;}
.new-create-message-box .message-create-content textarea{border: solid 1px #ddd; height: 100px; width: 458px; padding: 10px; outline: 0;}
.new-create-message-box .message-create-content button{border: none; background-color: #ff0000; width: 100px; height: 40px; line-height: 40px; color: #fff;}
.new-create-message-box .message-create-content .arrow-down{ top: 9px;}


/*组织结构设置*/
.organ--structure{ padding-left:180px; height: 100%; position: relative;}
.organ--structure-nav{ position: absolute; width: 179px; border-right: solid 1px #ddd; height: 100%; overflow-Y: auto; top: 0; left: 0;}
.collapse-sections{ width: 129px; height: 30px; background-color: #ff0000; color: #fff; font-size: 12px; padding-left: 10px; line-height: 30px; cursor: pointer; margin: 20px;}
.new-department{ width: 137px; height: 37px; text-align: center; border: dashed 1px #000; margin: 20px; line-height: 37px; font-size: 12px; color: #A0A0A0; cursor: pointer; background: url(../images/jia-icon.jpg) no-repeat 12px center;}
.department-list{ padding:0 20px;}
.department-list li .department-tit{ width: 137px; margin-bottom: 10px; height: 37px; text-align: left; border: solid 1px #000; line-height: 37px; font-size: 12px; color: #000; cursor: pointer; position: relative;}
.department-list li .department-tit.ban{ background-color: #EDEDED;}
.department-list li .department-tit.take-on{background-color: #000; color: #fff;}
.department-list li .department-tit:hover{background-color: #000; color: #fff;}
.department-list li .department-tit .text{ width: 127px; padding-left: 10px;height: 37px; text-align: left;line-height: 37px; font-size: 12px; color: #000;}
.department-list li .department-tit.take-on .text{ color: #fff;}
.department-list li .department-tit:hover .text{color: #fff;}
.department-list li .department-tit input{ width: 127px; padding-left: 10px; height: 37px; text-align: left;line-height: 37px; font-size: 12px; color: #000; border: none; text-indent: 0; float: left; display: none;}
.department-list li .department-tit .pos-checkbox{ width: 14px; height: 14px; padding-left:0; text-align: left;border:solid 1px #ddd;display:block;}
.department-list li .department-tit .dep-checkbox{width: 14px;height: 14px;padding-left: 0;text-align: left;border: solid 1px #999;display: block;margin-top: 12px;float: left;margin-right: 2px;}
.position-list{ padding-left: 24px; display: none;}
.position-list li{ width: 113px; height: 27px; border: solid 1px #ddd; color: #676767; line-height: 27px; margin-bottom: 10px; font-size: 12px; position: relative;}
.position-list li.take-on{ background-color: #F2F2F2; border: solid 1px #303030;}
.position-list li:hover{ background-color: #F2F2F2; border: solid 1px #303030;}
.position-list li > div{ width: 103px; height: 27px; color: #676767; line-height: 27px; padding-left: 10px; font-size: 12px;}
.position-list li > input{ width: 103px; height: 27px; color: #676767; line-height: 27px; padding-left: 10px; font-size: 12px; border: none; text-indent: 0; float: left;  display: none;}
.organ--structure .organ--structure .new-up-department{ margin-top: 70px;}
.new-position{ width: 113px; height: 27px; border:dashed 1px #ddd; color: #BBBBBB; line-height: 27px; text-align: center; margin-bottom: 10px; margin-left: 24px; cursor: pointer; background: url(../images/jia-icon.jpg) no-repeat 12px center;}
.department-list li .department-tit .caozhuo{ width: 117px; height:0; position: absolute; overflow: hidden; right: -1px; background-color: #000; top: 37px; z-index: 9; -webkit-transition: all 0.1s linear; transition: all 0.1s linear;}
.department-list li .department-tit .caozhuo .new-down-department{ width: 39px; height: 39px; float: left; background: url(../images/down-department.png) no-repeat center center;}
.department-list li .department-tit .caozhuo .new-down-department:hover{ background: url(../images/down-department-hover.png) no-repeat center center;}
.department-list li .department-tit .caozhuo .edit-department{ width: 39px; height: 39px; float: left; background: url(../images/edit-btn.png) no-repeat center center;}
.department-list li .department-tit .caozhuo .edit-department:hover{ background: url(../images/edit-btn-hover.png) no-repeat center center;}
.department-list li .department-tit .caozhuo .remove-department{ width: 39px; height: 39px; float: left; background: url(../images/remove.png) no-repeat center center;}
.department-list li .department-tit .caozhuo .remove-department:hover{ background: url(../images/remove.png) no-repeat center center;}
.department-list li .department-tit:hover .caozhuo{ width: 117px; height: 39px; position: absolute; right: -1px; background-color: #000; top: 37px;}
.position-list li .caozhuo-p{ width: 104px; height:0; background-color: #000; position: absolute; top: 27px; right: -1px; padding-left: 0; z-index: 9; overflow: hidden; -webkit-transition: all 0.1s linear; transition: all 0.1s linear;}
.position-list li .caozhuo-p .up{ width: 26px; height: 26px; float: left; top: 27px; right: -1px; background: url(../images/shangyi.png) no-repeat center center;}
.position-list li .caozhuo-p .up:hover{background: url(../images/shangyi-hover.png) no-repeat center center;}
.position-list li .caozhuo-p .down{ width: 26px; height: 26px; float: left; top: 27px; right: -1px; background: url(../images/xiayi.png) no-repeat center center;}
.position-list li .caozhuo-p .down:hover{background: url(../images/xiayi-hover.png) no-repeat center center;}
.position-list li .caozhuo-p .edit{ width: 26px; height: 26px; float: left; top: 27px; right: -1px; background: url(../images/edit-btn.png) no-repeat center center;}
.position-list li .caozhuo-p .edit:hover{background: url(../images/edit-btn-hover.png) no-repeat center center;}
.position-list li .caozhuo-p .remove{ width: 26px; height: 26px; float: left; top: 27px; right: -1px; background: url(../images/remove.png) no-repeat center center;}
.position-list li .caozhuo-p .remove:hover{background: url(../images/remove.png) no-repeat center center;}
.position-list li:hover .caozhuo-p{ width: 104px; height: 26px; background-color: #000; position: absolute; top: 27px; right: -1px; padding-left: 0;}
.organ--structure .organ--structure{ display: none;}
.expansion{ height: 21px; width: 21px; background: url(../images/expansion.png) no-repeat center center; position: absolute; top: 8px; right: 8px;}
.expansion.take-on{ height: 21px; width: 21px; background: url(../images/shrink.png) no-repeat center center; position: absolute; top: 8px; right: 8px;}

/*审批类型设定*/
.approval-type-seting-nav .title{ width: 241px; float: left; height: 40px; line-height: 40px; font-weight: bold; text-indent: 15px;}
.approval-type-seting-box{ padding-left:0; height: 100%; overflow-y: auto;}
.approval-type-seting-nav{ height: 40px; background-color: #F5F5F5; border-bottom: solid 1px #D6D6D6;}
.attendance-seting,.cost-seting{ border-right: solid 1px #d6d6d6; width: 210px; height: 730px; overflow-y: auto; padding: 15px; float: left;}
.attendance-seting li{ width: 208px; height: 37px; border: solid 1px #000; margin-bottom: 15px; position: relative;}
.attendance-seting li .color-value{ position: absolute; width: 27px; height: 27px; top: 5px; right: 5px;}
.attendance-seting li .show-infor{ width: 180px; height: 37px; line-height: 37px; font-size: 12px; text-indent: 10px;}
.attendance-seting li .edit-input{ position: absolute; top: 0; left: 0; width: 180px; height: 37px; line-height: 37px; font-size: 12px; border: none; text-indent: 10px;}
.attendance-seting li .operate{ width: 74px; height:0; position: absolute; top: 38px; right: -1px; background-color: #000; overflow: hidden; z-index: 2;}
.attendance-seting li:hover .operate{height: 37px;}
.attendance-seting li .operate .edit-btn{ width: 37px; height: 37px; float: left; background: url(../images/edit-btn.png) no-repeat center center; cursor: pointer;}
.attendance-seting li .operate .del-btn{ width: 37px; height: 37px; float: left; background: url(../images/remove.png) no-repeat center center; cursor: pointer;}

.cost-seting li{ width: 208px; height: 37px; border: solid 1px #000; margin-bottom: 15px; position: relative;}
.cost-seting li .color-value{ position: absolute; width: 27px; height: 27px; top: 5px; right: 5px;}
.cost-seting li .show-infor{ width: 180px; height: 37px; line-height: 37px; font-size: 12px; text-indent: 10px;}
.cost-seting li .edit-input{ position: absolute; top: 0; left: 0; width: 180px; height: 37px; line-height: 37px; font-size: 12px; border: none; text-indent: 10px;}
.cost-seting li .operate{ width: 74px; height:0; position: absolute; top: 38px; right: -1px; background-color: #000; overflow: hidden; z-index: 2;}
.cost-seting li:hover .operate{height: 37px;}
.cost-seting li .operate .edit-btn{ width: 37px; height: 37px; float: left; background: url(../images/edit-btn.png) no-repeat center center; cursor: pointer;}
.cost-seting li .operate .del-btn{ width: 37px; height: 37px; float: left; background: url(../images/remove.png) no-repeat center center; cursor: pointer;}
.add-approval-type-btn{ width: 37px; height: 37px; background-color: #000; text-align: center; line-height: 37px; color: #fff;}

.multiselect.dropdown-toggle{ width: 228px; border-radius: 0px;}
.birthday-day-input{ position: relative; float: left;}
.birthday-day-input::before{ content: "生日"; position: absolute; top: 5px;; left: 10px;; color: #999; font-size: 12px;}


.costs-select{ background-color: #F5F5F5;}
select.costsselect{ width: 188px; height: 34px; border: solid 1px #D6D6D6; background-color: #fff; padding: 0 30px 0 70px;}

select.costsselect option:nth-child(even) {background-color: #f5f5f5;}
#costsclassesbox{ float:left; width: 188px; height: 34px; margin: 10px 10px 10px 0; position: relative;}
#costsclassesbox::before{ content: "费用类型："; position: absolute; line-height: 34px; left: 10px; top: 0; }
#costsclassesbox::after{ content: ""; position: absolute; border-top: solid 5px #000; border-left: solid 5px transparent; border-right: solid 5px transparent; top: 15px; right: 10px;}
#statusclassesbox{ float:left; width: 188px; height: 34px; margin: 10px 10px 10px 0; position: relative;}
#statusclassesbox::before{ content: "审批状态："; position: absolute; line-height: 34px; left: 10px; top: 0; }
#statusclassesbox::after{ content: ""; position: absolute; border-top: solid 5px #000; border-left: solid 5px transparent; border-right: solid 5px transparent; top: 15px; right: 10px;}

.check-table-nav .tit{ float: left; line-height: 50px; font-size: 14px; font-weight: bold; padding-left: 10px; padding-right: 10px;}

.upload-annex{ border: solid 1px #ddd; text-align: center; line-height: 30px; border-top: none; cursor: pointer;}
.upload-annex:hover{ border: solid 1px #000; background-color: #000; color: #fcf905; text-align: center; line-height: 30px; border-top: none; cursor: pointer;}
.upload-annex-box{ width: 100%; height: 100%; z-index: 999; position: absolute; left: 0; top:0;}
.upload-cont{ width: 456px; height: 300px; z-index: 999; position: absolute; bottom: 100px; left: 50%; margin-left: -228px; top: 50%; margin-top: -200px; border: none;}

.recycle-bin{ width: 130px; height: 40px;background-color: #000;color: #fff;font-size: 12px;border: none; margin: 15px 10px 0 0;float: left;text-align: center;line-height: 40px;}
.recycle-bin:hover{ background-color: #E7F500; width: 130px; height: 40px;color: #000;font-size: 12px; border: none; margin: 15px 10px 0 0; float: left;text-align: center;line-height: 40px;}
.recycle{ width: 100px; height: 33px; border: solid 1px #000; background-color: #fff;color: #000; font-size: 12px;margin: 10px 10px 0;float: left;text-align: center;line-height: 33px;}
.recycle.take-on{ background-color: #000;color: #fff;}