/* 自定义css start*/
.color_ccc {
    color: #CCCCCC;
}

.color_eee {
    color: #EEEEEE;
}

.color_999 {
    color: #999999;
}

.color_666 {
    color: #666666;
}

.color_red {
    color: #ed5565;
}

.color_green {
    color: #55BD55;
}

.bg_white {
    background-color: #FFFFFF;
}

.font_12 {
    font-size: 12px;
}

ul li {
    list-style: none;
}

input[type='text'] {
    font-size: 12px;
}

input[type='checkbox'], input[type='radio'] {
    outline: 0;
}

.help-block {
    color: #999999;
}

.update_success {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
}

.update_success img {
    width: 100%;
    height: 100%;
}

button {
    outline: none !important;
}

/* 自定义css end*/

/* 图片上传样式 start*/
.file_upload {
    width: 96px;
    height: 96px;
    border: 1px dashed #d9d9d9;
    border-radius: 4px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
    -webkit-transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
}

.file_upload input[type="file"] {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 100px !important;
    height: 100px !important;
    cursor: pointer;
}

.file_upload:hover {
    color: rgba(0,0,0,.85);
    border-color: #5cadff;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
    -webkit-transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
    text-decoration: none;
}

.file_upload .tip {
    font-size: 60px;
    font-weight: 100;
    color: #999;
    line-height: 70px;
}

.file_upload .tip_text {
    font-size: 12px;
    line-height:12px;
    color: rgba(0,0,0,.85);
}

.file_upload_name {
    padding: 5px;
}

.img_upload_wrap {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    /*justify-content: ;*/
    /*-webkit-justify-content: flex-start;*/
    /*border: 1px solid #000;*/
}

.logo_pre {
    width: 98px;
    height: 98px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    padding: 4px;
    position: relative;
}

.logo_pre img {
    width: 100%;
    height: 100%;
}

.upload_file_btm {
    display: flex;
    justify-content: flex-start;
    max-height: 16px;
    /*align-items: center;*/
}

.progress {
    width: 210px;
    /*max-width: 100px;*/
    height: 4px;
    border-radius: 4px;
    /*background: #55BD55;*/
    color: #55BD55;
    /*margin: -2px;*/
    margin-top: 6px;

}

.progress_icon{
    line-height:16px;
}

