*{ margin:0px; padding:0px; font-size:14px; color:Black;  text-align:left; font-family:微软雅黑;}
a{ text-decoration:none;}
img{ border:0px;}

.page_box{ width:100vw; height:100vh;}
.page_top_box{ height:60px; background-color:#1aa094 ; display:flex; justify-content:space-between; align-items:center;}
.page_main_box{ height:calc(100vh - 60px); display:flex; justify-content:space-between;}
.page_left_box{ height:calc(100vh - 60px); width:180px; background-color:#23262e; display:flex; justify-content:space-between; flex-direction:column;}
.page_data_box{ height:calc(100vh - 60px); width:calc(100vw - 180px);}

.gn_a_box_a{ padding:10px 20px; line-height:50px; box-sizing:border-box; color:#fff; font-size:15px; border-bottom:2px #1aa094 solid;}
.gn_a_box_a:hover{ margin-top:5px; background-color: #07867b; transition:all 0.5s;}
.gn_a_box_a_hover{ padding:10px 20px 15px; margin-top:5px; background-color: #07867b;transition:all 0.5s;}
.top_right_box a,.top_right_box span{ cursor:pointer;  color:#fff; display:inline-block; padding:0px 15px; }
.xgn{ width:180px; display:none; }
.kehu{ display:block;}
.xgn a{ width:180px; height:40px; display:inline-block; line-height:40px; text-align:center; color:#fff;}
.xgn a:hover{ background-color:#1aa094; transition:all 0.5s;}

.working{width: 300px;height: 60px;position:fixed; top: 35vh;left: 40vw;border: 2px #f3ad2b dashed;background-color: #2b84de;text-align: center;line-height: 60px;opacity: 0.6;z-index: 999;color: #ffffff;box-shadow: 0 0 15px #ff8f8f;font-size: 16px;}
.upimg{ width:100px; height:100px; float:left; margin-right:15px; cursor:pointer;}
.upimgbox{width:100px; height:100px; overflow:hidden;  border:1px #cccccc solid;  background-repeat: no-repeat; background-size: contain; background-position:center;}
.simg{ width:100px; height:100px; float:left; position:absolute; z-index:10; opacity:0; cursor:pointer;}
.filepath{width: 0px; height: 0px; opacity:0;     position: absolute; margin-top: -100px; margin-left: 85px;}
.progress{display: block; text-align:center; color:#ffffff; position:absolute; background-color:rgba(78,78,78,0.7); width:100px; height:30px; z-index:9; line-height:30px; font-size:14px; margin-top:35px;}
.upimgv{max-width:100px; max-height:100px; z-index:8; display: block; position:absolute;}
.clearfile{position: relative;top: -114px;left: 86px;width: 15px;height: 15px;background-color: #8a8a8a; z-index: 11;display: inline-block;font-size: 10px; line-height: 15px; text-align: center; color:#ffffff;}
.help_ico{ font-size:20px; color:#ff3838; cursor:pointer;}

.pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#1f5a9a;} 
.pager{font-size:14px; border:1px #cccccc solid; padding:0 10px;  color:#fffff6;  line-height:25px; display:inline-block;background-color:#23262e; margin:0px 5px;}
.pager_hover,.pager:hover{font-size:14px; cursor:pointer; background-color:#1aa094; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; }
.first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#23262e; display:inline-block; margin:0px 5px; font-size:14px; }
.first_pager:hover,.prev_pager:hover,.next_pager:hover,.last_pager:hover{color:#1aa094; cursor:pointer; }


.p_tr:hover td{ background-color:#eae9e9; cursor:pointer;}
.p_tr2:nth-of-type(odd){background:#eaeaea;}/*奇数行*/
.p_tr2:nth-of-type(even){background:#ffffff;}/*偶数行*/

.text-btn{ cursor:pointer; border:1px #1b9ad5 solid; text-align:center; background-color:#1b9ad5; border-radius:3px; height:30px; line-height:30px; color:#ffffff; padding:0px 10px;}
.text-input{ border:1px #bdbdbd solid; height:28px; line-height:28px; text-indent:5px;}
.text-textarea{border:1px #bdbdbd solid;line-height:20px; padding:5px; height:50px; box-sizing:border-box;}
.text-select{ border:1px #bdbdbd solid; height: 28px; border: 1px #cecece solid;}
.ts{background-color: red;color: #ffffff; z-index:999;  text-align: center; padding: 0px 5px; position: absolute; height: 25px; line-height: 25px; text-indent: 0px; margin-left: 5px;}

#m_page{ margin:15px; padding:10px 0px; box-sizing:border-box;}
.d_box{ border:1px #dbdbdb solid; margin-bottom:15px;}
.d_title{ height:35px; line-height:35px; text-indent:25px; background-color:#dbdbdb; color:#464646;}
.d_title_c{ text-align:center;}
.d_c{ height:30px; line-height:30px; text-indent:25px; padding:5px 0px; border-bottom:1px #cecece solid;}
.d_c_c{ text-indent:0px; text-align:center;}
.d_c .icon{ color:#0066cc; font-size:18px; margin-right:5px; line-height: 18px;}
.clear{ clear:both;}
#tishi {    border: 1px #cfcfcf solid;  padding: 7px; min-height: 80px; display: flex; justify-content: flex-start;}
#tishi div{ width:80px; height:80px; background-color:#dedede; text-align:center; line-height:30px; color:#636363; text-align: center; line-height: 30px;  margin-right:7px;}
#tishi div .icon{ color:#ffab00; font-size: 35px; display: block; line-height: 60px; text-align: center; height: 50px;}
#tishi p{ line-height:26px; color:#636363;}

#tb{ width:100%; border-collapse:collapse;}
.td_left{ width:100px; text-align:right; vertical-align:top; color:#494949; line-height:40px;}
.td_right{ background-color:#ffffff; padding-left:5px; line-height:40px;}
.tip{ line-height:20px; color:#b1b1b1;}

.pt_text{ width:250px;}
.setorder{ width:60px; text-align:center; text-indent:0px;}

.bz_a{ font-size: 11px;background-color: #a7a6a4;display: inline-block;width: 60px;height: 24px;text-align: center;text-indent: 0px;line-height: 24px;border-radius: 12px;color: #fff;}
.kfwx_a{  cursor:pointer;}

.show_txt{margin: auto; min-height:30px;  position: fixed;  left:5%; top:calc(100% * 0.4);  width:90%;  max-height:500px;  background-color: #ff0000; text-align: center;line-height:30px; padding:10px 0px; opacity: 0.95;z-index: 9999;color: #ffffff; font-size: 14px; display:none; }
.mingan_box{margin: auto; min-height:30px;  position: fixed;  left:10%; top:calc(100% * 0.4);  width:70%;  max-height:500px;  border:1px #ff0000 solid; background-color:#fbfbfb; text-align: center;line-height:30px; padding:10px 0px; z-index: 9999;color: #ffffff; font-size: 14px;box-shadow: 0 0 10px #ac4545; }
.mingan_box_t{ text-align:center;  color:#000;}
.mingan_box_q { text-align: center; display: flex; justify-content: center; align-items: center;}
.mingan_box_t span{color:red; font-weight:bold; }
.mingan_close{position: absolute;right: 2px;top: 2px;width: 30px;height: 30px;text-align: center;line-height: 30px;border: 1px #fb0000 solid;cursor: pointer; color:red;}

.gd_tip{background:rgba(0, 0, 0,0.2); display:inline-block; padding:3px 6px; z-index: 999;position: absolute;bottom: 0px;right: 0px; color:#ffffff; font-size:12px}

 #m_page{ width:1190px; margin:0 auto;}

 #top_1{ background-color:#f6f6f6; border-bottom:1px #e6e6e6 solid; height:34px;}
 #top_1_box{ width:1190px; margin:0 auto; line-height:34px; display:flex; justify-content:space-between;}
 #top_1_box_left a{color:#005fc4;}
 #top_1_box_right{ display:flex; justify-content:flex-end;}
 .top_1_box_right_sm{ width:100px; text-align:center; height:35px; }
 .top_1_box_right_sm_title{text-align:center; }
 .top_1_box_right_sm_title span{ font-size:10px;}
 .top_1_box_right_sm_img{ height:0px; z-index:999; position:relative;}
 .top_1_box_right_sm:hover{ cursor:pointer;}
 .top_1_box_right_sm:hover .top_1_box_right_sm_img{ animation:myfirst 0.7s ease-in-out  forwards;}
 .top_1_box_right_sm:hover .top_1_box_right_sm_title { color:#000000;}

@keyframes myfirst {
    100% {height:150px;box-shadow:0px 0px 5px #cecece;}
}

#top_2{width:1190px; margin:20px auto 0px;}
#top_2_1{ display:flex; justify-content:space-between; align-items:center;}
#tab{ background: linear-gradient(to bottom,#fafff6, #d6d6d6); width:500px;  height:46px; display:flex; justify-content:space-between; border:1px #d11120 solid; border-bottom:0px;}
#tab span{ height:46px; line-height:46px; color:#d11120; flex-grow: 1; text-align: center; }
#tab span:hover{ cursor:pointer; background-color:#d11120; color:#ffffff;}
#tab span:first-child{ background-color:#d11120; color:#ffffff;}
#dh{ text-align:right; background-color:#f1f1f1; border:2px #f1f1f1 solid; font-size:16px; color:#575252; height:40px; line-height:40px; padding:0px 10px; }

.search_box{ padding:1%; box-sizing:border-box;}

.add_btn{ background-color:#2fba25; margin:0px 5px; color:#ffffff; cursor:pointer;  text-align:center; border-radius:3px; line-height:30px;  padding:0px 10px; display:inline-block; text-indent:0px; border:0px;}
.modify_btn{ background-color:#e27111; margin:0px 5px; color:#ffffff; cursor:pointer;  text-align:center; border-radius:3px; line-height:30px; padding:0px 10px; display:inline-block; text-indent:0px; border:0px;}
.delete_btn{ background-color:#808080; margin:0px 5px; color:#ffffff; cursor:pointer;  text-align:center; border-radius:3px; line-height:30px;  padding:0px 10px; display:inline-block; text-indent:0px; border:0px;}


.search_input{ width:350px; line-height:40px; height:40px; border:0px; background:linear-gradient(#bbbbbb 0% ,#ffffff  20%,#ffffff 100%); }
.search_btn_box{  display:flex; justify-content:space-between;   background-color:#ffffff; border:2px #e62a2a solid; border-left:0px;}
.search_btn_box span{background-color:#e62a2a; display:block; font-size:15px; width:80px; height:40px; line-height:40px; text-align:left; color:#ffffff;}
.search_btn_box span:first-child{ text-indent:20px;}
.search_btn_box span:last-child{text-indent:20px;margin-left:1px;}
.search_btn_box span:hover{ cursor:pointer; background-color:#d11120;}

.d_table{ border:1px #e6e6e6 solid; margin-bottom:15px; width:98%; margin:0 auto; border-collapse:collapse;}
.d_title_td{ height:40px; line-height:40px; text-indent:10px; border-right:1px #e6e6e6 solid; background-color:#f2f2f2; color:#333333; border-bottom: 1px #e6e6e6 solid;}
.d_list_td{ min-height:30px; line-height:20px; border-right:1px #e6e6e6 solid;  padding:8px; box-sizing:border-box; border-bottom:1px #e6e6e6 solid;}
.d_list_tr{ background-color:#ffffff; transition:all;}
/*.d_list_tr:nth-of-type(odd){background-color:#fbfbfb;}*/
.d_list_tr:hover{background-color:#fbfbfb;transition:0.2s; }

#top_3{width:1190px; margin:5px auto; display:flex; justify-content:space-between; align-items:center; height:50px; line-height:50px;}
#dh_box{ display:flex; justify-content:flex-start;}
#dh_box a{ padding:0px 25px; height:30px; line-height:30px; font-size:15px; color:#d11120; margin-right:10px;  }
#dh_box a:first-child{background-color:#d11120; color:#ffffff;}
#dh_box a:hover{ background-color:#f6f6f6;}
#dh_box a:first-child:hover{background-color:#d11120; color:#ffffff;}
#ssc span{ color:#000000; margin-left:15px; }
#ssc a{ margin:0 8px;}

#index_gg{ width:1190px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
#index_gg img{ width:290px; height:100px; display:block; margin-top:10px;}

#p_btn{ width:1190px; background-color:#fff; margin:0 auto; text-align:left; border-top:1px #cecece solid;}
.p_btn_box{display:flex; justify-content:flex-start; align-items:center;}
#bq{ text-align:left; line-height:30px; color:#5b5555; text-indent:10px;}
.b_box{ display:flex; justify-content:flex-start; flex-wrap:wrap;}
.b_box a{ padding:0px 10px;  line-height:30px; color:#5b5555}


#tj_box{width:1190px; margin:20px auto; }
.tj_box_title{height:45px; clear:both; background-color:#d11120; border-left:1px #d11120 solid;  border-right:1px #d11120 solid;}
.tj_box_title span{ padding:0px 15px; height:45px; line-height:45px; text-align:center; display:inline-block; color:#ffffff; cursor:pointer;}
.tj_box_title_hover{background-color:#e61323}
.tj_box_title span:hover{ background-color:#e61323 }
.tj_box_main{ border:1px #cecece solid; border-top:0px;}
.tj_box_main div{ padding:10px 0px; width:1190px;display:flex; display:none; justify-content:flex-start; flex-wrap:wrap;}
.tj_box_main_div_a{  width:275px; margin: 0px 7px 0px 13px; height:30px; line-height:30px;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis; text-indent:5px;}
.jl_tag_a{ width:128px;}
.tj_box_main div a:hover{ background-color:#f1f1f1;}
.tj_box_main div:first-child{ display:flex;}
.tj_box_reg{ color:#ffffff; height:28px; display:inline-block; line-height:28px; margin-top:9px; padding:0px 10px; background-color:#ff7e00; float:right; margin-right:9px;}
.tj_box_reg:hover{ background-color:#fea333}
.box_f{ padding:15px; box-sizing:border-box;}