.hide{display:none!important}
.button{background:#4da7af; border-radius:3px; padding:8px 12px; color:#fff;}
a:hover{-webkit-filter:brightness(0.9);  -o-filter:brightness(0.9); -moz-filter:brightness(0.9);  filter:brightness(0.9);  transition:.5s;color:#fff; }

@font-face {font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?vcd3r3');
    src:  url('../fonts/icomoon.eot?vcd3r3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vcd3r3') format('truetype'),
    url('../fonts/icomoon.woff?vcd3r3') format('woff'),
    url('../fonts/icomoon.svg?vcd3r3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*页脚*/
.footer{width:100%; height:150px; margin-top:20px; background:#fff; border-top:1px solid #eee; position:static;}
.footer_ct{width:1000px; margin:10px auto; margin-top:20px; overflow: hidden;}
.footer_ct ul{float:left;}
.footer_ct ul li{font-size:12px; color:#aaa; line-height: 18px;}
.footer_ct ul li .line{display: block; width:60px; height:3px; background:#3e9ab0; margin:5px 0;}
.footer_ct ul li.footer_title{font-size:16px; color:#555;line-height:24px;}
.footer_ct ul li.law{margin-top:20px;}
.footer_right{float:right;}
.footer_right .code_img{width:80px; height:auto; float:right; margin:0 10px; font-size:12px; color:#888; text-align:center;}
.footer_right .code_img img{width:80px; height:auto;}
.footer_right .kefu{float:right; margin-left:20px; color:#555; font-size:16px;}
.footer_right .kefu p {color:#888; font-size:14px; margin:10px 0;}
.footer_right .kefu p a{display:block; width:100px; height:30px; line-height:30px; border-radius:3px; color:#fff; background:#4da7af; text-align:center;}
.footer_right .kefu p a::before{content:"\e901"; font-family:"icomoon"; position:relative; top:1px ; right:3px;}

/*右侧浮动内容*/
.right_float{}
.right_float .chat{width:52px; display:block; position:fixed; left:50%;  bottom:26px; margin-left:510px; height:52px; float:right; background:rgba(0,0,0,0.3); border-radius:2px;  z-index: 3; background-image:url(../images/ie/talk.png)\9; background-color:#575960\9; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#44000000,endColorstr=#44000000);}
.right_float .page_up{width:52px; display:none; position:fixed; left:50%;  bottom:90px; margin-left:510px; height:52px; float:right; background:rgba(0,0,0,0.3); border-radius:2px;  z-index:3; background-image:url(../images/ie/top.png)\9; background-color:#575960\9;  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#44000000,endColorstr=#44000000);}
.right_float .page_up::before{content:"\e923"; font-family:"icomoon"; color:#fff; font-size:28px; position:relative; top:12px; left:12px;}
.right_float .chat::before{content:"\e922"; font-family:"icomoon"; color:#fff; font-size:28px; position:relative; top:12px; left:12px;}
.right_float .page_up:hover,.chat:hover{background-color:#4da7af; transition:.6s;}

/*弹窗*/
.popup{ width:100%; height:100%; padding-bottom:20px; opacity:0 ; position:fixed; overflow:auto; top:0 ; left:0; z-index: 101; background:rgba(0,0,0,0.5); background:url(../images/ie/background.png)\9; overflow-y: scroll; -webkit-box-sizing:border-box; box-sizing: border-box;}
.popup_content.popup_ie{position:static; margin-top:100px; top:100px; padding:40px 20px;}
.popup_content.popup_ie h2{font-size:24px;}
.popup_content.popup_ie p{text-align:center; color:#888; line-height:50px; margin-bottom:30px}
.popup_content.popup_ie a{margin:0 10px; float:left; margin-left:160px;}
.popup_content.popup_ie a.button2{margin-left:10px}
.popup_content{width:600px; margin:auto auto;  margin-top:-180px; top:20%; right:0; left:0; padding:20px 30px; border-radius:5px; -webkit-box-sizing:border-box;  box-sizing:border-box; position:absolute; background:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.popup_content::after{display:block; position: absolute; content: ""; bottom: -20px; height: 20px; width: 1px; clear: both; visibility: hidden;}
.popup_content h2{font-size:16px; color:#3e9ab0; text-align:center;}
.popup_content .close_popup{float:right; position:relative; bottom:20px; width:24px\9; height:24px\9; background:url(../images/ie/guanbi.png)\9;}
.popup .content{margin :30px 0 0 0;}
.popup .jz_normal{width: 100%;  height: 36px;  margin: 10px 0;  font-size: 12px;  color: #555;  line-height: 36px;}
.popup .jz_normal label{float: left;  width: 12%;  text-align: right}
.popup .jz_normal .jz_normal_input{float: right;  width: 86%;  height: 34px;}
.popup .jz_normal .jz_normal_input input{width: 100%;  height: 34px;  padding-left: 5px;  border-radius: 5px; -webkit-box-sizing:border-box;  box-sizing: border-box; border:1px solid #ddd; }
.popup .jz_normal select{background:#fbfbfb; border:1px solid #ddd; }
.popup .button{padding:8px 16px; margin:20px auto; display: block; width:100px; text-align:center; background: #f18336}
.popup .button:hover{color:#fff;}
.content_bt{width:100%; height:auto; overflow: hidden; margin:auto;}
.popup .content .close_popup{background:#C0C0C0}
.popup .content .popup_bt{width:100%; overflow:hidden;}
.popup .content .popup_bt .button{padding: 8px 16px; margin:20px 0 0 0; display: block; float: left; bottom:0px ; width: 15%; margin-left: 26%; text-align: center; background: #f18336;}
.popup .content .popup_bt .close_popup{margin-left:4%; background:#ccc;}
.popup .popup_content .close_icon::before{content:"\e921"; font-family:"icomoon"; font-size:24px; color:#ccc;}
.popup_fuwu p.tip{text-align:center; color:#aaa; font-size:12px;}

/*弹窗上传附件*/
.popup .popup_file{width:100%; height:50px; cursor:pointer;  line-height:50px;  border-radius:5px; padding:0 20px;-webkit-box-sizing:border-box;  box-sizing:border-box; background:#eef5f6; color:#4da7af; text-align:left;}
.popup .popup_file:hover{background: #e2edef; transition:.6s;  }
.popup .popup_file a{ color:#4da7af; padding-left:30px;}
.popup .popup_file span{font-size:12px; float:right; color: #9dcbd2 }

/*退出登录 弹窗*/
.popup_quit .popup_content{width:400px;}

/*附件 弹窗 */
.popup .file_content{width: 100%; height: 50px; line-height: 50px;-webkit-box-sizing:border-box;  box-sizing: border-box;padding: 0 10px;border-radius: 3px;border: 1px solid #ddd;color: #555;font-size: 14px;margin-bottom: 10px;}
.popup .file_content span{fisplay:block; float:left;}
.popup .file_content i{float:left;}
.popup .file_content .type{padding: 6px 2px; margin:8px 5px; line-height:20px; background: #3e9ab0; border-radius: 5px; color: #fff; margin-right: 10px;}
.popup .file_content.orgi_file_content select{border:none; background:none; width:80px; color:#fff;}
.popup .file_content select.type{float:left;  background: #fff; color: #3e9ab0; padding: 12px 16px; height: 30px; min-width: 64px; -webkit-box-sizing:border-box;  box-sizing: border-box;border-color: #3e9ab0;}
.popup .file_content .title{ max-width:200px; overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; }
.popup .file_content i{font-style: normal;  margin-left: 10px; color: #aaa;}
.popup .file_content a{float:right; color:#3e9ab0; }
.popup input.updateFile{width: 500px; height: 50px; position: absolute; opacity: 0; cursor: pointer; filter:alpha(opacity=0)\9;}


/*日期*/
.input_date{font-size:14px; }
.calendar { POSITION: absolute; z-index:99; WIDTH:240px; HEIGHT: 255px; PADDING:0;DISPLAY: none; FLOAT: left;box-shadow:0 2px 10px 2px rgba(0,0,0,0.1); background:#fff;}
.calendar .calMain { WIDTH:100%; FLOAT: left; OVERFLOW: hidden; POSITION: absolute; }
.calendar .calMain .calTitle { WIDTH: 100%; FLOAT: left; HEIGHT: 42px; line-height:42px; BACKGROUND: #475156; color:#fff; OVERFLOW: hidden; }
.calendar .calMain .calTitle .t_date { WIDTH: 200px; FLOAT: left;  font-size:16px; TEXT-ALIGN: center; }
.calendar .calMain .calTitle .prevMonth { WIDTH: 15px; HEIGHT: 15px; FLOAT: left; MARGIN: 18px 0 0 5px; CURSOR: pointer; BACKGROUND: url(../images/date_bg.png) no-repeat 5px -87px; }
.calendar .calMain .calTitle .nextMonth { WIDTH: 15px; HEIGHT: 15px; FLOAT: right; MARGIN: 18px 5px 0 0; CURSOR: pointer; BACKGROUND: url(../images/date_bg.png) no-repeat 6px -157px; }
.calendar .calMain .calTitle .currentYear {color:#fff;}
.calendar .calMain .calTitle .currentMonth { color:#fff;}
.calendar .calMain .calTitle .currentYearText { FLOAT: left; MARGIN: 0 0 0 60px; CURSOR: pointer; }
.calendar .calMain .calTitle .currentMonthText { FLOAT: left; CURSOR: pointer; WIDTH: 30px; TEXT-ALIGN: right; }
.calendar .calMain .calContent { WIDTH: 378px; HEIGHT: 192px; FLOAT: left; }
.calendar .calMain .calContent .enabled { POSITION: absolute; WIDTH: 100%; HEIGHT: 200px; FLOAT: left; }
.calendar .calMain .calContent .reserve { POSITION: absolute; WIDTH:100%; HEIGHT: 200px; FLOAT: left; }
.calendar .calMain .calContent .tabD { WIDTH: 100%; FLOAT: left; BORDER-COLLAPSE: collapse; BORDER-SPACING: 0; BORDER: 0; }
.calendar .calMain .calContent .tabD th { BACKGROUND: #fff; LINE-HEIGHT: 30px; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; COLOR: #aaa; }
.calendar .calMain .calContent .tabD tr{height:30px;}
.calendar .calMain .calContent .tabD td { COLOR: #333; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH:30px;PADDING:0;  }
.calendar .calMain .calContent .tabD td span { COLOR: #C0C0C0; }
.calendar .calMain .calContent .tabD td a { WIDTH: 30px; height:30px; LINE-HEIGHT: 30px; FLOAT: left; MARGIN: 1px 0 0 2px; CURSOR: pointer; COLOR: #333; BORDER:0;}
.calendar .calMain .calContent .tabD td .nextD { COLOR: #BCCADC; }
.calendar .calMain .calContent .tabD td .prevD { COLOR: #BCCADC; }
.calendar .calMain .calContent .tabD td .hover { color:#ef4d4d;   transition:.3s; }
.calendar .calMain .calContent .tabD td .current {LINE-HEIGHT: 28px; BORDER: 1px solid #475156; color:#475156; border-radius:15px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.calendar .calMain .calContent .tabD td .select { BACKGROUND: #475156; COLOR: #fff; border-radius:15px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.calendar .calMain .calContent .tabM { WIDTH: 100%; FLOAT: left; BORDER-COLLAPSE: collapse; BORDER-SPACING: 0; BORDER: 0; }
.calendar .calMain .calContent .tabM td { COLOR: #1F3959; TEXT-ALIGN: center; HEIGHT: 50px; WIDTH: 47px; }
.calendar .calMain .calContent .tabM td a { WIDTH: 42px; LINE-HEIGHT: 42px; FLOAT: left; border-radius:5px; MARGIN: 0 0 0 2px; CURSOR: pointer; COLOR: #333;border:0; }
.calendar .calMain .calContent .tabM td .hover { transition:.3s;   background:#475156; color:#fff;  }
.calendar .calMain .calContent .tabM td .current { BORDER: 1px solid #475156; transition:.3s; }
.calendar .calMain .calContent .tabM td .select { transition:.3s;  BACKGROUND: #fff; BORDER: 1px solid #475056; COLOR: #475056; line-height: 35px;}
.calendar .calMain .calContent .tabY { WIDTH: 100%; FLOAT: left; BORDER-COLLAPSE: collapse; BORDER-SPACING: 0; BORDER: 0; }
.calendar .calMain .calContent .tabY td { COLOR: #1F3959; TEXT-ALIGN: center; HEIGHT: 50px; WIDTH: 47px; }
.calendar .calMain .calContent .tabY td a { WIDTH: 42px; LINE-HEIGHT: 42px; FLOAT: left; MARGIN: 0 0 0 2px; border-radius:5px; CURSOR: pointer; COLOR: #333; BORDER:0;}
.calendar .calMain .calContent .tabY td .nextY { COLOR: #BCCADC; }
.calendar .calMain .calContent .tabY td .prevY { COLOR: #BCCADC; }
.calendar .calMain .calContent .tabY td .hover { background:#475156; color:#fff; transition:.3s; }
.calendar .calMain .calContent .tabY td .current {BORDER: 1px solid #475156; color:#475156; transition:.3s; -webkit-box-sizing:border-box; box-sizing:border-box; }
.calendar .calMain .calContent .tabY td .select { BACKGROUND: #475156; COLOR: #fff; }
.calendar .calMain a:hover { TEXT-DECORATION: none; }

/*loading样式*/
.loading{width:100%; height:100%; position:fixed; overflow:auto; top:0 ; left:0; z-index: 100; background: rgba(0,0,0,0.2);}
.loading .loading_img{width:80px;height:60px; border-radius:10px;  position:absolute; top:0; bottom:0 ; left:0; right:0; margin:auto auto; background:#fff; background-image: url(../images/loading.gif); background-repeat: no-repeat;     background-position: center 5px;  line-height: 94px;  font-size: 12px;  text-align: center;  color: #ccc;}

/*alert 样式*/
.win { display: none; }
.alert {width: 90%; text-align: center; color: #fff; margin: 10px auto; border-radius: 5px; line-height: 30px; cursor: pointer; background: #4ab819;  }
.mask-layer { position: fixed; width: 100%; height: 100%;   opacity: 0.5; filter: alpha(opacity=50);   background-color: black; z-index: 99998; top: 0px; left: 0px; }
.window-panel {z-index: 99998; position: fixed; top: 50%; left: 50%; background-color: white; border-radius: 4px; }
.window-panel .title-panel { position: absolute; height: 46px; width: 100%; border-radius: 4px 4px 0 0; }
.window-panel .title { position: absolute; height: 46px; width: 100%; text-align: center; border-radius: 4px 4px 0 0; line-height: 46px; vertical-align: middle; background-color: whitesmoke; /*标题背景色*/ border-bottom: 1px solid rgb(233, 233, 233); z-index: 99998; }
.window-panel h3 { font-size: 16px; margin: 0; }
.window-panel .close-btn { display: block; text-align: center; vertical-align: middle; position: absolute; width: 36px; height: 36px; line-height: 36px; right: 0px; text-decoration: none; font-size: 24px; color: black; background-color: #DBDBDB; border-radius: 2px; z-index: 99998; }
.window-panel .close-btn:hover { background-color: #ccc; }
.window-panel .body-panel { position: absolute; width: 100%; top:46px; background: #fff;background-image: url(../images/wenli.png);  z-index: 99998; margin-bottom:5px;}
.window-panel .body-panel.toast-panel{ position: fixed;  width: 100%;  top: 0;  height: 100%;  color: #fff;  background: rgba(0, 0, 0, 0);  left: 0;}
.window-panel .body-panel.toast-panel p.toast-content{background:rgba(0,0,0,0.7);    top: 50%;  position: fixed;  left: 50%;  margin-left: -40px;  padding: 0 20px;  border-radius: 30px; color:#ffffff; line-height:38px;}
/*.window-panel .body-panel.toast-panel{ position: absolute;color:#fff;background:rgba(0,0,0,0.3); border-radius:30px;}*/
.window-panel .content, .window-panel .btns { text-align: center;}
.window-panel .btns{ margin: 10px auto; }
.window-panel .content { padding: 20px 20px 10px 20px; font-size: 16px; line-height:40px; }
.window-panel .body-panel p.content{line-height:24px; color:#555; font-size:14px;}
.window-panel .content.toast-content{padding:0;min-height:0;}
.window-panel .w-btn { display: inline-block; width:80px; height:32px; font-size:14px; line-height:32px; background-color: #DE5923; color: white; cursor: pointer; text-align: center; border-radius: 2px; text-decoration: none; margin: 0 10px 0px 10px; border: none; }
.window-panel .w-btn.ok{background:#f18336;}
.window-panel .w-btn.close{background:#C0C0C0}
.window-panel .w-btn.ok:hover { background: #db7333; transition:.5s; }
.window-panel .w-btn.close:hover{background: #b2b2b2;  transition:.5s;}
.window-panel .w-btn:focus { outline: 0 none; }

/* 操作结果页面 */
.successs {width:100%; margin-top:80px; text-align:center; position:relative; top:500px; opacity:0;}
.successs .round{width:80px; height:80px; margin:0 auto; margin-bottom:20px; border-radius:55px; background:#f99d43; color:#fff;}
.successs .failure{width:80px; height:80px; margin:0 auto; margin-bottom:20px; border-radius:55px; background:#e3e3e3; color:#fff;}
.successs .failure::before{content:"\e921"; font-family:"icomoon"; font-size:30px; line-height:80px}
.successs .round::before{content:"\e927"; font-family:"icomoon"; font-size:30px; line-height:80px}
.successs h2{margin:10px 0; color:#333;}
.successs span{color:#aaa;}
.successs p{display:blocl; width:100%; margin:40px 0;}
.successs p a{margin:0 10px;  border:1px solid #4da7af; }
.successs p a:hover{color:#fff;}
.successs p a.back_center{background:#fff;color:#4da7af; }
.successs p a.back_center:hover{color:#4da7af;}