#proxyAgentsManagement .proxyAgentsForm {
    float: left;
    width: 94%;
    margin-top: 20px;
    margin-left: 3%
}

#proxyAgentsManagement .proxyAgentsForm .formControl {
    width: auto;
    overflow: hidden;
    font-size: 14px;
}

#proxyAgentsManagement .proxyAgentsForm .formControl ul {
    width: 100%;
    float: left;
    display: inline-block;
}

#proxyAgentsManagement .proxyAgentsForm .formControl ul li {
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1rem;
}

#proxyAgentsManagement .proxyAgentsForm .formControl ul li label {
    margin-right: 1rem;
    text-align: right;
    display: inline-block;
}

#proxyAgentsManagement .proxyAgentsForm .formControl ul li label:after {
    content: ' : '
}

#proxyAgentsManagement .proxyAgentsForm .form .formSearch .formSearchBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    margin-right: 0;
}

#proxyAgentsManagement .proxyAgentsForm .form .formSearch .formSearchBtn:hover {
    background: #c90212;
}

#proxyAgentsManagement .proxyAgentsForm .form .formSearch .formSearchBtn:before {
    content: '\f002';
}

#proxyAgentsManagement .form .formPager {
    width: 100%;
    overflow: hidden;
    text-align: right;
    height: 30px;
    margin: 0 auto 1rem;
}

#proxyAgentsManagement .form .formPager a, .form .formPager span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    text-align: center;
    padding: 0 2px;
    font-size: 14px;
}

#proxyAgentsManagement .form .formPager a {
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
}

#proxyAgentsManagement .form .formPager a:hover, .form .formPager a.active {
    background: #e20012;
    color: #fff;
}

#proxyAgentsManagement .form .formPager input {
    width: 50px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

#proxyAgentsManagement .orgSelect {
    width: 5%
}

#proxyAgentsManagement .orgCode {
    width: 6%
}

#proxyAgentsManagement .agent_unit_name {
    width: 35%
}

#proxyAgentsManagement .name {
    width: 25%
}

#proxyAgentsManagement .agent_corporate_code {
    width: 17%
}

#proxyAgentsManagement .corporate_name {
    width: 15%
}

#proxyAgentsManagement .target_unit_name {
    width: 25%
}

#proxyAgentsManagement .create_time {
    width: 15%
}

#proxyAgentsManagement .contral {
    width: 12%
}

#proxyAgentsManagement #agentCompany .orgSelect {
    width: 5%
}

#proxyAgentsManagement #agentCompany .orgCode {
    width: 10%
}

#proxyAgentsManagement #agentCompany .target_unit_name {
    width: 70%
}

#proxyAgentsManagement #unAgentCompany .orgCode {
    width: 15%
}

#proxyAgentsManagement #unAgentCompany .agent_unit_name {
    width: 80%
}

#proxyManagement .proxyAgentsForm {
    float: left;
    width: 100%;
    margin-top: 20px;
}

#proxyManagement .proxyAgentsForm .formControl {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    margin: 2rem auto 1rem;
}

#proxyManagement .proxyAgentsForm .formControl ul {
    width: 90%;
    float: left;
    display: inline-block;
    margin-left: 10%;
}

#proxyManagement .proxyAgentsForm .formControl ul li {
    width: 30%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1rem;
}

#proxyManagement .proxyAgentsForm .formControl ul li label {
    margin-right: 1rem;
    width: 40%;
    text-align: right;
    display: inline-block;
}

#proxyManagement .proxyAgentsForm .formControl ul li label:after {
    content: ' : '
}

#proxyManagement .proxyAgentsForm .form .formSearch .formSearchBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    margin-right: 0;
}

#proxyManagement .proxyAgentsForm .form .formSearch .formSearchBtn:hover {
    background: #c90212;
}

#proxyManagement .proxyAgentsForm .form .formSearch .formSearchBtn:before {
    content: '\f002';
}

#proxyManagement .form .formPager {
    width: 100%;
    overflow: hidden;
    text-align: right;
    height: 30px;
    margin: 0 auto 1rem;
}

#proxyManagement .form .formPager a, .form .formPager span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    text-align: center;
    padding: 0 2px;
    font-size: 14px;
}

#proxyManagement .form .formPager a {
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
}

#proxyManagement .form .formPager a:hover, .form .formPager a.active {
    background: #e20012;
    color: #fff;
}

#proxyManagement .form .formPager input {
    width: 50px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

#productCodeWin {
    margin: auto;
    width: 400px;
    height: 200px;
    top: 30%;
    left: 30%;
}
#popLabelWindow {
    margin: auto;
    width: 400px;
    height: 200px;
    top: 30%;
    left: 30%;
}
#proxyManagement .orgSelect {
    width: 5%
}

