html,body{
    height: 100%;
}
.mb16{
    margin-bottom: 16px;
}
.tyc-container-wrap{
    margin-bottom: 16px;
}
.tyc-container-wrap:last-child{
    margin-bottom: 0;
}
/***** 任务维护  *****/
/* 表单 */
.task-maintain-form>div{
    padding: 15px 20px;
    border-bottom: 1px solid #E5E5E5;
}
.task-maintain-form>div:first-child{
    padding-top: 0;
}
.task-maintain-form>div:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.task-maintain-label{
    float: left;
    width: 100px;
    font-size: 14px;
    color: #606060;
}
.task-maintain-control{
    padding-left: 100px;
}
.task-maintain-select:after{
    content: '';
    display: block;
    clear: both;
}
.task-maintain-select>div{
    float: left;
    margin-right: 20px;
}
.task-maintain-select-label{
    display:inline-block;
    line-height:32px;
    vertical-align:top;
}
/* 表单 */
/* 下拉按钮组 */
.dropdown-button-group{
    position: relative;
    display: inline-block;
}
.dropdown-button-list{
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    padding: 5px 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(178, 178, 178, 0.5);
    border-radius: 3px;
    border: 1px solid #CBCBCB;
    display: none;
}
.dropdown-button-list.active{
    display: block;
}
.dropdown-button-list>li{
    padding: 5px 20px;
    white-space: nowrap;
    cursor: pointer;
}
.dropdown-button-list>li.active,.dropdown-button-list>li:hover{
    color: #fff;
    background: #009FE8;
}
/* 下拉按钮组 */
/* 任务配置详情 */
.ty-mask{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background : rgba(0,0,0,.45);
    z-index: 10000;
    display: none;
}
.ty-mask.active{
    display: block;
}
.ty-drawer-container{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 720px;
    color: rgba(0, 0, 0, 0.85);
    background-color: #fff;
    z-index: 1000;
    display: none;
}
.ty-drawer-container.active{
    display: block;
}
.ty-drawer-header{
    padding: 18px 24px 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ty-drawer-header-title{
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
}
.ty-drawer-close{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 18px;
    text-align: center;
    color: rgba(0,0,0,.45);
    cursor: pointer;
}
.ty-drawer-close:hover{
    color: #000;
}
.ty-drawer-body{
    height: calc(100% - 54px);
    padding: 24px;
    overflow: auto;
}
.ty-drawer-title{
    margin-bottom: 12px;
    font-size: 14px;
}
.ty-drawer-body>div{
    margin-bottom: 48px;
}
.ty-drawer-body>div:last-child{
    margin-bottom: 0;
}
/* 任务配置详情 */
/***** 任务维护  *****/
/***** 创建任务 *****/
.create-task-container{
    background :#fff;
    border-radius: 4px;
}
.create-task-container>div{
    padding: 24px;
    border-bottom: 1px solid #CBCBCB;
}
.create-task-container>div:last-child{
    border-bottom: none;
}
.card-title{
    margin-bottom: 16px;
    font-size: 16px;
    color: #606060;
}
/* 多个表单控件一行显示 */
.ty-form-group-inline .ty-form-group{
    display: inline-block;
    margin-right: 40px;
    vertical-align: top;

}
/*.ty-form-group-inline .ty-form-group:last-child{*/
/*    margin-right: 0;*/
/*}*/
/* 多个表单控件一行显示 */
.ty-form-group{
    padding: 8px 0;
    clear: both;
}
/*.ty-form-group:first-child{*/
/*    padding-top: 0;*/
/*}*/
/*.ty-form-group:last-child{*/
/*    padding-bottom: 0;*/
/*}*/
.ty-form-group>div{
    vertical-align: middle;
}
.ty-form-label{
    float: left;
    margin-right:5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ty-form-control{
    font-size: 14px;
}
.lh32{
    line-height: 32px;
}
/* 时间设定 */
.date-list{
    display: inline-block;
    width: 500px;
    padding: 6px 0;
    border-radius: 3px;
    border: 1px solid #B7B7B7;
}
.date-list>li{
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
}
.date-list>li:hover{
    background: #E6F7FF;
}
.date-list>li .btn-link{
    opacity: 0;
}
.date-list>li:hover .btn-link{
    opacity: 1;
}
/* 文字类型的tab页签 */
.tabs-text{
    margin-bottom: 16px;
}
.tabs-label{
    float: left;
    font-size: 14px;
}
.tabs-list:after{
    content:'';
    display: block;
    clear: both;
}
.tabs-list>li{
    float: left;
    padding: 0 10px;
    font-size: 14px;
    cursor: pointer;
}
.tabs-list>li.active,.tabs-list>li:hover{
    color:#009FE8;
}
.ty-tips{
    display: inline-block;
    margin-left: 20px;
}
.ty-tips-icon{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
}
.page-footer{
    padding: 12px 24px;
    margin-top: 26px;
    background: #fff;
}
.border-container{
    display: inline-block;
    padding: 4px 20px 5px;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #B7B7B7;
    vertical-align: bottom;
}
/* 穿梭框左侧列表 */
.ty-transfer-new{
    display: inline-block;
    width: 180px;
    height:200px;
    margin-right: 5px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}
.ty-transfer-new-header{
    padding: 6px 12px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}
.ty-transfer-new-body{
    padding: 6px 0;
}
.ty-transfer-new-list>li{
    padding: 5px 10px;
    cursor: pointer;
}
.ty-transfer-new-list>li.active,.ty-transfer-new-list>li:hover{
    background: #E6F7FF;
}
/* 穿梭框左侧列表 */

/* 任务列表 */
.custom-modal-container .settingBtn{
    background: url(../images/setting.svg);
    width: 35px;
    height: 18px;
    border-style: none;
    background-repeat: no-repeat;
} 

/* 任务列表 */

/***** 创建任务 *****/