.progress span {
    display: inline-block;
    width: 100%;
    height: 4px;

    background: #2989d8; /* Old browsers */
    background: -moz-linear-gradient(45deg, #55BD55 33%, #55BD55 34%, #55BD55 59%, #55BD55 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(33%, #55BD55), color-stop(34%, #55BD55), color-stop(59%, #55BD55), color-stop(60%, #55BD55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #55BD55 33%, #55BD55 34%, #55BD55 59%, #55BD55 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #55BD55 33%, #55BD55 34%, #55BD55 59%, #55BD55 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #55BD55 33%, #55BD55 34%, #55BD55 59%, #55BD55 60%); /* IE10+ */
    background: linear-gradient(45deg, #55BD55 33%, #55BD55 34%, #55BD55 59%, #55BD55 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#2989d8', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    /*background-size: 60px 30px;*/
    text-align: center;
    color: #fff;
    border-radius: 4px;
    -webkit-animation: load .7s ease-in;
}

@-webkit-keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.remove_preImg {
    position: absolute;
    top: 1px;
    right: 6px;
    font-size: 18px;
    color: #ed5565;
    cursor: pointer;
}

/* 图片上传样式 end*/

/* logo预览，背景图预览 start*/
.img_preview{
width: 96px;
height:96px;
border:1px solid #d9d9d9;
border-radius: 6px;
margin-right: 16px;
padding:4px;
}

.img_preview img{
width: 100%;
height:100%;
/*border:1px solid red;*/
border:0;
}

/* logo预览，背景图预览 end*/

/*下拉框样式 start*/
.select_wrap {
    width: 200px;
    height: 30px;
    display: inline-block;
    /*border:1px solid red;*/
    position: relative;
    line-height: 18px;
}

/*当在 form-group 里面时 宽度为100%自适应 */
.form-group + .col-sm-6 .select_wrap {
    width: 100%;
}

.select_wrap .select_btn, .select_wrap .selectList_btn {
    background: #FFFFFF;
    border: 1px solid #e5e5e5;
    color: #666;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    text-align: left;
    outline: none;
    padding: 6px 8px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.selectList_btn {
    height: auto !important;
    min-height: 32px;
    white-space: normal !important;
    padding: 1px 2px 5px 2px !important;
    display: flex;
    align-items: center;
}

.selectList {
    background-color: #EAF8FE;
    /*background-color: #F3F3F3;*/
    /*border:1px solid #CCCCCC;*/
    border-radius: 4px;
    margin-left: 4px;
    padding: 0 8px !important;
    margin-top: 4px;
    font-size: 12px;
    line-height: 25px;
    /*float: left;*/
}

.close_selected_list {
    cursor: hand;
}

.close_selected_list:hover {
    color: #ed5565;
}

.select_wrap .fa-angle-down {
    position: absolute;
    right: 8px;
    top: 30%;
    font-size: 12px;
}

.select_wrap .select_btn:hover {
    border-color: #00C1B3;
}

.select_wrap .selectList_btn:hover {
    border-color: #00C1B3;
}

.select_wrap .option_wrap, .select_wrap .option_wrap_more {
    min-height: 200px;
    width: 100%;
    margin-top: 2px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    position: absolute;
    max-height: 400px;
    overflow-y: auto;
    z-index: 998;
    box-shadow: 0 5px 15px #CCC;
    cursor: hand;
    clear: both;
    display: none;
}

.option_wrap > ul, .option_wrap_more > ul {
    padding: 6px 4px;
    margin: 0;
}

.option_wrap ul li, .option_wrap_more ul li {
    width: 100%;
    padding: 6px 8px;
    /*white-space: nowrap;*/
}

.option_wrap ul li:hover {
    background: #EAF8FE;
    border-radius: 4px;
    color: #000;
    cursor: hand;
    /*font-weight: bold;*/
}

/*.option_wrap_more ul li:hover{*/
/*background: #EAF8FE;*/
/*border-radius: 4px;*/
/*color:#333;*/
/*cursor: hand;*/
/*!*font-weight: bold;*!*/
/*}*/

.selectList_btn .fa-angle-down {
    /*position: absolute;*/
    /*right: 8px;*/
    /*top:35%;*/
    /*font-size: 18px;*/
}

.option_active {
    background-color: #EAF8FE;
    color: #666;
    font-weight: bold;
}

.option_active:hover {
    background: #EAF8FE;
    border-radius: 4px;
    color: #333;
    cursor: hand;
}

.none_active :hover {
    background-color: #FFFFFF !important;
}

.check_icon {
    float: right;
    color: #00C1B3;
    margin-top: .5%;
    margin-right: 3%;
    /*color:#cccccc;*/
}

/*下拉框样式 end*/

/*重写btn-default start*/
.btn-default {
    background-color: #E5E5E5;
    border-color: #E5E5E5;
    color: #666;
    outline: none;
}

.btn-default:hover {
    background-color: #FFFFFF;
    color: #666;
    border-color: #00C1B3;
    outline: none;

}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    background-color: #E1E1E1;
    color: #666;
    /*border-color: #00C1B3;*/
    outline: none;
}

/*重写btn-default end*/

/*flex布局 start*/
.box_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*flex布局 end*/

/* 顶部工具栏  start*/
.utility_menu {
    margin: 14px 0;
}

/* 顶部工具栏  end*/

/* 表格header重写 start*/
.table thead tr th {
    padding: 14px 10px !important;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    background: #f7f7f7 !important;
    border: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec !important;
    border-bottom: 1px solid #e9e9e9 !important;
    color: rgba(0,0,0,.85);
    font-weight: 500;
}

.table-condensed th {
    font-size: 14px;
}

.table-condensed td {
    font-size: 14px;
}

/* 表格header重写 end */

/* 表格tbody重写 start*/
.table tbody tr td {
    padding: 6px 8px !important;
    /*text-align: left;*/
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    /*max-width: 500px;*/
    overflow-x: hidden;
    text-overflow: ellipsis;

}

/*日期控件重写*/
.dropdown-menu tbody tr td {
    font-size: 12px;
}

.table_hovers {
    overflow-x: scroll;
}

.table_hovers tbody tr:hover td {
    /*background-color: #fffdf8;*/
    /*background-color: #EAF8FE;*/
    /*border-right-color: #FFFFFF;*/
    /*border-left-color: #FFFFFF;*/
    /*color: #000;*/
}

.click_tr {
    background: #EAF8FE !important;
    /*border: 1px solid #999;*/
}

.click_tr td {
    /*border-color: #CCC !important;*/
    /*border-top: 1px solid #CCC;*/
    /*border-bottom: 1px solid #CCC;*/
}

/* 表格tbody重写 end */

/* 页面loading模糊效果 start */
.pre_loading {
    position: fixed;
    top: 45%;
    left: 48%;
    z-index: 999;
    width: 60px;
    height: 60px;
}

.container_loading {
    -webkit-filter: blur(5px); /* Chrome, Opera */
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

/* 页面loading模糊效果 end */

/* 加载动画 start*/
@-webkit-keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.ball-beat > div {
    background-color: #108ee9;
    width: 8px;
    height: 16px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: ball-beat 0.7s 0s infinite linear;
    animation: ball-beat 0.7s 0s infinite linear;
}

.ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: 0.35s !important;
    animation-delay: 0.35s !important;
}

/* 加载动画 end*/

/*分页 start*/
.pagination {
    /*min-width: 650px !important;*/
}

.pagination li > a {
    padding: 8px 12px;
    margin: 0 4px;
    border-radius: 4px;
}

.pagination .active {
    border: 1px solid #00C1B3 !important;
    color: #00C1B3 !important;
    background: #ffffff !important;
}

.clear_border {
    border: 0 !important;
    background: transparent !important;
    line-height: 26px !important;
    font-size: 13px !important;
}

.pagination span:hover {
    color: #666 !important;
}

.pagination a:hover {
    color: #666 !important;
}

.previous_hover span, .next_hover span {
    width: 28px;
    color: #999 !important;
    margin-top: 7px;
    cursor: pointer;
}

.disabled_btn {
    background: #EEE !important;
    color: #CCC !important;
}

/*分页 end*/

/*分配角色 start*/
.part_list_title {
    width: 100%;
    height: 30px;
    /*border-bottom: 2px solid #CCCCCC;*/
    /*border-left: 4px solid #39f;*/
    /*border-radius: 2px;*/
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    padding: 0 8px;
    margin-bottom: 16px;
}

.all_part_list {
    width: 100%;
    height: 30px;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    line-height: 30px;
    padding: 0 8px;
    margin-bottom: 8px;
    cursor: hand;
    /*cursor: e-resize;*/
}

.all_part_list_active {
    /*border-color: #55BD55 !important;*/
    /*color: #55BD55;*/
}

.all_part_list_active i {
    color: #55BD55;
}

/*分配角色 end*/

/*树结构 start*/
.tree_wrap {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    /*border:1px solid red;*/
}

.tree_wrap .tree_root {
    margin: 0 auto;
    width: 20%;
    display: block;
    color: #ed5565;
}

.module_node {
    padding-left: 0px;
}

.tree_title {
    padding-left: 10px;
}

.module_node > li {
    width: 100%;
    margin-bottom: 20px;
}

.module_node > li > label {
    border-bottom: 1px solid #CCCCCC;
    font-size: 16px;
    width: 100%;
    line-height: 40px;
}

.menu_node > li {
    float: left;
    width: 50%;
}

.opt_node {
    padding-left: 20px;
}

.opt_node > li > label {
    color: #999;
}

/*树结构 end*/

/*步骤条 start*/
.step_wrap {
    width: 80%;
    height: 30px;
    /*border:1px solid #CCC;*/
    border-radius: 6px;
    margin: 10px auto 50px;
}

.step_wrap .step_item {
    width: 33%;
    height: 28px;
    float: left;
    line-height: 28px;
    text-align: center;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    /*background-color:#FFFFFF;*/
}

.step_wrap .step_item:last-child {
    border-right: 1px solid #CCCCCC;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.step_wrap .step_item:first-child {
    border-left: 1px solid #CCCCCC;
}

.step_wrap .active {
    height: 28px;
    background-color: #00C1B3;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #FFFFFF;
    white-space: nowrap;
    /*border:1px solid red;*/
}

.tip_right {
    width: 0;
    height: 0;
    border-width: 13px 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #00C1B3; /*透明 透明 透明 灰*/
    float: right;
    margin-right: -15px;
    background-color: transparent;
}

/*步骤条 end*/

/* 表单分组标题 start */
.group_title {
    /*border-bottom: 1px solid #999;*/
    border-left: 6px solid #00C1B3;
    padding-top: 0 !important;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #666;
    background: #f5f5f5;
    text-align: left !important;
    margin-top: 30px;
}

/* 表单分组标题 end */

/* 返回上一页面 start*/
.pre_page {
    width: 100px;
    height: 35px;
    /*border:1px solid red;*/
    /*border-radius: 50% 4px 4px 50%;*/
    border-radius: 4px;
    background-color: #8CC7B5;
    /*padding-left: 12px;*/
    position: fixed;
    left: 16px;
    top: 16px;
    z-index: 999;
}

.pre_page a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 35px;
    text-align: center;
    color: white;
}

/* 返回上一页面 end*/

/*设置会员卡开卡基本字段 start */

.vip_open_card_wrap {
    width: 80%;
    /*min-height: 400px;*/
    margin: 0 auto;
}

.vip_open_card_wrap .select_wrap {
    width: 120px !important;
}

.vip_open_card_wrap .option_wrap {
    /*width: 120px;*/
    min-height: 120px;
    border: 1px solid #E3E3E3;

}

.vip_open_card_wrap .open_card_item {
    width: 300px;
    /*border:1px solid red;*/
    float: left;
    margin-top: 20px;
}

.vip_open_card_wrap .open_card_item > span {
    text-align: right;
    width: 70px;
    float: left;
    padding-top: 5px;
    display: block;
    /*border:1px solid red;*/
}

/*设置会员卡开卡基本字段 end */

/*激活页：自定义开卡字段 start*/
.diy_item_wrap {
    width: 80%;
    /*height:300px;*/
    /*border:1px solid red;*/
}

.diy_item {
    padding: 20px;
    margin-bottom: 20px;
}

.diy_selected_wrap {
    width: 90%;
    margin-bottom: 20px;
}

.diy_selected_item {
    border-radius: 6px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 15px;
    margin-bottom: 20px;
}

/*激活页：自定义开卡字段 end*/

/*设置成功页进场动画 start*/
@keyframes fadeInDown {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*设置成功页进场动画 end*/

/*提交成功提示域 start*/
.done_settings_wrap {
    width: 100%;
    background-color: #F2F2F2;
    border-radius: 5px;
    margin: 20px auto;
    padding: 20px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-direction: column;
    box-shadow: 1px 5px 50px #CCC;
}

.success_img {
    width: 120px;
    height: 120px;
    animation: fadeInDown .6s;
    -webkit-animation: fadeInDown .6s; /* Safari 与 Chrome */
}

.success_img img {
    width: 100%;
    height: 100%;
}

.done_settings_wrap p {
    float: left;
    font-size: 18px;
    color: #55BD55;
    line-height: 60px;

    animation: fadeInDown .3s;
    -webkit-animation: fadeInDown .3s;
}

/*提交成功提示域 end*/

/*积分设置 start*/

/*积分设置 end*/

/* 等级设置 start */
#levelSettings_info_wrap table {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    min-width: 90%;
    /*border:1px solid #EEEEEE;*/

}

#levelSettings_info_wrap table td {
    padding: 8px;
    line-height: 24px;
    font-size: 12px;

}