#proxyManagement .orgCode {
    width: 5%
}

#proxyManagement .corporate_name {
    width: 25%
}

#proxyManagement .name {
    width: 45%
}

#proxyManagement .target_unit_name {
    width: 25%
}

#proxyManagement .contral {
    width: 15%
}

#productModifyMain .productSelected {
    width: 5%
}

#productModifyMain .productId {
    width: 5%
}

#productModifyMain .product_name {
    width: 30%
}

#productModifyMain .product_design_name {
    width: 20%
}

#productModifyMain .insurance_type_name {
    width: 20%
}

#productModifyMain .insurance_period_type_name {
    width: 10%
}

#agentProductModifyMain .productSelected {
    width: 5%
}

#agentProductModifyMain .productId {
    width: 5%
}

#agentProductModifyMain .product_name {
    width: 28%
}

#agentProductModifyMain .productcode_bank {
    width: 15%
}

#agentProductModifyMain .product_design_name {
    width: 15%
}

#agentProductModifyMain .insurance_type_name {
    width: 12%
}

#agentProductModifyMain .insurance_period_type_name {
    width: 10%
}

#proxyManagement .proxyProductsForm {
    width: 100%;
}

#proxyManagement .proxyProductsForm .form {
    width: 100%;
    overflow: hidden;
}

#proxyManagement .proxyProductsForm .form ul {
    width: 100%;
    float: left;
    display: inline-block;
}

#proxyManagement .proxyProductsForm .form ul li {
    width: 100%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

#proxyManagement .proxyProductsForm .form ul li label {
    margin-right: 1rem;
    width: 15%;
    text-align: right;
    display: inline-block;
}

#proxyManagement .proxyProductsForm .form ul li label:after {
    content: ' : '
}

#proxyManagement .proxyProductsForm .form .formList ul li span {
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

#proxyManagement .proxyProductsForm .form ul select {
    width: 25%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#proxyManagement .proxyProductsForm .form .formSearch ul {
    width: 100%;
    float: left;
    display: inline-block;
}

#proxyManagement .proxyProductsForm .form .formSearch ul li {
    width: 50%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

#proxyManagement .proxyProductsForm .form .formSearch ul li label {
    margin-right: 1rem;
    width: 40%;
    text-align: right;
    display: inline-block;
}

#proxyManagement .proxyProductsForm .form .formSearch ul li label:after {
    content: ' : '
}

#proxyManagement .proxyProductsForm .form .formSearch ul .formSearchInput, .formSearch ul select {
    width: 50%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#proxyManagement .proxyProductsForm .form .formSearch ul select {
    margin-left: -4px;
    text-align: center;
}

#proxyManagement .proxyProductsForm .form .formSearch .formSearchBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: right;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    margin-right: 0;
}

#proxyManagement .proxyProductsForm .form .formSearch .formSearchBtn:hover {
    background: #c90212;
}

#proxyManagement .proxyProductsForm .form .formSearch .formSearchBtn:before {
    content: '\f002';
}

#proxyManagement .proxyProductsForm .productIndex {
    width: 20%
}

#proxyManagement .proxyProductsForm .productName {
    width: 60%
}

#proxyManagement .proxyProductsForm .control {
    width: 20%
}

#proxyManagement #productModifyMain .formSearch {
    width: 100%;
}

#proxyManagement #productModifyMain .formSearch li {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

#proxyManagement #productModifyMain .formSearch li.withText {
    height: auto;
    overflow: hidden;
}

#proxyManagement #productModifyMain .formSearch label {
    text-align: right;
    display: inline-block;
}

#proxyManagement #productModifyMain .formSearch li.withText label {
    float: left;
}

#proxyManagement #productModifyMain .formSearch label:after {
    content: " : "
}

#proxyManagement #productModifyMain .formSearch input, .modifyPop .formSearch select, .modifyPop .formSearch textarea {
    width: 25%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#proxyManagement #productModifyMain .formSearch textarea {
    float: left;
    width: 25%;
    height: 200px;
    margin: 5px 0 0 4px;
    resize: none;
    padding: 5px;
}

#proxyManagement #productModifyMain .error {
    font-size: 12px;
    color: #e20012;
    margin-left: 1rem;
}

#productModifyMain .form ul {
    width: 100%;
    float: left;
    display: inline-block;
}

#productModifyMain .form ul li {
    width: 100%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

#productModifyMain .form ul li label {
    margin-right: 1rem;
    width: 20%;
    text-align: right;
    display: inline-block;
}

#productModifyMain .form ul li label:after {
    content: ' : '
}

#productModifyMain .form ul select {
    width: 25%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#productModifyMain .form .formSearch ul .formSearchInput, .formSearch ul select {
    width: 25%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#agentProductModifyMain .form ul {
    width: 100%;
    float: left;
    display: inline-block;
}

