/*reset css*/
body {margin: 0px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #6d6d70; background: #f0f0f0;}
ul, ol {list-style: none; padding: 0px; margin: 0px;}
a {cursor: pointer; text-decoration: none; color: #6d6d70;}
a:hover {text-decoration: none;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table; line-height: 0; content: "";}
.clearfix:after {clear: both;}
.clearfloat {clear: both; width: 0; height: 0; margin: 0; padding: 0; overfloat: hidden;}
.header {height: 80px; background: #49494a; width: 100%;}
.header_content {height: 100%; width: 1200px; margin: 0 auto;}
.logo {float: left; margin-top: 15px; width: 260px; height: 60px; background: url(../images/logo2.png) no-repeat;}
.info_box {float: right; margin-top: 30px; margin-right: 88px; color: #FFFFFF; font-size: 18px;}
.logout {float: right; margin-top: 30px; color: #58ab32; font-size: 18px;}
.mainbox {width: 1200px; margin: 30px auto 0; border: 1px solid #bdbdbd; background: #FFFFFF; margin-bottom: 38px;}
.sidebar {height: 100%; float: left; width: 243px; box-sizing: border-box; font-size: 16px;}
.sidebar hr {width: 200px; border: none; border-top: 1px solid #BDBDBD; margin: 5px auto 0}
.menu_cl1 {height: 76px; line-height: 76px; font-size: 22px; padding-left: 30px;}
.menu_cl2 {margin-left: 0px;}
.menu_cl2 a {display: block; height: 40px; line-height: 40px; margin: 0px; padding-left: 76px;}
.menu_cl2 a:hover {background: #58AB32; border-right: 1px solid #58AB32; color: #FFFFFF;}
.menu_cl1 a {width: 32px; height: 32px; vertical-align: middle; background: #008000; display: inline-block; margin-right: 15px;}
.main_content {float: left; width: 957px; box-sizing: border-box; border-left: 1px solid #BDBDBD; min-height: 978px}
.content_title {position: relative; height: 120px; border-bottom: 1px solid #bdbdbd;}
.content_title .title {padding-top: 30px; margin-left: 30px;}
.content_title .menu_left {position: absolute; top: 85px; text-align: center;}
.content_title .menu_right {position: absolute; top: 85px; right: 30px;}
.menu_right a {display: inline-block; height: 22px; margin-left: 12px; vertical-align: middle; width: 17px;}
.menu_left li {width: 110px; float: left; margin-right: 45px; padding-bottom: 10px; cursor: pointer;}
.menu_left .active {border-bottom: 6px solid #61af3c;}
.content_article {padding: 28px;}
.sta {width: 898px; border: 1px solid #bdbdbd; height: 260px; background-color: #f5f5f5;}
.sta_graph {float: left; width: 100%; height: 100%;}
.sta_detail {float: left; width: 100%; height: 100%;}
.sta_operation {float: left; width: 220px; height: 100%; border-bottom: 1px dashed #bdbdbd;}
.operation_box {width: 100%; height: 50%; padding-; border-bottom: 1px dashed #bdbdbd; margin: auto;}
table, tbody {border-collapse: collapse; border: none; text-align: center;}
.sta_box {float: left; width: 50%; box-sizing: border-box; height: 50%; text-align: center;}
.sta_box_head {margin-top: 35px; margin-bottom: 20px;}
.sta_box_content_highlight {color: #403e44; font-size: 22px; line-height: 22px;}
.sta_box_content_normal {font: 14px/14px #413f45;}
span.number {cursor: pointer; border: solid 1px #BDBDBD; border-radius: 4px; width: 108px; height: 30px; text-align: center; line-height: 30px; display: inline-block; margin-left: 10px; margin-bottom: 20px;}
span.number.disabled {background-color: #6e6e6e; color: #FFFFFF}
span.number.selected {background-color: #83c264; color: #FFFFFF}
/*组件 */
/* button */
.a_button {cursor: pointer; transition: all 0 ease-in 0s; display: inline-block; text-align: center; color: #FFFFFF; vertical-align: middle;}
.a_button:hover {box-shadow: 0 0 8px #59a5eb;}
.a_normal_size {width: 115px; height: 36px; line-height: 36px;}
.a_huge_size {width: 218px; height: 100px; line-height: 100px;}
.a_small_size {width: 70px; height: 28px; line-height: 28px;}
.a_green {background-color: #58ab32; border: 1px solid #58ab32;}
.a_blue {background-color: #81bcef; border: 1px solid #81bcef;}
.a_transparent {display: block; border: 1px solid #58ab32; color: #58ab32;}
.a_disable {background-color: #6e6e6e; border: 1px solid #6e6e6e;}
/* table */
.data_table {border-collapse: collapse; border: none; width: 100%}
.data_table td, th {border: 1px solid #CCCCCC;}
.data_table th {height: 43px; background-color: #ededed;}
.data_table .row0 {height: 32px; background-color: #fdffff;}
.data_table .row1 {height: 32px; background-color: #f4f5f2;}
.data_table ul li {cursor: pointer; float: left; margin-left: 20px;}
/* paginate */
.pagination {margin-top: 17px; text-align: right;}
.pagination span {display: inline-block;}
.pagination_btn {cursor: pointer; background: #fcfcfc none repeat scroll 0 0; border: 1px solid #C8C8C8; font-size: 11px; margin-left: 5px; padding: 5px 7px;}
.pagination_input_span {width: 20px; background: #fcfcfc none repeat scroll 0 0; border: 1px solid #C8C8C8; font-size: 11px; margin-left: 5px; padding: 5px 7px;}
.pagination_btn_active {background: #58ab32 none repeat scroll 0 0; border: 1px solid #58ab32; color: #fff; font-size: 11px; margin-left: 5px; padding: 5px 7px;}
.pagination_btn_disable {background: #c7c7c8 none repeat scroll 0 0; border: 1px solid #c7c7c8; color: #fff; font-size: 11px; margin-left: 5px; padding: 5px 7px;}
.pagination_input {height: 16px; width: 20px; border: none; padding: 0 0 0 2px;}
.pagination_btn_confirm {cursor: pointer; background: #58ab32 none repeat scroll 0 0; border: 1px solid #58ab32; color: #fff; font-size: 11px; margin-left: 5px; padding: 5px 7px;}
/*组件 */
.footer {height: 50px; width: 100%; background: #c8c8c8; color: #707070; font-size: 12px;}
.footer_detail {width: 700px; margin: 0 auto; height: 100%;}
.footer_detail a {padding: 0 10px; line-height: 50px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%}
ul, ol {list-style: none;}
a:active {color: #aaa;}
a.greenlink {color: #3f8700}
a.orangelink {color: #ff7602}
img {vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic}
button, input, select, textarea {font-size: 100%; vertical-align: middle; outline: none;}
table {border-collapse: collapse; border-spacing: 0}
textarea {resize: none}
.mainbackbox {clear: both; overflow: hidden; *zoom: 1; background: url(../images/m_bg.jpg) repeat-x; height: 600px; width: 100%; background-image: url(../images/login-bg.png); background-size: cover; position: relative;}
.input_1 {width: 240px; height: 20px; line-height: 20px; padding: 0 5px; border: 1px solid #e9e9eb}
.input_2 {width: 140px; height: 20px; line-height: 20px; padding: 0 5px; border: 1px solid #e9e9eb}
.input_3 {width: 50px; height: 20px; line-height: 20px; padding: 0 5px; border: 1px solid #e9e9eb}
.input_area {width: 240px; height: 60px; line-height: 20px; padding: 0 5px; border: 1px solid #e9e9eb}
.radius_2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.radius_3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.radius_4 {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.radius_5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.radius_10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.radius_20 {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.radius_100 {-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.headerDiv {height: 81px; width: 100%; position: relative;}
.header_container {height: 81px; width: 100%; margin: 0px auto; background-image: url("../images/handerLogo_bk.png"); background-repeat: repeat; vertical-align: middle; line-height: 81px ; babox-shadow: 0px 0px 8px #181818; z-index: 90; position: absolute;}
.loginbox {width: 356px; height: 360px; top: 65px; left: 50%; background-color: #cccccc; background-color: white; margin-left: -178px; position: absolute; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}
.login_container {width: 300px; height: 600px; margin: 0 auto; position: relative;}
.logodiv {content: ""; height: 96px; width: 120px; background: url(../images/teleii.png) no-repeat; position: absolute; left: 50%; margin-left: -60px; margin-top: -40px;}
.inputbox {margin: 0px auto;}
.userinput {width: 300px; height: 39px; border: 0px; font-size: 14px; padding-left: 12px; color: gray; line-height: 39px; background-color: #f2f2f2;}
.userinput {transition: all .2s ease-in; -webkit-transition: all .2s ease-in;}
.userinput:focus {border: solid 0px #319cff; box-shadow: 0 0 4px #319cff;}
.button {width: 100%; height: 40px; display: inline-block; font-size: 16px; line-height: 40px; text-align: center; margin: 0 auto ; cursor: pointer;}
.submit {border: 1.5px solid #319cff; color: white; background: #319cff; transition: all .2s ease-in; -webkit-transition: all .2s ease-in;}
.submit:hover {text-decoration: none; color: white; box-shadow: 0 0 8px #319cff;}
.submitdis {border: 1.5px solid #c0c0c0; color: #000000; background: #c0c0c0; transition: all .2s ease-in; -webkit-transition: all .2s ease-in;}
.registerBox {width: 800px; height: 979px; margin: 0; position: absolute; left: 50%; margin-left: -400px; text-align: center;}
.registerTable {width: 100%; height: 113px; margin: 0 auto;}
.registerSmallBox {width: 33.34%; height: 113px; border: 1px solid gray; text-align: center;}
.imageCenter {height: 59px; margin: 0 auto;}
.registerDetailTable {width: 0 auto; margin: 0 auto; margin-top: 54px;}
.registerDetailTable5 {width: 580px; margin: 0 auto; margin-top: 54px;}
.registerDetailTable1 {width: 134px; height: 36px; float: left; font-size: 16px; line-height: 40px;}
.registerDetailTable2 {width: 257px; float: left;}
.registerDetailTable3 {width: 180px; float: left;}
.registerDetailTable4 {width: 180px; float: left;}
.registerLine {width: 100%; height: 40px; margin-top: 36px; float: left; font-size: 16px; line-height: 40px;}
.noMargin {margin: 0px}
.send {border: 1.5px solid #59a5eb; color: white; background: #59a5eb; transition: all .2s ease-in; -webkit-transition: all .2s ease-in;}
.send:hover {text-decoration: none; color: white; box-shadow: 0 0 8px #59a5eb;}
.sendMail {color: white; background: #319cff; text-decoration: none; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}
.sendMail:hover {color: white; background-color: #45a5ff; box-shadow: 0 0 8px #59a5eb;}
.sendMail:active {color: white; background-color: #2c8de6; box-shadow: none;}
.sendMailLogin {border: 1.5px solid #319cff; color: #319cff; background: white; transition: all .2s ease-in; -webkit-transition: all .2s ease-in;}
.sendMailLogin:hover {text-decoration: none; color: #319cff; box-shadow: 0 0 8px #59a5eb;}
.empDisplayBox {width: 129px; height: 205px}
.empDisplayBoxEchar {width: 129px; height: 129px}
.empDisplayBoxbtn {width: 129px; height: 129px}
.empDisplayBoxMain {margin-left: 58px; margin-top: 23px; margin-right: 58px; width: 846px; height: 205px;}
.empDisplayBoxtd {width: 33.33%}
.alertMessageBg {position: fixed; _position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); z-index: 97; display: none;}
.alertMessageBox {position : absolute; z-index: 98; display: none;}
.subUserEdit {width: 654px; left: 50%; top: 40%; margin-top: -208px; margin-left: -363px; border-radius: 5px; background: #FFFFFF; padding: 36px 36px 36px 36px;}
.subUserPrompt {width: 604px; height: 16px; text-align: center; border-radius: 12px; border: 1px #b4c8da; background: #cde4f9; padding: 25px; margin-bottom: 32px;}
.subUserTitle {font-family: '微软雅黑'; font-size: 20px; line-height: 20px; margin-bottom: 28px; color: #413e45; font-weight: 600;}
.subUserPromptWord {font-family: '微软雅黑'; font-size: 16px; line-height: 16px; color: #413e45;}
.subUserTagAndButtonWord {font-family: '微软雅黑'; font-size: 18px; line-height: 18px; color: #413e45;}
.subUserInput {width: 412px; height: 39px; border: 1px solid #A7A6A9; display: inline;}
.subUserInputDown {height: 13px; margin: 6px 0px 19px 0px; padding-left: 180px;}
.subUserDownWord {font-family: '微软雅黑'; font-size: 13px; line-height: 13px; color: #A7A6A9;}
.subUserInputDown2 {height: 13px; margin: 6px 0px 37px 0px; padding-left: 180px;}
.subUserButton {width: 120px; height: 18px; border-radius: 5px; padding: 10px; text-align: center; background-color: #81BCEF; margin: 0px 0px 0px 257px;}
.pTable {width: 654px; text-align: center; margin: 0px 0px 32px 0px;}
.blueWord {color: #59a5eb;}
.greenWord {color: #319cff;}
.redWord {color: #ff0000;}
.whiteWord {color: #FFFFFF;}
.yelloWord {color: #ff910d}
.handCursor {cursor: pointer;}
.empDisplayBox {width: 129px; height: 205px;}
.empDisplayBoxText {font-size: 14px; height: 14px}
.empDisplayBoxEchar {width: 129px; height: 129px; margin-top: 21px}
.empDisplayBoxbtnbox {width: 129px; height: 41px}
.empDisplayBoxbtn {width: 92px; height: 32px; margin-top: 9px; line-height: 32px}
.empDisplayListTable {width: 895px; margin-left: 23px; margin-right: 30px; margin-top: 50px}
.empDisplayListTableTd1 {width: 34px}
.empDisplayListTableTd2 {width: 88px}
.empDisplayListTableTd3 {width: 88px}
.empDisplayListTableTd4 {width: 116px}
.empDisplayListTableTd5 {width: 154px}
.empDisplayListTableTd6 {width: 124px}
.empDisplayListTableTd7 {width: 134px}
.empDisplayListTableTd8 {width: 134px}
.empDisplayListTableTd9 {width: 34px}
.addEmpDiv1 {width: 73px; height: 33px; float: left; font-size: 16px; margin-bottom: 22px; line-height: 39px; text-align: left;}
.addEmpDiv2 {width: 254px; height: 33px; float: left; margin-bottom: 22px}
.addEmpDiv3 {width: 79px; height: 33px; float: left; font-size: 16px; margin-bottom: 22px; line-height: 39px; text-align: left; padding-left: 17px}
.addEmpDiv4 {width: 73px; height: 33px; float: left}
.addEmpDivContainer {width: 680px; min-height: 208px; margin: 0 auto; margin-top: 48px; margin-bottom: 48px}
.addEmpDivMain {position: absolute; width: 726px; min-height: 414px; top: 50%; left: 50%; margin-top: -207px; margin-left: -363px; background-color: white; z-index: 99999;}
.newWindow {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.newWindowcover {width: 100%; height: 100%; top: 0; left: 0; background-color: black; filter: alpha(opacity=40); zoom: 1; opacity: 0.4;}
.empTitle {width: 100%; height: 20px; font-size: 20px; padding-left: 25px; padding-top: 29px}
.detialinput {width: 100%; height: 100%; border: solid 1px #a7a6a9; font-size: 16px; color: gray; line-height: 39px;}
.detialinput {transition: all .2s ease-in; -webkit-transition: all .2s ease-in;}
.detialinput:focus {border: solid 1px #249F70; box-shadow: 0 0 4px #249F70;}
.fileText {width: 300px; height: 38px; margin: 0px; margin-left: 7px; padding: 0px; float: left; border: 1px solid #acacac; border-right: 0px ; display: block;}
.file {position: relative; display: block; float: left; background: #fbfbfb; border: 1px solid #acacac; color: black; width: 93px; height: 38px; text-align: center; text-decoration: none; text-indent: 0; line-height: 38px; margin: 0px}
.uploadInput {position: absolute; right: 0; top: 0; opacity: 0; width: 93px; height: 38px; display: block; filter: alpha(opacity : 0); cursor: pointer;}
.file:hover {background: #AADFFD; border-color: #78C3F3; color: #004974; text-decoration: none;}
.uploadBtn {color: white; background-color: #ff910d; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; width: 115px; height: 38px; font-size: 18px; line-height: 38px; margin: 0px; margin-left: 30px}
.uploadBtn:hover {text-decoration: none; color: white; box-shadow: 0 0 8px #ff910d;}
.empImpDownDiv {margin-top: 69px; margin-left: 30px ; height: 144px}
.downloadDiv {width: 50%; float: left}
.downloadMsgBtnbox {margin-top: 26px; margin-left: 21px; float: left}
.downloadMsgText {font-size: 14px;}
.downloadBtn {width: 92px; height: 32px; margin: 0 auto; margin-top: 13px; font-size: 15px; line-height: 32px}
.empImpDiv {margin-top: 50px; margin-left: 30px;}
.empImpDivText {float: left; font-size: 14px; line-height: 38px}
.search {margin-top: 30px; height: 27px; line-height: 27px; text-align: center;}
.searchSub {margin-left: 6px; float: left}
.searchSubInput {width: 81px; height: 24px}
.boxShow {width: 906px; height: 250px}
.smallShowBox {float: left; width: 294px; height: 107px; margin: 4px;}
.smallShowBox img {margin-top: -12px;}
.greenSDBox_top {background: #58aa32;}
.blueSDBox_top {background: #59a5eb;}
.greenSDBox_bottom {background: #79bb5b;}
.blueSDBox_bottom {background: #7ab7ef;}
.SDBox_top {width: 294px; height: 56px; text-align: center; padding-top: 20px;}
.SDBox_bottom {width: 294px; height: 25px; text-align: center; padding-top: 6px;}
.boxBigWorld {font-size: 30px; font-family: 微软雅黑; line-height: 30px;}
.formShow {width: 906px; height: 950px}
.fromFive {width: 450px; height: 168px; float: left; margin: 0px;}
.fromFiveTitle {font-family: '微软雅黑'; font-size: 16px; line-height: 16px; color: #413e45; font-weight: 500; margin-bottom: 24px;}
.formFiveUser {height: auto; width: 442px; margin: 8px}
.formFiveUser span {font-family: '微软雅黑'; font-size: 14px; line-height: 14px; color: #413e45;}
.dateBelt {height: 14px; background-color: #ff910d; width: 320px; margin: -16px 0px 0px 82px; text-align: right; padding: 0px 2px 2px 0px; color: #ffffff; font-size: 12px;}
.dateBeltLast {height: 14px; background-color: #8d8d8e; width: 320px; margin: -14px 0px 0px 82px; text-align: right; padding: 0px 2px 2px 0px; color: #ffffff; font-size: 12px;}
.button_close_2rem:BEFORE {font-size: 32px; color: #6d6d70; float: right; margin: -32px -18px 0px 0px; content: '×';}
.button_close_2rem:AFTER {clear: both; margin: 0px; border: 0px; padding: 0px; width: 0px; height: 0px;}
.login_title {margin-top: 32px; display: block; line-height: 25px; height: 25px; font-size: 20px; font-family: Tahoma; color: #319cff ; text-align: center; font-weight: bolder;}
.loginBtn {margin-top: 28px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.login_txt {font-size: 12px; text-align: center; padding-top: 16px; font-size: 12px;}