/* 等级设置 end */

/* 生成二维码 start */

.QRCode_wrap {
    width: 200px;
    height: 200px;
    margin: 10px auto;
}

.QRCode_wrap img {
    width: 100%;
    height: 100%;

}

/* 生成二维码 end */

/* 步骤条 start*/
.steps {
    width: 100%;
    height: 50px;
    /*border: 1px solid #000;*/
    margin-bottom: 30px;
    display: flex;
    display: -webkit-flex; /* Safari */
    flex-direction: row;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.steps_item {
    /*width: 200px;*/
    height: 100%;
    /*border: 1px solid #000;*/
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.steps_remove{
    border-color: #ed5565 !important;
}

.steps_item:after {
    /*content: '--------';*/
}

.steps_icon {
    width: 30px;
    height: 30px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin-right: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.step_line {
    display: inline-flex;
    min-width: 8px;
    margin: 0 4px;
    margin-top: 25px;
    height: 1px;
    border-bottom: 1px solid #CCCCCC;
}

.step_done {
    color: #55bec1;

}

.step_done * {
    border-color: #55bec1;
    color: #55bec1;
}

.step_line_done {
    border-color: #55bec1;
}

.steps_active {
    color: #55bec1;
}

.steps_active .steps_icon {
    background: #55bec1;
    color: #FFFFFF;
    border-color: #55bec1;
}

/* 步骤条 end*/

/* 进出特效 start*/

/* 必需 */
.left_in-transition {
    transition: all .3s ease;
}

/* .left_in-enter 定义进入的开始状态 */
/* .left_in-leave 定义离开的结束状态 */
.left_in-enter {
    /*transform: scale(1.1);*/
    margin-left: 10%;
    opacity: 1;
}

.left_in-leave {
    /*translateX(100px);*/
    /*transform: scale(0.7);*/
    margin-left: -20%;
    opacity: 0;
}

.fadein-transition {
    transition: all .3s ease;
}

/* .fadein-enter 定义进入的开始状态 */
/* .fadein-leave 定义离开的结束状态 */
.fadein-enter {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
}

.fadein-leave {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    position: absolute;
}

/* 进出特效 end*/

/*日期控件样式border重写 start*/
.form_datetime .input-group-addon:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*日期控件样式border重写 end*/

/* vue日期选择器 start*/
#datePicker {
    width: 250px;
    background: #FFFFFF;
    border-radius: 4px;
}

#datePicker ul {
    padding: 0;
}

#datePicker .date_picker_value {
    width: 100%;
    height: 30px;
    border: 1px solid #CCCCCC;
    /*font-family: inherit;*/
    border-radius: 4px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 6px;
    color: #666666;
    display: flex;
    display: -webkit-flex; /* Safari */
    justify-content: space-between;
    -webkit-justify-content: space-between; /* Safari */
    background: #FFFFFF;
    cursor: pointer;
    position: relative;
}
.date_picker_icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.date_picker_icon i {
    line-height: 28px;
}