#agentProductModifyMain .form ul li {
    width: 100%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

#agentProductModifyMain .form ul li label {
    margin-right: 1rem;
    width: 20%;
    text-align: right;
    display: inline-block;
}

#agentProductModifyMain .form ul li label:after {
    content: ' : '
}

#agentProductModifyMain .form ul select {
    width: 25%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#agentProductModifyMain .form .formSearch ul .formSearchInput, .formSearch ul select {
    width: 25%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#proxyManagement #productModifyMain .form .formSearch .formSearchBtn {
    overflow: hidden;
    font-size: 14px;
    margin: 2rem auto 1rem;
}

#proxyManagement #productModifyMain .form .formSearch .formSearchBtn {
    margin-left: 28px;
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
}

#proxyManagement #productModifyMain .form .formSearch .formSearchBtn:hover {
    background: #c90212;
}

#proxyManagement #productModifyMain .form .formSearch .formSearchBtn:before {
    content: '\f002';
}

#productAgent {
    width: 100%;
    overflow: hidden;
}

#productAgent .organizationTree {
    width: 250px;
    float: left;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem;
    font-size: 14px;
}

#productAgent .organizationForm {
    width: 85%;
    margin: 0 auto;
}

#productAgent .organizationForm .orgCode {
    width: 7%;
}

#productAgent .organizationForm .orgName {
    width: 21%;
}

#productAgent .organizationForm .orgLvl {
    width: 21%;
}

#productAgent .organizationForm .bankCode {
    width: 18%;
}

#productAgent .organizationForm .ownerCode {
    width: 15%;
}

#productAgent .organizationForm .contral {
    width: 18%;
}

#productAgent #productModifyMain {
    height: 460px;
    overflow: hidden;
    overflow-y: scroll;
}

#inspectionManagement {
    width: 100%;
    overflow: hidden;
}

#inspectionManagement .organizationTree {
    width: 250px;
    float: left;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem;
    font-size: 14px;
}

#inspectionManagement .organizationForm {
    margin: 0 30px 0 275px;
}

#taskPoolManagement {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

#taskPoolManagement .taskPoolMain {
    float: left;
    width: 90%;
    margin-top: 20px;
    margin-left: 5%
}

#task {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

#task .taskTree {
    width: 250px;
    float: left;
    display: inline-block;
    margin-right: 2rem;
    padding: 1rem;
    font-size: 14px;
}

#task .taskTree .taskOne li {
    text-indent: 2rem;
}

#task .taskTree .taskOne li a {
    height: 30px;
    line-height: 30px;
    display: block;
    width: 100%;
    position: relative;
}

#task .taskTree .taskOne li a:hover, .taskTree .taskOne li a.active {
    color: #e20012;
}

#task .taskTree .taskOne li .hasChildren:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    position: absolute;
    top: 1px;
    left: -15px;
    font-size: 18px;
}

#task .taskTree .taskOne li .showChildren:before {
    content: '\f0d7';
}

.taskMain {
    width: 100%;
    font-size: 1.6rem;
}

.taskMain .taskName {
    text-align: left;
}

.taskMain .formSearchBtn {
    overflow: hidden;
    font-size: 14px;
    margin: 2rem auto 1rem;
}

.taskMain .formSearchBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
}

.taskMain .formSearchBtn:hover {
    background: #c90212;
}

.taskMain .formSearchBtn:before {
    content: '\f002';
}

.mediasMain {
    float: left;
    width: 100%;
    height: 100%
}

.mediasMain .videoForm {
    width: 100%;
}

.mediasMain .videoForm ul {
    width: 100%;
    float: left;
    display: inline-block;
}

.mediasMain .videoForm ul li {
    width: 40%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1rem;
}

.mediasMain .videoForm ul li label {
    margin-right: 1rem;
    width: 40%;
    text-align: right;
    display: inline-block;
}

.taskleftMin {
    display: none;
}

.taskrightMax {
    float: left;
    width: 100%;
    height: 100%
}

.taskModifyMain {
    width: 100%;
    height: 90%;
    lineHeight: 25px;
    font-size: 14px;
}

.taskModifyMain ul li label {
    margin-right: 1rem;
    width: 33%;
    text-align: left;
    display: inline-block;
    margin-left: 2%
}

.taskModifyMain ul li label:after {
    content: ' : '
}

.taskPolicy {
    width: 100%;
    height: 60%;
    lineHeight: 25px;
    font-size: 14px;
}

.taskPolicy ul li label {
    margin-right: 1rem;
    width: 34%;
    text-align: left;
    display: inline-block;
    margin-left: 2%
}

#task .taskPolicy ul li label:after {
    content: ' : '
}

