﻿.bc_class {
   background-image: url(../image/bc.png);
   background-size: 100% 100%;
}

body {
   overflow: hidden;
   font-family: 'Microsoft YaHei', Consolas, sans-serif;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.dis_p {
   display: inline-block;
}

.bc_e3 {
   background: #e3e3e3;
}

.bc_white {
   background: white;
}

.dis_block {
   display: block;
}

.dis_none {
   display: none;
}

.fs_15 {
   font-size: 15px;
}

radio {
   vertical-align: top;
}

.pl_30per {
   padding-left: 130px;
}

.h_a_v_a_abs {
   position: absolute;
   width: 100%;
   height: 100%;
}

.fc_comp_blue {
   color: #71abe2;
}

.fc_comp_green {
   color: #4cfe80;
}

.fc_comp_brown {
   color: #de8f2e;
}

.fc_white {
   color: white;
}

.fc_c0c0c0 {
   color: #c0c0c0;
}

.common_font {
   font-family: 'Microsoft YaHei', Consolas, sans-serif;
}

.text_l {
   text-align: left;
}

.text_r {
   text-align: right;
}

.text_c {
   text-align: center;
}

.tc_blue {
   border: 1px solid blue;
}

.tc_black {
   border: 1px solid black;
}

.tc_red {
   border: 1px solid red;
}

.inl_b {
   display: inline-block;
}

input:focus {
   border: none;
}
.inp_bor
{
border:1px solid #c0c0c0;
}

.box_title {
   width: 70px;
   height: 20px;
   font-size: 13px;
   line-height: 20px;
   text-align: center;
   background-image: url(../image/bc_1.png);
   margin-top: -10px;
   margin-left: 70px;
}

.thead_class {
   background-color: #e0e0e0;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   height: 20px;
   font-size: 12px;
   line-height: 20px;
   text-align: center;
   padding-left: 20px;
   padding-right: 20px;
   /*min-width: 90px;*/
}

.thead_class_1 {
   background-color: #e0e0e0;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   height: 20px;
   font-size: 12px;
   line-height: 20px;
   text-align: center;
   /*min-width: 90px;*/
   padding-left: 10px;
   padding-right: 10px;
}

table tr td {
   /*border: 1px solid silver;*/
   border-right: 1px solid silver;
   border-bottom: 1px solid silver;
   height: 20px;
   line-height: 20px;
   font-size: 13px;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
   word-break: break-all;
   padding-left: 5px;
   padding-right: 5px;
}

td:first-of-type {
   text-align: left;
   padding-left: 20px;
   padding-right: 20px;
}

table tr:nth-child(2n + 2) {
   background-color: #eeeeee;
}

.button_border {
   background-color: #ececec;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   /*height:20px;
    font-size:12px;
    line-height:20px;
    text-align:center;*/
}

   .button_border:active {
      border-bottom: 1px solid #e3e3e3;
      border-right: 1px solid #e3e3e3;
      border-left: 1px solid black;
      border-top: 1px solid black;
   }

.sep_border {
   background-color: #eeeeee;
   border-top: 1px solid #e3e3e3;
   border-left: 1px solid #e3e3e3;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   /*height:20px;
    font-size:12px;
    line-height:20px;
    text-align:center;*/
}

.ope_div {
   left: 50%;
   top: 50%;
   position: absolute;
   background-color: white;
   /*background-image:url(../image/bc.png);*/
   border: 1px solid #c5d0dc;
   display: none;
}

.ope_header {
   position: absolute;
   height: 40px;
   width: 100%;
   background-color: #eff3f8;
   border-bottom: 1px solid #c5d0dc;
}

.ope_title {
   height: 23px;
   width: 120px;
   background-image: url(../image/add_new.png);
   background-size: 23px 22px;
   /*margin-top:17px;*/
   margin-left: 17px;
   margin-top: 10px;
   background-repeat: no-repeat;
   font-size: 13px;
   line-height: 23px;
   padding-left: 30px;
}

.ope_close {
   height: 15px;
   width: 15px;
   background-image: url(../image/add_close_2.png);
   background-size: 15px 15px;
   background-repeat: no-repeat;
   position: absolute;
   right: 15px;
   top: 14px;
}

   .ope_close:hover {
      background-image: url(../image/add_close.png);
   }

.ope_ope {
   height: 54px;
   position: absolute;
   width: 100%;
   bottom: 0px;
   background-color: #eff3f8;
   border-top: 1px solid #c5d0dc;
}

.ope_button {
   width: 70px;
   height: 34px;
   background-color: #428bca;
   position: absolute;
   top: 10px;
   right: 15px;
   background-image: url(../image/add_save.png);
   background-size: 14px 14px;
   background-repeat: no-repeat;
   background-position: 8px 10px;
   font-size: 14px;
   text-align: center;
   line-height: 34px;
   color: white;
   padding-left: 5px;
   /*margin-left:5px;*/
}

   .ope_button:hover {
      background-color: #1b6aaa;
   }

.group_opera {
   position: absolute;
   border: 1px solid black;
   top: 20px;
   right: 10px;
   left: 10px;
   bottom: 10px;
}

.group_opera_title {
   width: 70px;
   background-image: url(../image/bc_1.png);
   height: 20px;
   position: absolute;
   top: -10px;
   left: 20px;
   text-align: center;
   font-size: 14px;
   line-height: 20px;
}

.content_div {
   height: 30px;
   text-align: center;
}

.content_div_1 {
   height: 30px;
   text-align: left;
   margin-top: 10px;
}

.content_name {
   display: inline-block;
   width: 300px;
   height: 100%;
   text-align: center;
   font-size: 13px;
   height: 30px;
   line-height: 30px;
}

.data_area {
   position: absolute;
   top: 40px;
   left: 15px;
   right: 15px;
   bottom: 54px;
   border-right: 1px solid #c5d0dc;
   overflow: auto;
}

.data_area_sep {
   position: absolute;
   /*width:50%;*/
   height: 100%;
   border-right: 1px solid #c5d0dc;
}

.input_sty {
   height: 30px;
   font-size: 13px;
   line-height: 30px;
   padding-left: 70px;
}

.pl_30 {
   padding-left: 20px;
}

.input_sty_1 {
   height: 30px;
   font-size: 13px;
   line-height: 30px;
   padding-left: 35px;
}

.ope_table_div {
   height: 130px;
   font-size: 12px;
   /*line-height:30px;*/
   margin-left: 35px;
   margin-right: 15px;
}

.add_margin_top {
   margin-top: 7px;
}

.group_title {
   width: 70px;
   height: 20px;
   font-size: 13px;
   text-align: center;
   background-image: url(../image/bc_1.png);
   margin-top: -10px;
   margin-left: 70px;
   line-height: 20px;
}

.s_input {
   width: 80px;
}

.l_input {
   width: 100px;
}

.back_px {
   margin-left: -4px;
}

.group_in_div {
   height: 30px;
   font-size: 11px;
   line-height: 30px;
   padding-left: 20px;
   /*vertical-align:middle;*/
}

.mar_l_10 {
   margin-left: 10px;
}

.mar_auto {
   margin: auto;
}

.button_sty {
   margin-left: 30px;
   font-size: 13px;
   line-height: 30px;
   text-align: center;
}

.opera_area_button {
   display: inline-block;
   width: 70px;
   text-align: center;
   height: 20px;
   margin-top: 2px;
   line-height: 20px;
   /*margin-left: 50px;*/
   font-size: 13px;
}

.m_t_5 {
   margin-top: 5px;
}
.m_t_2
{
margin-top:2px;
}

.m_t_10 {
   margin-top: 10px;
}

.m_l_30 {
   margin-left: 30px;
}

.m_l_20 {
   margin-left: 20px;
}

.sum_sep_area {
   position: absolute;
   height: 65px;
   bottom: 0px;
   left: 10px;
   right: 10px;
}

.pos_rel {
   position: relative;
}

.pos_abs {
   position: absolute;
}


.condi_fs {
   font-size: 11px;
}

input, select {
   vertical-align: middle;
   height: 20px;
   font-family: "Microsoft Yahei";
}

.hei_100 {
   height: 100px;
}

.hei_100_per {
   height: 100%;
}

.hei_350 {
   height: 350px;
}

.hei_300 {
   height: 300px;
}

.hei_30 {
   height: 30px;
}

.bc_36 {
   background: #363636;
}

.bc_bf {
   background: #bfbfbf;
}

.hei_60 {
   height: 60px;
}

.hei_50 {
   height: 50px;
}

.hei_260 {
   height: 260px;
}

.hei_240 {
   height: 240px;
}

.hei_270 {
   height: 270px;
}

.hei_80 {
   height: 80px;
}

.hei_40 {
   height: 40px;
}

input {
   height: 14px;
   vertical-align: middle;
}

label {
   vertical-align: middle;
}

.ope_in_td {
   display: inline-block;
   width: 16px;
   height: 16px;
   margin-top: 4px;
   background-image: url(../image/add_upd.png);
   background-size: 16px 16px;
   background-repeat: no-repeat;
}

.ope_in_td_1 {
   display: inline-block;
   width: 16px;
   height: 16px;
   margin-top: 4px;
   background-image: url(../image/del.png);
   background-size: 16px 16px;
   background-repeat: no-repeat;
}

.ope_in_td_2 {
   display: inline-block;
   width: 16px;
   height: 16px;
   margin-top: 4px;
   background-image: url(../image/add_save.png);
   background-size: 16px 16px;
   background-repeat: no-repeat;
}

.amar {
   margin-left: 20px;
}

.l_0 {
   left: 0px;
}

.t_0 {
   top: 0px;
}

.b_0 {
   bottom: 0px;
}

.r_0 {
   right: 0px;
}

.ml_10 {
   margin-left: 10px;
}

.sep_fp {
   display: inline-block;
   width: 50px;
   height: 20px;
   margin-top: 5px;
   font-size: 10px;
   line-height: 20px;
}

.sep_lp {
   display: inline-block;
   width: 50px;
   height: 20px;
   margin-top: 5px;
   font-size: 10px;
   line-height: 20px;
}

.sep_pp {
   display: inline-block;
   width: 26px;
   height: 20px;
   margin-top: 5px;
   font-size: 10px;
   line-height: 20px;
}

.search_create {
   position: absolute;
   right: 10px;
   width: 100px;
   height: 30px;
   top: 5px;
   font-size: 13px;
   line-height: 30px;
   text-align: center;
}

.search_create_b {
   position: absolute;
   right: 10px;
   width: 100px;
   height: 30px;
   bottom: 10px;
   font-size: 13px;
   line-height: 30px;
   text-align: center;
}

.search_search_b {
   position: absolute;
   right: 115px;
   width: 100px;
   height: 30px;
   bottom: 10px;
   font-size: 13px;
   line-height: 30px;
   text-align: center;
}

.search_search {
   position: absolute;
   right: 115px;
   width: 100px;
   height: 30px;
   top: 5px;
   font-size: 13px;
   line-height: 30px;
   text-align: center;
}

.e_add_mar { /*padding-right:70px;*/
}

.search_condition_area {
   margin-left: 10px;
   margin-top: 10px;
   font-size: 12px;
   height: 20px;
   line-height: 20px;
}

.all_sel_area_button {
   display: inline-block;
   width: 70px;
   text-align: center;
   height: 20px;
   margin-top: 2px;
   line-height: 20px;
   margin-left: 10px;
   font-size: 13px;
}

.ss_input {
   width: 60px;
}

.page_count_area {
   position: absolute;
   height: 30px;
   width: 420px;
   left: 480px;
}

.page_count {
   position: absolute;
   left: 100px;
   width: 295px;
   height: 30px;
   color: red;
   font-size: 12px;
   padding-left: 20px;
   line-height: 30px;
   text-align: center;
   overflow: visible;
}

.page_fast_area {
   width: 100px;
   height: 30px;
   position: absolute;
   position: relative;
   font-size: 11px;
}

.fast_page_loc {
   width: 50px;
   margin-top: 6px;
   position: absolute;
   right: 25px;
}

.fast_page_png_loc {
   width: 25px;
   height: 25px;
   position: absolute;
   background-image: url(../image/fast.png);
   background-size: 25px 25px;
   right: 0px;
   top: 4px;
}

.pre_page_class {
   position: absolute;
   height: 30px;
   width: 20px;
   left: 0px;
   background-image: url(../image/left_prev.png);
   background-size: 20px 30px;
}

.next_page_class {
   position: absolute;
   height: 30px;
   width: 20px;
   right: 0px;
   background-image: url(../image/right_next.png);
   background-size: 20px 30px;
}

.sep_num_page_area {
   position: absolute;
   left: 22px;
   right: 20px;
   height: 30px;
}

.add_new_or_update_new_ {
   position: absolute;
   left: 50%;
   top: 50%;
   display: none;
   z-index: 13;
}

.ew_paddl {
   padding-left: 80px;
}

.fs_13 {
   font-size: 13px;
}

.fs_17 {
   font-size: 17px;
}

.fs_20 {
   font-size: 20px;
}

.add_new_update_div {
   margin-top: 15px;
   margin-bottom: 15px;
   padding-left: 130px;
}

.pl_70 {
   text-align: right;
   padding-left: 0px;
   padding-right: 100px;
}

.pl_115 {
   text-align: right;
   padding-right: 115px;
}

.cc_div {
   color: black;
   font-family: "Microsoft YaHei";
   font-size: 13px;
   /*width: 200px;*/
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.info_td_of {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 200px;
}

.sl_input {
   width: 150px;
}

.of_auto {
   overflow: auto;
}

.of_hide {
   overflow: hidden;
}

.super_input {
   width: 210px;
}

.tlof_hide_180 {
   max-width: 180px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_150 {
   max-width: 150px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_130 {
   max-width: 130px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_110 {
   max-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_90 {
   max-width: 90px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_70 {
   max-width: 70px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_60 {
   max-width: 60px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_30 {
   max-width: 30px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_20 {
   max-width: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_25 {
   max-width: 25px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_45 {
   max-width: 45px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_40 {
   max-width: 40px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_50 {
   max-width: 50px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_250 {
   max-width: 250px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_300 {
   max-width: 300px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_400 {
   max-width: 400px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.tlof_hide_220 {
   /*max-width: 50px;*/
   /*word-break:break-all;
    text-wrap:inheri*/
   max-width: 220px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

/*tr:mou*/

.pl_40 {
   padding-left: 40px;
}

.no_pad_x {
   padding-left: 0px;
   padding-right: 0px;
}

.no_pad_x_must {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.wid_70 {
   width: 70px;
}

.wid_100_per {
   width: 100%;
}

.wid_30 {
   width: 30px;
}

.check_code_ani {
   transform: rotate(720deg);
   transition-duration: 2s;
   /*transition:2s;*/
}
/*-------------------------*/
.hl_30 {
   line-height: 30px;
   height: 30px;
}

.h_l_35 {
   line-height: 35px;
   height: 35px;
}
.h_l_25
{
height:25px;
line-height:25px;
}

.h_l_40 {
   line-height: 40px;
   height: 40px;
}

.pl_10 {
   padding-left: 10px;
}

.pr_10 {
   padding-right: 10px;
}

.f_l {
   float: left;
}

.f_r {
   float: right;
}

.login_navi_ {
   background: linear-gradient(#16bcba,#178daf);
}

.main_navi_flag_:hover {
   background: #0c525a;
   border-radius: 5px;
}

.bor_ca {
   border: 1px solid #cacaca;
}

.main_navi_p_flag_:hover {
   background: #11c1cc;
   border-radius: 5px;
   color: #fe5757;
}

.main_navi_to_reg_:hover {
   border: 1px solid white;
}

   .main_navi_to_reg_:hover .to_reg_flag_ {
      text-decoration: underline;
      color: red;
   }

.login_carousel_flag_ {
   width: 920px;
   height: 240px;
   /*border:5px solid #b2b2b2;*/
}

.carousel_tab_control_flag_ {
   border-radius: 3px;
}

   .carousel_tab_control_flag_:hover {
      border-bottom: 1px solid #efefef;
      border-left: 1px solid #efefef;
      background: #dfdfdf;
   }

.caoursel_tab_control_in_mo_flag {
   border-bottom: 1px solid #efefef;
   border-left: 1px solid #efefef;
   background: #dfdfef;
}

.mo_red_flag_:hover {
   color: red;
}
.sp_dl_btn_flag_:hover
{
background:#b4b4b4;
}