#datePicker .container {
    width: 250px;
    height: auto;
    border: 1px solid #e9e9e9;
    margin-top: 2px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 999;
    background: #FFFFFF;
    padding: 0;
}

#datePicker .container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.date_picker_value .fa {
    color: #999;
}

/**:focus { outline: none; }*/
/*a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}*/
/*input,textarea{-webkit-appearance:none;}*/
#datePicker {
    width: 100%;
}

#datePicker .header, .date_input, .content, .footer {
    width: 100%;
    padding: 0;

}

.date_input {
    height: 36px;
    border-bottom: 1px solid #e9e9e9;
}

.date_input input {
    width: 100%;
    height: 100%;
    outline: none;
    padding: 6px;
    margin: 0;
    border: 0;
    background: #FFFFFF;
    /*color: #999;*/
    color: inherit;
}

#datePicker .header {
    height: 36px;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-between;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari */
    line-height: 36px;
    padding: 0 6px;
    background: #FFFFFF;

}

.prev_year, .prev_month, .next_month, .next_year {
    /*height: 100%;*/
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
}

.prev_year i, .prev_month i, .next_month i, .next_year i {
    font-size: 14px;
    line-height: 36px;
}

.prev_month {
    padding-right: 14px;
}

.next_month {
    padding-left: 14px;
}