.taskHistoryList {
    width: 100%;
    overflow-y: auto;
    float: left;
    height: 60%;
}

.taskCheckHistoryList {
    width: 100%;
    overflow-y: auto;
    float: left;
    height: 60%;
}

.taskrightMax .taskCheckHistoryList {
    width: 100%;
    overflow-y: auto;
    float: left;
    height: 90%;
}

.taskrightMax .taskHistoryList {
    width: 100%;
    overflow-y: auto;
    float: left;
    height: 90%;
}

.taskright .taskModifyMain {
    width: 100%;
    overflow-y: auto;
    float: left;
    height: 60%;
}

.taskrightMax .taskPolicy {
    width: 100%;
    overflow-y: auto;
    float: left;
    height: 90%;
}

.taskHistoryList .form .formSearch ul li label {
    width: 40%;
    float: left;
    overflow: hidden
}

.taskHistoryList .form .formSearch ul {
    width: 90%;
    float: left;
    display: inline-block;
}

.taskHistoryList .form .formSearch ul li {
    width: 40%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1rem;
}

.taskHistoryList .form .formSearch ul li label {
    margin-right: 1rem;
    width: 40%;
    text-align: right;
    display: inline-block;
}

.taskHistoryList .form .formSearch ul li label:after {
    content: ' : '
}

.taskHistoryList .form .formSearch ul .formSearchInput, .form .formSearch ul select {
    width: 50%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

.taskHistoryList .form .formSearch ul select {
    margin-left: -4px;
}

.taskHistoryList .form .formSearch .error {
    font-size: 12px;
    color: #e20012;
    margin-left: 1rem;
}

.videocontainer {
    width: 100%;
    height: 100%;
    float:left;
}

.taskleft {
    float: left;
    width: 60%;
    height: 100%
}

.taskleft .videoChapter {
    width: 100%;
    float: left;
    height: 40%;
}

.taskleft .videoChapter .formSeekBtn {
    overflow: hidden;
    font-size: 14px;
}

.taskleft .videoChapter .formSeekBtn {
    background: #e0e0e0;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #000;
    border-bottom: 1px solid #ccc;
}

.taskleft .videoChapter .formSeekBtn:hover {
    background: #aaa;
}

.taskleft .videoChapter .videoChapterList {
    float: left;
    width: 50%;
    height: 100%;
    overflow-y: auto;
}

.taskleft .videoChapter .videoChapterDiv {
    float: left;
    width: 50%;
    height: 100%;
    padding-left: 5px;
}

.taskright {
    float: left;
    width: 40%;
    height: 100%
}

.videoTask {
    width: 100%;
    float: left;
    height: 20%;
    margin-left: 3px;
}

.videoTaskBtn {
    width: 100%;
    float: left;
    height: 10%;
    margin-left: 3px;
}

#taskright .popWinBtns {
    width: 100%;
    overflow: hidden;
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 1rem 0 0;
    margin: 1rem auto 0;
}

#taskright .popWinBtns a {
    width: 50px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
}

#taskright .popWinBtns a:hover {
    background: #e20012;
    color: #fff;
}

#task .task_insuranceperiod {
    background-color: #EEEEEE;
}

#task .task_payment_term {
    background-color: #EEEEEE;
}

#task .task_customername {
    background-color: #EEEEEE;
}

#task .task_id_card_type {
    background-color: #EEEEEE;
}

#task .task_customeridno {
    background-color: #EEEEEE;
}

#task .task_customerbirthday {
    background-color: #EEEEEE;
}

#task .task_jobtype {
    background-color: #EEEEEE;
}

#task .task_jobid {
    background-color: #EEEEEE;
}

#task .task_insurance_id {
    background-color: #EEEEEE;
}

#task .task_cover_insurance_id {
    background-color: #EEEEEE;
}

#task .task_enable_insuranceperiod {
    background-color: #FFFFFF;
}

#task .task_enable_payment_term {
    background-color: #FFFFFF;
}

#task .task_enable_customername {
    background-color: #FFFFFF;
}

#task .task_enable_id_card_type {
    background-color: #FFFFFF;
}

#task .task_enable_customeridno {
    background-color: #FFFFFF;
}

#task .task_enable_customerbirthday {
    background-color: #FFFFFF;
}

#task .task_enable_jobtype {
    background-color: #FFFFFF;
}

#task .task_enable_jobid {
    background-color: #FFFFFF;
}

#task .task_enable_insurance_id {
    background-color: #FFFFFF;
}

#task .task_enable_cover_insurance_id {
    background-color: #FFFFFF;
}

.taskForm {
    width: 100%;
    overflow-y: auto;
    float: left;
    height: 100%;
}

