@charset "utf-8";
/* CSS Document */
@import url('../fonts/css/font-awesome.min.css');


* { margin:0; padding:0;}
html {margin:0;padding:0;border:0}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption,article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block}

body {font-size:12px;font-family:Microsoft Yahei;overflow:visible; background:#f1f1f1;}
html, body, .wrap, .land {height: 100%;}
input, select, textarea {font-family: 'Adobe 黑体 Std', sans-serif;color: #767676;}
ul li { list-style:none;}
a { text-decoration:none;}
a:focus, a:active, a:hover {outline: none;text-decoration:none;}
input:focus {outline:none;}
button:focus {outline:none;}
.clear { clear:both;}

.round0 { border-radius:0;}
.round1 { border-radius:2px;}
.round2 { border-radius:4px;}
.round3 { border-radius:6px;}
.round4 { border-radius:8px;}
.round5 { border-radius:10px;}
.round6 { border-radius:15px;}
.round7 { border-radius:20px;}
.round8 { border-radius:25px;}

.col-white { color:white;}
.col-black { color:black;}
.col-gray { color:gray;}
.col-red { color:red;}
.col-green { color:green;}
.col-blue {color: #287adf;}
.col-yellow { color:yellow;}
.col-purple { color:purple;}
.bg-gray {background:#efefef;}

.search { display:block; float:left;margin:0 0 8px 20px;border: 1px solid #ccc;border-radius: 4px; width:374px;}
.search input { background:none; border:none;box-shadow: none;box-sizing: border-box; padding:0 10px;float: left; width:347px;font-size: 18px;height: 32px;font-family: '微软雅黑'}

.mar { margin-top:10px;}



.left-side {width: 314px;position: absolute;top: 0;left: 0; background:#32323a;overflow:visible;}
.sticky-left-side {position: fixed;height: 100%;overflow-y: auto;z-index: 100;}
.logo { display:block; background:url(../images/logo-bg.png) repeat left top; height:197px; text-align:center;padding-top:62px;}
.logo a {text-decoration: none;}
.logo a img { display:block; margin:0 auto;}
span.name-caret {font-size:24px;color: #fff;display: block;text-align: center;font-weight: 400;font-family: 'Adobe 黑体 Std', sans-serif; margin-top:10px;}
.logo p { color:#ccc; font-size:16px; font-style:italic;}

.left-side-inner {padding: 0px;margin-bottom: 50px;}
.nav {padding-left: 0;list-style: none;}
.nav > li { position: relative;display: block;}
.nav > li > a {position: relative;display: block;padding: 15px 19px 15px 37px; font-size:20px; color:#95a0aa;}
.nav-stacked > li {float: none; border-bottom:1px solid #3b3b43;}

.custom-nav > li > a {color: #95a0aa;border-radius: 0;-webkit-border-radius: 0;}
.custom-nav > li > a:hover,.custom-nav > li > a:active {background-color: #60c69e;color: #fff;border-radius: 0;-webkit-border-radius: 0;}
.custom-nav > li.menu-list > a {background: transparent url(../images/right-white.png) no-repeat 93% center;}
.custom-nav > li.menu-list > a:hover {background-color: #60c69e; background-image: url(../images/right-white2.png);}
.custom-nav > li.nav-active > a {background-color: #60c69e;background-image: url(../images/down.png);color: #fff;}
.custom-nav > li.nav-active > a:hover {background-image: url(../images/down.png);}
.custom-nav > li.active > a,.custom-nav > li.active > a:hover,.custom-nav > li.active > a:focus { background-color: #60c69e;color: #fff;}
.custom-nav > li.menu-list.active > a {background-image: url(../images/right-white2.png);}
.custom-nav > li.nav-active.active > a {background-image: url(../images/down.png);}
.custom-nav > li.nav-active.active > a:hover {background-image: url(../images/down.png);}
.custom-nav li .fa {vertical-align: middle;margin-right: 10px;width: 25px; height:22px;text-align: center;}
.custom-nav .sub-menu-list {list-style: none;display: none;margin: 0;padding: 0;background: #45454e;}
.custom-nav .sub-menu-list > li > a {color: #95a0aa;font-size:20px;display: block;padding:0 5px 0 0; line-height:66px; margin-left:50px;border-left:1px dashed #7d7d7d; background:url(../images/a-bg.png) no-repeat left center; padding-left:27px;}
.custom-nav .sub-menu-list > li > a:hover,
.custom-nav .sub-menu-list > li > a:active,
.custom-nav .sub-menu-list > li > a:focus {text-decoration: none;color:#60c69e;}
.custom-nav > li.nav-active > ul {display: block;}
.custom-nav .sub-menu-list {list-style: none;}
.custom-nav .sub-menu-list > li > a {color: #95a0aa;font-size:20px;display: block;padding:0 5px 0 0; line-height:66px; margin-left:50px;-moz-transition: all 0.1s ease-out 0s;-webkit-transition: all 0.1s ease-out 0s;transition: all 0.1s ease-out 0s;border-left:1px dashed #7d7d7d; background:url(../images/a-bg.png) no-repeat left center; padding-left:27px;}
.custom-nav .sub-menu-list > li { display:block; border-bottom:1px dashed #7d7d7d;}
.custom-nav .sub-menu-list > li:last-child { border:none;}
.custom-nav .sub-menu-list > li > a:hover { color:#60c69e;}

.fa {display: inline-block;}
.custom-nav li .fa {vertical-align: middle;margin-right: 10px;width: 25px; height:22px;text-align: center;}


.main-content {margin-left: 314px;background: #f1f1f1; min-height: 1000px;}
.header-section {background: #fff;border-bottom: 1px solid #ccc;}
.sticky-header .header-section {position: fixed;top: 0;left: 314px;width: 100%;z-index: 100; height:56px;}
.searchform { display:block; float:left;margin:10px 0 8px 20px;border: 1px solid #ccc;border-radius: 4px; width:374px;}
.searchform input { background:none; border:none;box-shadow: none;box-sizing: border-box; padding:0 10px;float: left; width:347px;font-size: 18px;height: 36px;font-family: '微软雅黑'}
.research { display:block; width:22px; height:22px; margin-top:6px; background:none; border:none;background:url(../images/form-search.png) no-repeat left center; cursor:pointer;}
.menu-right {float: right;margin-right:5px;}

.sticky-header .menu-right {margin-right: 325px;}
.notification-menu {list-style: none;}
.notification-menu > li {display: inline-block;float: left;position: relative;}
.notification-menu .info-number { display:block; width:69px; height:28px;text-align:center; padding:14px 0 14px;font-size: 16px;background: #fff;color: #fff; border-right:1px solid #ccc;}
.notification-menu > li > a > i {margin-top: 6px;}
.notification-menu .info-number .fa-bell { font-size:22px;color:#666;}
.notification-menu .info-number .badge {border-radius: 8px;-webkit-border-radius: 8px;font-size: 12px;font-weight:bold;line-height: 13px;padding: 3px 10px;position: absolute;right: 9px;top: 8px;}
.notification-menu .info-number .fa-envelope{ font-size:22px;color:#666;}
.notification-menu .info-number .fa-tasks { color:#666; font-size:22px;}
.notification-menu .info-number .badge1 {background: #fcb322;}
.notification-menu .info-number .badge2 {background: #f86b4f;}
.notification-menu .info-number .badge3 {background: #a9d86e;}
.notification-menu .dropdown-toggle {padding:0 0 0 22px; line-height:57px; border-color: #fff;background: #fff; border: none; font-size:20px; color:#666; position:relative;}
.notification-menu .dropdown-toggle .caret {display: inline-block; width:13px;height:8px;margin-left: 2px;vertical-align: middle; background:url(../images/caret-icon.png) no-repeat center center;}
.notification-menu .dropdown-toggle .caret {margin-left: 15px;}

.dropdown-menu.pull-right {right: 0;left: auto;}
.open > .dropdown-menu {display: block;}
.notification-menu .dropdown-menu {border: 0;margin-top: 0px;-moz-border-radius: 4px 0 4px 4px;-webkit-border-radius: 4px 0 4px 4px;border-radius: 4px 0 4px 4px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;padding: 5px;}
.notification-menu .dropdown-menu::after {border-bottom: 6px solid #65cea7;border-left: 6px solid  transparent; border-right: 6px solid transparent; content: "";display: inline-block;right: 10px;position: absolute;top: -6px;}
.notification-menu .dropdown-menu-usermenu { display:none;background: #65cea7;min-width: 150px;box-shadow: 0px 0px 5px 0px rgba(12,6,14,0.10);}
.notification-menu .dropdown-menu li {display: block;margin: 0 5px;float: none;background: none;padding:2px 0;}
.dropdown-menu > li > a {display: block;padding: 5px;clear: both;font-weight: 400;color: #fff;white-space: nowrap;}
.dropdown-menu > li > a:hover { background:#2a323f;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.dropdown-menu { position:absolute; top:57px; right:0;}
.notification-menu .dropdown-menu li i {font-size: 11px;margin-right: 5px;}

.wrapper { padding-bottom:200px; display:block; clear:both;}

.registered { margin:75px 20px 0;box-shadow: 0px 0px 5px 0px rgba(12,6,14,0.10); max-width:1322px;}
.reg-form { background:#fff; padding:25px 22px 30px 24px; min-height:483px;}
.form-tit { height:32px; width:100%; margin-bottom:17px;}
.form-tit h2 { display:block; float:left; font-weight:normal; font-size:18px; color:#14151d;font-family: '方正兰亭纤黑_GBK'; line-height:32px;}

.form-options { display:block; float:right;}
.form-options ul { list-style:none;}
.form-options ul li { display: inline-block;float: left;}
.form-options ul li a {display: inline-block; padding:0 15px; line-height:32px; font-size:12px; color:#6a6362; background:#eee; margin-left:10px;}
.form-options .spe { background:#60c69e; color:#fff;}
.tab-border { border-top:1px solid #e1e1e1; border-right:1px solid #e4e4e4;}
.tab-border tr td { padding:0 20px;word-break: break-all; word-wrap:break-word;}
.tab-border thead tr { height:36px; background:#efefef; line-height:36px; font-size:14px; color:#6b7074;font-family: '方正兰亭纤黑_GBK'; border-top:1px solid #e4e4e4;}
.tab-border thead tr th { border-left:1px solid #e1e1e1; text-align:left; padding-left:20px;box-sizing: border-box;}
.tab-border tbody tr { height:69px;color:#5b646c; font-size:14px;}
.tab-border tbody tr:hover {background:#f9f9f9; cursor:pointer;}
.tab-border tbody tr td { border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.tab-head { display:block; margin:0 auto; width:34px; height:34px; background:url(../images/tab-header-bg.png) no-repeat center center; border-radius:25px;}
.tab-head img { width:34px; height:34px;margin:0 auto;}
.reg-body {}
.page { display:inline-block; height:30px; float:right; margin-top:20px;border:1px solid #e9e9e9; border-left:none;}
.page a {display:block; float:left; margin:0; font-weight:bold; font-size:12px; color:#60c69e; line-height:30px; width:28px; text-align:center;border-left:1px solid #e9e9e9; margin:0;}
.page .current { background:#eee;}

.infor { display:block; float:left;box-shadow: 0px 0px 5px 0px rgba(12,6,14,0.10); background:#fff; width:620px; min-height:622px; margin:25px 5px 0 20px;}
.infor .infor-tit { height:57px; line-height:57px; border-bottom:1px solid #e8e8e8;}
.infor-tit h2,.tab-heading h2 { display:block; float:left; font-size:14px; color:#686767; font-weight:normal; margin-left:24px;}
.infor-tit .close{ display:block; float:right; }
.infor-tit .close .fa-times,.release .close .fa-times { display:block; color:#a7a7a7;margin-top:23px; margin-right:24px; font-size:18px;}
.infor-form { width:100%; padding-top:25px;}
.infor-form table tr { display:block; margin-bottom:20px;}
.infor-form-tit {text-align:right; font-size:14px; color:#868686;font-family: '方正兰亭纤黑_GBK';}
.label1 select { background:none; border:none; border:1px solid #e7e7e7; width:120px; height:34px; font-size:14px; color:#000;font-family: '方正兰亭纤黑_GBK'; cursor:pointer;}
.label1 .city { margin-left:12px;}
.label2 select,.label3 select { background:none; border:none; border:1px solid #e7e7e7; width:256px; height:34px; background:#efefef;font-size:14px; color:#000;font-family: '方正兰亭纤黑_GBK'; cursor:pointer;}
.label3 select { background:none;}
.tip { width:384px;}
.label4 .add { display:inline-block;text-decoration:underline; font-size:14px;cursor:pointer; line-height:32px;}
.tip-input { position: relative;float: left;width: 100px;height: 34px; margin:0 10px 15px 0;}
.house-tip {display: block;width:100px; height:32px;  border:1px solid #e7e7e7;box-sizing: border-box; padding:0 10px; font-size:14px; color:#000;font-family: '方正兰亭纤黑_GBK';}
.del {position: absolute;right: 5px; top: 6px;width: 20px;height: 20px;background: url('../images/del.svg') no-repeat;background-size: 20px 20px; cursor:pointer;}


.label5 textarea { width:314px; height:115px; border:1px solid #e7e7e7; font-size:14px; color:#5b646c;font-family: '方正兰亭纤黑_GBK'; line-height:20px; padding:16px; box-sizing: border-box;}
.label5 span { font-size:12px; color:#000; padding-left:17px;}
.label5 span b{ font-weight:normal;}
.label6 input { width:256px; height:34px;border:1px solid #e7e7e7; font-size:14px; color:#000; box-sizing: border-box; padding:0 10px;font-family: '方正兰亭纤黑_GBK';}
.label7 button { background:#60c69e; border:none; color:#fff; font-size:14px; width:81px; height:34px; text-align:center; line-height:34px;font-family: '方正兰亭纤黑_GBK'; cursor:pointer;}
.label4 .add-in:last-child { margin-bottom:0;}
.release { display:block; float:left;box-shadow: 0px 0px 5px 0px rgba(12,6,14,0.10); background:#fff; margin:25px 5px 0 20px; width:620px; min-height:640px; position:relative;}
.release .close { position:absolute; right:0;top:0; z-index:999;}
.rel-tit { display:block; height:58px; line-height:58px; width:100%; background:#f0f2f5; border-bottom:1px solid #e8e8e8;}
.rel-tit li { display:inline-block; width:149px; text-align:center;}
.rel-tit li a { display:block; width:149px; font-size:16px; color:#868686; cursor:pointer;}
.rel-tit li .default { background:#fff; color:#686767; font-weight:600; border-right:1px solid #e8e8e8;}

.rel-form { width:100%; padding-top:30px;}
.rel-form table tr { display:block; margin-bottom:20px;}
.lab1 input { background:#fff; border:1px solid #e7e7e7; width:256px; height:34px;box-sizing: border-box;padding: 0 10px; font-size:14px; color:#000;font-family: '方正兰亭纤黑_GBK';}
.add-img { display:block; position:relative;}
.add-img input {opacity: 0; width:60px; cursor:pointer; position:absolute; left:0; top:0; }
.add-img a { display:block;font-size:14px; color:#287adf; text-decoration:underline; width:60px;}
.add-cont { margin-top:20px;}
.add-cont li { display:inline-block; width:119px; height:111px; position:relative; margin-right:10px;}
.add-cont li a { display:block; background:url(../images/close2.png) no-repeat; width:19px; height:19px; position:absolute; right:0; bottom:0;}
.rel-form form table { display:none;}

.sub-tab { display:block; float:left;box-shadow: 0px 0px 5px 0px rgba(12,6,14,0.10); background:#fff; margin:25px 5px 0 20px; width:485px;}
.tab-heading { height:52px; border-bottom:1px solid #e8e8e8; line-height:52px;}
.pull-right { float:right; margin-right:15px;}
.tools a { margin: 15px 5px 0; color:#a7a7a7; font-size:18px;}
.fa-chevron-down {}
.fa-chevron-up {}
.fa-times {}

.tab-body { padding:15px;}
.to-do-list { margin-top:-15px;}
.to-do-list li { margin:15px 0; height:50px; background:#f1f1f1; padding:0 15px; border-radius:3px; cursor:pointer;}
.to-do-list li:hover { background:#60c69e;}
.pull-left { float:left;}
.todo-check { margin-right:12px; margin-top:13px;position: relative; width:24px;}
.to-do-list li .todo-check input[type="checkbox"] {visibility: hidden; width:24px; height:24px;}
.todo-check label {cursor: pointer;position: absolute;box-sizing: border-box;width: 24px;height: 24px;top: 0;left: 0px;-webkit-border-radius: 2px;border-radius: 5px;border: #1fbba6 3px solid;}
.todo-check label::after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;content: '';position: absolute;width: 13px;height: 8px;background: transparent;top: 1px;left: 1px;border: 3px solid #fff;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.todo-check input[type="checkbox"]:checked + label::after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.todo-check input[type="checkbox"]:checked + label {background: #1fbba6;}
.todo-title { display:block; float:left; font-size:16px; color:#666; line-height:50px; width:315px; overflow:hidden;}
.todo-actionlist { display:block; float:right;}
.todo-actionlist a {display: inline-block;float: left;margin:18px 0 0 8px;cursor: pointer;font-size: 15px;color: #777;cursor:pointer;}
.to-do-list li:hover a{ color:#fff;}
.to-do-list li:hover .fa-star { color:#2ce6cd;}
.form-inline .form-group {display: inline-block;margin-bottom: 0;vertical-align: middle;}
.form-control { background:none; border:2px solid #ccc; border-radius:3px; padding:0 10px;box-sizing: border-box; height:42px; width:406px;font-family: 'Adobe 黑体 Std'; font-size:16px;}
.btn-primary { float:right; background:none; border:none; width:42px; height:42px; background:url(../images/button-icon.png) no-repeat; cursor:pointer;}

.to-do-list li:hover .todo-check label {border: #fff 3px solid;}
.to-do-list li:hover .todo-title { color:#fff;}
.to-do-list li:hover .fa-tag { background:url(../images/icon/tag-icon2.png) no-repeat center center;} 
.to-do-list li:hover .fa-editor2 { background:url(../images/icon/editor2-icon2.png) no-repeat center center;}
.to-do-list li:hover .fa-delete { background:url(../images/icon/delete-icon2.png) no-repeat center center;}
.tab-search { margin-top:15px;}

@media screen and (max-width:1400px) {
	.tab-border thead tr th { padding-left: 5px;}
	.tab-border tr td {padding: 0 5px;}
}

/*登录页面*/
.wrap { width:100%;height: auto;min-height: 100%;_height: 100%; background:#2d84a5;}
/*.land { background:url(../images/bg.png) no-repeat center top; margin:0 auto; width:100%;height: auto;min-height:838px;_height: 100%;background-size:100% 100%;padding-bottom:62px;}*/
.land { background:url(../images/cont-bg.png) no-repeat left top; margin:0 auto; width:1000px;height: auto;min-height:838px;_height: 100%;background-size:100% 100%;padding-bottom:62px;}
.land-cont { width:1000px; margin:0 auto; padding-top:100px;}
.land-form { margin:100px auto 0; width:390px;}
.user { background:url(../images/username-bg.png) no-repeat; width:300px; height:50px; padding:0 20px 0 70px; margin-bottom:20px;}
.pass { background:url(../images/password-bg.png) no-repeat; width:300px; height:50px; padding:0 20px 0 70px;}
.land-form input { background:none; border:none; width:300px; height:50px; line-height:50px; font-size:18px; color:#fff;font-family: '微软雅黑';}
.land-btn { display:block;font-family: '微软雅黑'; cursor:pointer; background:none; border:none; margin:45px auto 0; width:250px; height:60px; background:#90f165; color:#fff; font-size:24px; border-radius:35px;}
.land-btn:hover,
.land-btn:active,
.land-btn:visited { background:#66dd31;}
.land-foot {background-color:rgba(0,0,0,0.05);width:100%;position: relative;height:62px;line-height:62px;margin-top: -62px; text-align:center; font-size:14px; color:#fff;}