.month_select, .year_select {
    color: rgba(0, 0, 0, 0.65);
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;

}

.month_select {
    /*padding-left: 18px;*/
}

.year_select {
    /*padding-right: 18px;*/
}

.prev_year:hover, .prev_month:hover, .next_month:hover, .next_year:hover, .month_select:hover, .year_select:hover {
    color: #00abed;
}

#datePicker .content {
    width: 100%;
    height: 215px;
    color: rgba(0, 0, 0, 0.65);
    background: #FFFFFF;
}

#datePicker .footer {
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin: 0;
    text-align: center;
    color: #00abed;
    cursor: pointer;
    display: block;
    font-size: 12px;
    background: #FFFFFF;
}

#datePicker .footer:hover {
    background: #ecf6fd;
    transition: all 1.5s cubic-bezier(.23, 1, .32, 1) 0ms;

}

#datePicker .footer:active {
    /*background: #00abed;*/
}

.day_picker_table {
    width: 100%;
    height: auto;
    padding: 4px 8px;
}

.day_picker_table ul {
    text-align: center;
    padding: 4px 0;
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-start; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari */
    -webkit-align-items: center /* Safari */

}

.day_picker_table ul li {
    width: 14.28%;
    font-size: 12px;
}


.day_content li {
    text-align: center;
    margin: 2px 0;
    border-radius: 2px;
    /*padding: 2px;*/
    background: transparent;
    /*background: #FFFFFF;*/
}