.popWinFull {
    background: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 50%;
    left: 50%;
    min-width: 1300px;
}
.videoBtn:hover{
    background:#262626;
}
.popWinMain {
    width: 100%;
    padding: 2rem;
    height: 93%;
    overflow: hidden;
}

.popWinMain .modifyPop {
    font-size: 14px;
    /*height: 100%*/
}

.taskForm .title {
    width: 100%;
    line-height: 40px;
    text-indent: 20px;
    font-weight: bold;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    text-align: left;
}

.taskForm .taskformList ul li input, select {
    border: solid 1px #ccc;
    /*border-radius: 5px;*/
    /*text-indent: 0.6rem;*/
    width: 60%;
    height: 30px;
    line-height: 30px;
}

.popWinFull .popWinTitle {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    font-weight: bold;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-size: 1.6rem;
}

.popWinFull .popWinTitle .closePopWin {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #e20012;
    display: block;
    text-indent: 0;
    font-size: 24px;
}

.popWinFull .popWinBtns {
    width: 100%;
    overflow: hidden;
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 1rem 0 0;
    margin: 1rem auto 0;
}

.popWinFull .popWinBtns a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
}

.popWinFull .popWinBtns a:hover {
    background: #e20012;
    color: #fff;
}

.tabtitle {
    margin: 10px 0
}

.tabtitle > li {
    margin: 0 5px;
    padding: 0 11px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    background: #e20012;
    color: #ffffff;
    font-size: 14px
}

.tabtitle .tabclass {
    background: #fff;
    border: 1px solid #e20012;
    color: #000000;
    font-size: 1.4rem
}

#task .taskList {
    width: 98%;
    margin-left: 1%;
    text-align: center;
    font-size: 14px;
}

#task .taskList .roleListTitle {
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

#task .taskList a {
    margin-left: auto;
    margin-right: 3px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    font-size: 14px;
}

/*#task .taskList a:nth-child(2n){background:#f2f2f2;}*/
#task .taskList a:hover, #role .roleList a.active {
    background: #e20012;
    color: #ffffff
}

#task .taskList .form {
    width: 100%;
    overflow: hidden;
}

#task .taskList .form .formSearch {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    margin: 2rem auto 1rem;
}

#task .taskList .form .formSearch ul {
    width: 100%;
    float: left;
    display: inline-block;
}

#task .taskList .form .formSearch ul li {
    width: 24%;
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1rem;
}

/*#task .taskList .form .formSearch ul li label{margin-right:1rem;width:45%;text-align:right;display:inline-block;}*/
/*#task .taskList .form .formSearch ul li label:after{content:' : '}*/
#task .taskList .form .formSearch ul .formSearchInput, .form .formSearch ul select {
    width: 55%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
}

#task .taskList .form .formSearch ul select {
    margin-left: -4px;
}

#task .taskList .form .formSearch .formSearchBtn {
    background: #e20012;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
}

#task .taskList .form .formSearch .formSearchBtn:hover {
    background: #c90212;
}

#task .taskList .form .formSearch .formSearchBtn:before {
    content: '\f002';
}

channelname
channelname #task .formTable .tasknum {
    color: #f00;
}

#task .formTable .taskid {
    width: 3%;
}

#task .formTable .userid {
    width: 12%;
}

#task .formTable .channelname {
    width: 5%;
}

#task .formTable .tasksourcename {
    width: 5%;
}

#task .formTable .username {
    width: 5%;
}

#task .formTable .customername {
    width: 5%;
}

#task .formTable .createtime {
    width: 11%;
}

#task .formTable .uploadtime {
    width: 5%;
}

#task .formTable .productname {
    width: 7%;
}

#task .formTable .jobid {
    width: 7%;
}

#task .formTable .jobtype {
    width: 7%;
}

#task .formTable .transcode_count {
    width: 2%;
}

#task .formTable .taskstatusname {
    width: 5%;
}

#task .formTable .auditor_name {
    width: 5%;
}

#task .formTable .auditingresult {
    width: 7%;
}

#task .formTable .auditunitname {
    width: 5%;
}

#task .formTable .is_auto_auditname {
    width: 5%;
}

#task .formTable .auditingdes {
    width: 8%;
}

#task .formTable .payment_termname {
    width: 4%;
}

#task .formTable .substatusname {
    width: 0%;
}

#task .formTable .recheckstatusname {
    width: 4%;
}

#task .formTable .contral {
    width: 19%;
}

#task .createtime {
    width: 50%;
}

#task .username {
    width: 50%;
}

#task .phone {
    width: 50%;
}

#task .compid {
    width: 50%;
}

#task .counterid {
    width: 50%;
}

#task .officeid {
    width: 50%;
}

#task .area {
    width: 50%;
}

#task .nsurerid {
    width: 50%;
}

#task .productid {
    width: 50%;
}

#task .jobtype {
    width: 50%;
}

