.container-box{ min-height: calc(100% - 230px); }
.contain{ width: 1200px; margin:0 auto; }

/*empty-data*/
.empty-data{ padding: 20px; color: #999; text-align: center; }
#discusspage{ padding: 0 10px; text-align: center; }

/*ellipsis*/
.ellipsis{
    overflow: hidden;
    height: 96px;
    line-height: 24px;
    /*margin: 20px;*/
}
.ellipsis:before{
    content:'';
    float: left;
    width: 5px; height: 100%;
}
.ellipsis > *:first-child{
    float:right;
    width: 100%;
    margin-left: -5px;
    /*background: #f0f;*/
}
.ellipsis:after{
    content:'\02026';
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;

    float: right;
    position: relative;
    top: -24px; left:100%;
    width:2em; margin-left: -2em;
    padding-right: 5px;
    text-align: right;

    background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),to(#f5f4ef),color-stop(50%, #f5f4ef));
    background: -moz-linear-gradient(to right, rgba(255,255,255,0), #f5f4ef 50%, #f5f4ef);
    background: -ms-linear-gradient(to right, rgba(255,255,255,0), #f5f4ef 50%, #f5f4ef);
    background: -o-linear-gradient(to right, rgba(255,255,255,0), #f5f4ef 50%, #f5f4ef);
    background: linear-gradient(to right, rgba(255,255,255,0), #f5f4ef 50%, #f5f4ef);
}

.h-btn1{ display: block; width: 80px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #fff; background-color: #f89b38; cursor: pointer; border-radius: 4px;  }
.h-btn1:hover,.h-btn1:active,.h-btn1:focus{ background-color: #f3a757; color: #fff; }

.h-btn2{ display: block; width: 80px; height: 30px; font-size: 14px; line-height: 28px; text-align: center; color: #f89b38; border: 1px solid #f89b38; cursor: pointer; border-radius: 4px;  }
.h-btn2:hover,.h-btn2:active,.h-btn2:focus{ background-color: #f89b38; color: #fff; }

.h-btn3{ display: block; width: 80px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #fff; background-color: #ccc; cursor: no-drop; border-radius: 4px; }

/*scrollTop*/
.scrollTop{
    width:60px;
    height:60px;
    line-height: 60px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    font-size: 22px;
    background-color: rgba(204,204,204,.8);
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color:#fff;
    position: fixed;
    right: 2%;
    bottom:80px;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -ms-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.scrollTop:hover{
    background-color: rgba(248,155,56,.8);
}

/*切换h_tab1*/
.h_tab1{  }
.h_tab1 a{ display: inline-block; width:220px; height:50px; line-height: 50px; box-sizing: border-box; text-align: center;
    color:#333; font-size: 16px; background-color: #fff; border:1px solid rgba(238,238,238,.3); box-shadow: 0 1px 2px rgba(0,0,0,.3); margin-right:5px; position: relative; }
.h_tab1 a:last-child{ margin-right:0; }
.h_tab1 a.active i{ display: inline-block; border: 10px solid transparent; border-top-color:#f89b38; position: absolute; top:49px; left:45%; }
.h_tab1 a:hover{ color:#333; text-decoration: none; }
.h_tab1 a.active{ color:#fff; background-color: #f89b38; border: 1px solid rgba(248,155,56,.3); box-shadow: none; }

/*layui-upload*/
.layui-upload-drag{ position: relative; width: 175px; height: 175px; padding: 50px 20px; }
.layui-upload-drag img{ position: absolute; top: 50%; left:50%; max-width: 100%; max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.layui-upload-drag .iconfont{ font-size: 18px; }
.layui-upload-drag input{ display: none; }
.layui-upload-drag .upload-tips{ display: block; font-size: 12px; margin-top: 20px; }
.error{ width: 100%; padding: 10px; text-align: center; color: red; }

/*表格*/
.h_form{
    /*overflow: hidden;*/
    position: relative;
    padding: 20px 0;
}
.h_form table{
    width:100%;
}
.h_form table tr{
    height:40px;
    /*line-height: 40px;*/
    text-align: center;
}
.h_form table tr th{
    text-align: center;
}
.h_form table thead tr{
    font-size: 14px;
    color:#fff;
    background-color: #f89b38;
}
.h_form table thead th:not(last-child){
    border:1px solid /*rgba(248,155,56,.2)*/rgba(255,255,255,.1);
}
.h_form table tbody tr{
    color:#666;
    font-size: 14px;
    text-align: center;
}
.h_form table tbody tr td a{
    color:inherit;
}
.h_form table tbody tr td a:hover{
    color:#f89b38;
}
/*表格主体奇偶行变色*/
.h_form table tbody tr:nth-child(odd){
    background-color: #fff;
}
.h_form table tbody tr:nth-child(even){
    background-color: rgba(248,155,56,.06);
}
.h_form table tbody tr:hover{
    background-color: rgba(248,155,56,.2);
}

/* 确认/提示弹框*/
.modal-extra{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,.5);
    z-index: 10500;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: none;
}
.modal-extra .modal-excontainer{
    width:auto;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color: #fff;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.modal-extra .date_box{
    margin:60px 120px 50px;
}
.modal-extra .tip .date_box{
    margin-bottom:60px;
}
.modal-extra .date_box p{
    text-align: center;
    font-size: 24px;
    color:#333;
}
.modal-extra .date_box span{
    display: block;
    text-align: center;
    font-size: 12px;
    color:#999;
}
.modal-extra .ext-btngroup {
    text-align: center;
    margin-bottom: 40px;
}
.modal-extra .ext-btngroup span:first-child {
    margin-right: 20px;
}
.delBtnConfirm {
    cursor: pointer;
}
.modal-extra .h_btn_toggle12{
    height:24px;
    line-height: 22px;
    color:#fff;
    font-size: 12px;
    text-align: center;
    padding:0 20px;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    background-color: #f89b38;
}
.modal-extra .h_btn_toggle11{
    height:24px;
    line-height: 22px;
    color:#f89b38;
    font-size: 12px;
    text-align: center;
    padding:0 20px;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    top:1px;
    background-color: #fff;
    border:1px solid rgba(248,155,56,.3);
}
.modal-extra .h_btn_toggle11:hover{
    color:#fff;
    background-color: #f89b38;
}
/* 新版（09.04）确认/提示弹框*/
.modal_check{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,.5);
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: none;
}
.modal_check .modal_check_container{
    width:auto;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color: #fff;
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.modal_check .main_box{
    padding: 40px 20px 0px;
    width: 470px;
    /* height: 102px; */
}
.modal_check .main_box p{
    text-align: center;
}
.modal_check .main_box p:last-child{
    color:#999;
    font-size: 14px;
    line-height: 22px;
}
.modal_check .main_box p:first-child{
    color:#333;
    font-size: 18px;
    font-weight:bold;
    line-height: 40px;
}
.modal_check .btn_box {
    text-align: center;
    margin-bottom: 48px;
    margin-top: 28px;
}
.modal_check .btn_box span:first-child {
    margin-right: 20px;
}

/* table */
.table-box tbody{ border-bottom: 2px solid #eee; }
.table-box table{ width: 100%; }
.table-box table tr{ height:40px; text-align: center; }
.table-box table th{ background-color: #eee; text-align: center; }
.table-box table tbody tr:nth-child(even){ background-color: #f6f6f6; }
.table-box table tbody tr:hover{ background-color: #f8f8f8; }
.table-box table tbody tr td{ text-align: center; line-height: 40px; padding: 0 10px; }

/* flatpickr */
.flatpickr-box{ position: relative; width: 120px; height: 30px; }
.flatpickr-box .flatpickr{ width: 100%; line-height: 28px; border: 1px solid #ccc; padding: 0 10px; padding-right: 30px; }
.flatpickr-box .flatpickr_font{ position: absolute; right: 4px; top: 0; font-size: 16px; color: #a9a9a9; line-height: 30px; }

/*radio切换*/
[class*='h_radio_group'] {
}
[class*='h_radio_group'] label input {
    position: absolute;
    top: 100px;
    visibility: hidden;
}
[class*='h_radio_group'].h_radio_group_block label {
    line-height: 30px;
    display: block;
}
[class*='h_radio_group'].h_radio_group_inline label {
    display: inline-block;
    line-height: 30px;
}
[class*='h_radio_group'] label { margin-right: 20px; margin-bottom:5px; color:#666; font-size: 14px; line-height: 20px; font-weight: normal; cursor: pointer; position: relative; }
[class*='h_radio_group'] label:last-child{ margin-right: 0; }
[class*='h_radio_group'] label:before{
    content: '';
    width:12px;
    height:12px;
    display: inline-block;
    border-radius:50%;
    background-color: #fff;
    border:1px solid #666;
    box-sizing: border-box;
    margin-right:5px;
    position: relative;
    top:1px;
}
[class*='h_radio_group'] label.active:after{
    content: '';
    width:6px;
    height:6px;
    border-radius:50%;
    background-color: #f89b38;
    position: absolute;
    top:12px;
    left:3px;
}
[class*='h_radio_group'] label.disabled:after{
    content: '';
    background-color:#999;
}
[class*='h_radio_group'] label.true_choose:after{
    content: '';
    width:6.5px;
    height:6.5px;
    border-radius:50%;
    background-color: #f89b38;
    position: absolute;
    top:1.5px;
    left:1.5px;
}
[class*='h_radio_group'] label.selected:after{
    content: '';
    width:6.5px;
    height:6.5px;
    border-radius:50%;
    background-color: #999;
    position: absolute;
    top:1.5px;
    left:1.5px;
}