.day_content li > button{
    border-radius: 2px;
    width: 80%;
    /*height: 80%;*/
    padding: 4px 0;
    margin: 0 auto;
    border:none ;
    color: rgba(0, 0, 0, 0.65);
    background: #FFFFFF;
    outline: 0;
    font-size: 12px;
    cursor: pointer;
}

.disCurPreDate{
    width: 100% !important;
    background: #eeeeee !important;
    color: rgba(0, 0, 0, 0.15) !important;
    cursor: not-allowed !important;
    border-radius: 0 !important;
}

.day_content :first-child .disCurPreDate  {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.day_content :nth-child(7n+8) .disCurPreDate {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.day_content :nth-child(7n+7) .disCurPreDate{
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}


.day_content li > button:hover{
    background: #ecf6fd;
    transition: all 1.5s cubic-bezier(.23,1,.32,1) 0ms;
}
.day_content li > button:active{
    color: #FFFFFF !important;
    background: #49a9ee !important;
}



.prev_day, .next_day {
    color: rgba(0, 0, 0, 0.25) !important;
}

.to_day {
    color: #108ee9 !important;
    border: 1px solid #108ee9 !important;
}

.choose_active {
    color: #FFFFFF !important;
    background: #108ee9 !important;
}

.year_active {
    color: #108ee9 !important;
    background: #ecf6fd !important;
}

.year_picker_table, .month_picker_table {
    width: 100%;
    height: 100%;
}

.year_picker_table ul, .month_picker_table ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari */
    /*border-collapse: collapse;*/
}

.year_picker_table ul li, .month_picker_table ul li {
    width: 33.3%;
    display: inline-flex;
    justify-content: center;
    align-items: center;

    display: -webkit-inline-flex; /* Safari */
    -webkit-justify-content: center; /* Safari */
    -webkit-align-items: center; /* Safari */
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    background: transparent;
}

.year_picker_table ul li:hover, .month_picker_table ul li:hover {
    background: #ecf6fd;
    transition: all 1.5s cubic-bezier(.23, 1, .32, 1) 0ms;
}

.year_picker_table ul li:active, .month_picker_table ul li:active {
    color: #108ee9;
    background: #ecf6fd;
}

#datePicker .modal-transition {
    transition: all .3s ease;
}

/* .modal-enter 定义进入的开始状态 */
/* .modal-leave 定义离开的结束状态 */
#datePicker .modal-enter {
    -webkit-transform: scale(1.2);
    transform: scale(1.1);
    opacity: 0;
}

#datePicker .modal-leave {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

/* vue日期选择器 end*/


/* 重写iView分页 bug*/
.ivu-page .ivu-icon{
    line-height: inherit;
}


/* 促销3.0所有背景为空时的样式*/
.null_bg_style{
    /*style="background-color: #d2d2d2;width: 100%;border:1px dashed #E2E2E2;"*/
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px dashed #E2E2E2;
}

/* 日期控件 icon 对齐*/
.ivu-date-picker-header .ivu-icon{
    line-height:24px;
}

body .ivu-table{ font-size: 12px; }
body .ivu-page-item-jump-next:after,
body .ivu-page-item-jump-prev:after{content:"•••";}