#task .jobno {
    width: 50%;
}

#task .batno {
    width: 50%;
}

#task .tasktype {
    width: 50%;
}

#task .customeridtype {
    width: 50%;
}

#task .customeridno {
    width: 50%;
}

#task .customerbirthday {
    width: 50%;
}

#task .insuranceperiod {
    width: 50%;
}

#task .isissue {
    width: 50%;
}

#task .duedate {
    width: 50%;
}

#task .ploadtime {
    width: 50%;
}

#task .ispermanent {
    width: 50%;
}

#task .permanenttime {
    width: 50%;
}

#task .auditingtime {
    width: 50%;
}

#task .templateid {
    width: 50%;
}

#task .task_templateid {
    width: 50%;
}

#task .operatorid {
    width: 10%;
}

#task .operator {
    width: 0%;
}

#task .operator_name {
    width: 20%;
}

#task .operate_type_code {
    width: 0%;
}

#task .operate_type_name {
    width: 25%;
}

#task .happne_timename {
    width: 22%;
}

#task .remark {
    width: 25%;
}

#task .userName {
    width: 18%;
}

#task .userUnitId {
    width: 15%;
}

#task .sub_type_name {
    width: 15%;
}

#task .userWorkNumber {
    width: 15%;
}

#task .certification {
    width: 48%;
}

#task .userMail {
    width: 15%;
}

#task .tel_phone {
    width: 15%;
}

#taskPoolManagement .id {
    width: 5%;
}

#taskPoolManagement .name {
    width: 20%;
}

#taskPoolManagement .number {
    width: 10%;
}

#taskPoolManagement .create_time {
    width: 20%;
}

#taskPoolManagement .create_person {
    width: 20%;
}

#taskPoolManagement .contral {
    width: 20%;
}

#taskPersonWindow .userIndex {
    width: 7%;
}

#taskPersonWindow .userSelect {
    width: 5%;
}

#taskPersonWindow .userName {
    width: 18%;
}

#taskPersonWindow .userUnitId {
    width: 15%;
}

#taskPersonWindow .work_number {
    width: 15%;
}

#taskPersonWindow .tel_phone {
    width: 15%;
}

#taskPersonWindow .userMail {
    width: 30%;
}

#taskPoolManagement .userIndex {
    width: 7%;
}

#taskPoolManagement .userSelect {
    width: 5%;
}

#taskPoolManagement .userName {
    width: 18%;
}

#taskPoolManagement .userUnitId {
    width: 15%;
}

#taskPoolManagement .work_number {
    width: 15%;
}

#taskPoolManagement .tel_phone {
    width: 15%;
}

#taskPoolManagement .userMail {
    width: 30%;
}

#taskPoolManagement .taskPool {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 0 1rem 1rem;
    margin: 0 auto 1rem;
    position: relative;
}

#taskPoolManagement .taskPool label {
    margin-right: 1rem;
    text-align: right;
    display: inline-block;
}

#taskPoolManagement .taskPool label:after {
    content: ' : '
}

#taskPoolManagement .taskPool input, #taskPoolManagement .taskPool select {
    width: 150px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 1rem;
}

#editTaskPool {
    width: 100%;
    font-size: 14px;
}

#editTaskPool .editTaskPoolParam {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 0 1rem 1rem;
    margin: 0 auto 1rem;
    position: relative;
}

#editTaskPool .editTaskPoolParam label {
    margin-right: 1rem;
    text-align: right;
    display: inline-block;
    width: 16%;
    margin-bottom: 1rem;
}

#editTaskPool .editTaskPoolParam label:after {
    content: ' : '
}

#editTaskPool .editTaskPoolParam input, .editTaskPoolParam select {
    width: 150px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 1rem;
    border: 1px solid #ccc;
}

#editTaskPool a.btn {
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

#editTaskPool a.btn:hover {
    background: #e20012;
    color: #fff;
}

#editTaskPool .editTaskPoolParam #pool-div-corporatetype {
    margin-left: 4%;
    display: inline-block;
    width: 80%;
}

#editTaskPool a.btnDelete {
    right: 100px;
}

#editTaskPool .templateListLine input {
    width: 95%;
    margin: 2px auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 26px;
    padding: 0 5px;
    display: block;
    text-align: center;
}

#editTaskPool .error {
    font-size: 14px;
    color: #e20012;
    margin-left: 1rem;
    margin-right: 2rem;
}

#productAgent #taskPool {
    height: 460px;
    overflow: hidden;
    overflow-y: scroll;
}

.popMinWin {
    background: #fff;
    width: 400px;
    height: 300px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -200px;
    border-radius: 10px;
}

.popMinWin .popWinTitle {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    font-weight: bold;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-size: 16px;
}

.popMinWin .popWinTitle .closePopWin {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #e20012;
    display: block;
    text-indent: 0;
    font-size: 24px;
}

.popMinWin .popWinMain {
    width: 100%;
    padding: 20px;
    height: 200px;
    overflow: hidden;
}

.popMinWin .popWinBtns {
    width: 100%;
    overflow: hidden;
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 1rem 20px 0;
    margin: 1rem auto 0;
}

.popMinWin .popWinBtns a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid #e20012;
    color: #e20012;
    border-radius: 5px;
}

.popMinWin .popWinBtns a:hover {
    background: #e20012;
    color: #fff;
}

#tabInspectionGroup .groupSelect {
    width: 10%;
}

#tabInspectionGroup .groupIndex {
    width: 10%;
}

#tabInspectionGroup .groupName {
    width: 30%;
}

#tabInspectionGroup .groupSamplingRate {
    width: 20%;
}

#tabInspectionGroup .contral {
    width: 30%;
}

#tabReCheckInspectionGroup .groupSelect {
    width: 10%;
}

#tabReCheckInspectionGroup .groupIndex {
    width: 10%;
}

#tabReCheckInspectionGroup .groupName {
    width: 30%;
}

#tabReCheckInspectionGroup .contral {
    width: 50%;
}

#popReCheckRoleWindow .id {
    width: 10%;
}

#popReCheckRoleWindow .check_group_name {
    width: 40%;
}

#popReCheckRoleWindow .rest_sampling_rate {
    width: 15%;
}

#popReCheckRoleWindow .sampling_rate {
    width: 15%;
}

#popReCheckRoleWindow .contral {
    width: 25%;
}

#popWindowTaskUnitConfig .id {
    width: 10%
}

#popWindowTaskUnitConfig .index {
    width: 10%
}

#popWindowTaskUnitConfig .property_name {
    width: 50%
}

#popWindowTaskUnitConfig .order {
    width: 20%
}

#popWindowTaskUnitConfig .contral {
    width: 10%
}

#fileDelete .fileForm .id {
    width: 5%
}

#fileDelete .fileForm .create_name {
    width: 7%
}

#fileDelete .fileForm .unit_name {
    width: 10%
}

#fileDelete .fileForm .batch_id {
    width: 15%
}

#fileDelete .fileForm .batch_time {
    width: 10%
}

#fileDelete .fileForm .excel {
    width: 8%
}

#fileDelete .fileForm .file_pwd {
    width: 20%
}

#fileDelete .fileForm .del_flagname {
    width: 5%
}

#fileDelete .fileForm .contral {
    width: 17%
}

#fileDelete #popWindowForUnDelBatch .id {
    width: 3%
}

#fileDelete #popWindowForUnDelBatch .taskid {
    width: 8%
}

#fileDelete #popWindowForUnDelBatch .jobid {
    width: 10%
}

#fileDelete #popWindowForUnDelBatch .cover_insurance_id {
    width: 7%
}

#fileDelete #popWindowForUnDelBatch .insurance_id {
    width: 7%
}

#fileDelete #popWindowForUnDelBatch .uploadtime {
    width: 12%
}

#fileDelete #popWindowForUnDelBatch .size {
    width: 6%
}

#fileDelete #popWindowForUnDelBatch .duration {
    width: 6%
}

#fileDelete #popWindowForUnDelBatch .del_reason {
    width: 10%
}

#fileDelete #popWindowForUnDelBatch .exe_del_person {
    width: 7%
}

#fileDelete #popWindowForUnDelBatch .exe_del_time {
    width: 12%
}

#fileDelete #popWindowForUnDelBatch .batch_id {
    width: 12%
}

#popWindowForFile .fileOperate {
    width: 5%
}

#popWindowForFile .fileid {
    width: 5%
}

#popWindowForFile .taskid {
    width: 5%
}

#popWindowForFile .jobid {
    width: 15%
}

#popWindowForFile .insurance_id {
    width: 15%
}

#popWindowForFile .cover_insurance_id {
    width: 15%
}

#popWindowForFile .productname {
    width: 15%
}

#popWindowForFile .taskstatusname {
    width: 10%
}

#popWindowForFile .createtime {
    width: 15%
}

#popWindowForUnDel .unDelSelect {
    width: 3%
}

#popWindowForUnDel .fileid {
    width: 4%
}

#popWindowForUnDel .id {
    width: 5%
}

#popWindowForUnDel .taskid {
    width: 7%
}

#popWindowForUnDel .jobid {
    width: 14%
}

#popWindowForUnDel .insurance_id {
    width: 10%
}

#popWindowForUnDel .cover_insurance_id {
    width: 10%
}

#popWindowForUnDel .uploadtime {
    width: 12%
}

#popWindowForUnDel .size {
    width: 8%
}

#popWindowForUnDel .duration {
    width: 8%
}

#popWindowForUnDel .del_reason {
    width: 15%
}

#popWindowForUnDel .batch_id {
    width: 0%
}

#popWindowForUnDel .control {
    width: 8%
}

#fileDownload .fileForm .id {
    width: 5%
}

#fileDownload .fileForm .unit_name {
    width: 10%
}

#fileDownload .fileForm .create_name {
    width: 7%
}

#fileDownload .fileForm .batch_id {
    width: 11%
}

#fileDownload .fileForm .batch_time {
    width: 10%
}

#fileDownload .fileForm .excel {
    width: 6%
}

#fileDownload .fileForm .file_pwd {
    width: 17%
}

#fileDownload .fileForm .auth_flag {
    width: 5%
}

#fileDownload .fileForm .auth_time {
    width: 10%
}

#fileDownload .fileForm .contral {
    width: 18%
}

#fileDownload .unDownloadSelect {
    width: 3%
}

#fileDownload .id {
    width: 4%
}

#fileDownload .taskid {
    width: 5%
}

#fileDownload .jobid {
    width: 15%
}

#fileDownload .insurance_id {
    width: 10%
}

#fileDownload .cover_insurance_id {
    width: 10%
}

#fileDownload .uploadtime {
    width: 7%
}

#fileDownload .size {
    width: 5%
}

#fileDownload .duration {
    width: 5%
}

#fileDownload .del_reason {
    width: 15%
}

#fileDownload .batch_id {
    width: 13%
}

#fileDownload .contral {
    width: 10%
}

.floor-tab-li {
    float: left;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #ddd;
    background-color: #ffffff;
    cursor: pointer;
}

.tabActive {
    color: #fff;
    font-size: 14px;
    background-color: #B36A46;
    border: 1px solid #B36A46;
}

.imagecontainer {
    width: 100%;
    margin: 0 auto;
}

.imagecontainer li {
    display: inline-block;
    margin-left: 1%;
    padding-top: 1%;
}

.imagecontainer li img {
    width: 100%;
}

#samplingManagement .userSelect {
    width: 10%
}

#samplingManagement .userIndex {
    width: 10%
}

#samplingManagement .userName {
    width: 10%
}

#samplingManagement .userTypeName {
    width: 10%
}

#samplingManagement .work_number {
    width: 20%
}

#samplingManagement .roleName {
    width: 10%
}

#samplingManagement .userMail {
    width: 10%
}

#samplingManagement .contral {
    width: 10%
}

#sampling .operatorid {
    width: 10%;
}

#sampling .operator {
    width: 0%;
}

#sampling .operator_name {
    width: 20%;
}

#sampling .operate_type_code {
    width: 0%;
}

#sampling .operate_type_name {
    width: 25%;
}

#sampling .happne_timename {
    width: 22%;
}

#sampling .remark {
    width: 25%;
}

#samplingManagement .formTable .taskid {
    width: 5%;
}

#samplingManagement .formTable .userid {
    width: 12%;
}

#samplingManagement .formTable .channelname {
    width: 8%;
}

#samplingManagement .formTable .tasksourcename {
    width: 5%;
}

#samplingManagement .formTable .username {
    width: 8%;
}

#samplingManagement .formTable .customername {
    width: 5%;
}

#samplingManagement .formTable .createtime {
    width: 11%;
}

#samplingManagement .formTable .uploadtime {
    width: 5%;
}

#samplingManagement .formTable .productname {
    width: 10%;
}

#samplingManagement .formTable .jobid {
    width: 7%;
}

#samplingManagement .formTable .jobtype {
    width: 7%;
}

#samplingManagement .formTable .transcode_count {
    width: 5%;
}

#samplingManagement .formTable .taskstatusname {
    width: 8%;
}

#samplingManagement .formTable .auditor_name {
    width: 5%;
}

#samplingManagement .formTable .auditingresult {
    width: 7%;
}

#samplingManagement .formTable .auditunitname {
    width: 5%;
}

#samplingManagement .formTable .is_auto_auditname {
    width: 5%;
}

#samplingManagement .formTable .auditingdes {
    width: 8%;
}

#samplingManagement .formTable .payment_termname {
    width: 5%;
}

#fileTable .colorGray1 {
    background: #aeaeae;
}

#fileTable .colorGray2 {
    background: #dbdada;
}

.colorVideoGray1{
    background-color: #404040;
}
.colorVideoGray2{
    background-color: #262626;
}
#samplingSearchRadio .colorGray {
    background: #EEEEEE;
}

#samplingSearchRadio .colorWhite {
    background: #FFFFFF;
}

.formatter{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.datagrid-wrap{
    border: 1px solid #ccc;
}

#videoChapter .btn:before{
    content: none;
}