::-webkit-input-placeholder { /* WebKit browsers */
color: #dadada;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #dadada;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #dadada;
} 
.bottom-pad-72{ padding-bottom:72px }
.margin-top-9{ margin-top:9px }
.wrap-inner{ background:#f7f9fb; color:#333 }
.wrap-inner-login{ background:#fff }

header.company-header{ background:#fff; border-bottom:1px solid #e5e5e5;height:38px; line-height:38px }
.wrap-inner-login header.company-header{ border:none }
header.company-header .hdr-tit{ color:#333; font-size:15px }
header.company-header .icon-return{ width:50px; background:url(../../images/Company/c-icon-return.png) no-repeat center; background-size:9px auto }
header.company-header .operation{ padding:0 20px; position:absolute; right:0; top:0; height:38px; line-height:38px; color:#333; font-size:14px }

.company-form{ margin-top:9px; padding:0 20px; background:#fff }
.company-form li{ border-bottom:1px solid #f3f3f3; line-height:50px; font-size:14px }
.company-form li:last-child{ border:none }
.company-form li .title-form{ width:88px; color:#666; text-align:left }
.company-form li .title-form.font-3{ letter-spacing:6px }
.company-form li .i-txt, .company-form li .txt-no-modify{ line-height:50px; height:50px; font-size:14px; color:#333; text-align:left; display:block }
.company-form li .txt-no-modify{ color:#999; line-height:20px; height:auto; padding:15px 0 }
    .company-form li .sel-company {
        background: url(../../images/Company/c-icon-right-da.png) no-repeat right center;
        background-size: 9px auto;
        margin-right: 12px;
        padding-right: 12px;
        border: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        width: 1%;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
.company-form li .sel-company.placeholder{ color:#dadada }
.company-form li .sel-company option{ color:#333 }
.company-form li .sel-company:last-child{ margin:0 }

.button-fix-wrap{ position:absolute; z-index:100; left:0; right:0; bottom:16px; padding:0 25px }
.button-fix-wrap .c-button{ height:40px; line-height:40px; width:100%; color:#fff; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; box-shadow:0 3px 10px #f5b5bd;
    background:#f00538; 
    background:-moz-linear-gradient(left, #f00538, #ff5b5b);  
    background:-webkit-gradient(linear, 0 0, right 0, from(#f00538), to(#ff5b5b));  
    background:-o-linear-gradient(left, #f00538, #ff5b5b);
}

.btn-white-through{ background:#fff; height:50px; line-height:50px; color:#f00538; font-size:14px; display:block; margin-top:9px }

.emploree-management-nav{ height:40px; line-height:40px; background:#fff }
.emploree-management-nav li{ font-size:14px; color:#666 }
.emploree-management-nav li .line{ color:#f00538; display:inline-block; border-bottom:1px solid #f00538 }
.emploree-management-nav li .link-li{ color:#666 }

.tip-info-emploree {
    background: url(../../images/Company/c-icon-emploree-line.png) no-repeat 20px center;
    background-size: 18px;
    line-height: 30px;
    height: 30px;
    color: #666;
    text-align: left;
    padding-left: 43px
}

.staff-list{ background:#fff }
.staff-list li{ border-bottom:1px solid #f3f3f3; padding:13px 20px; text-align:left }
.staff-list li .header-img{ float:left; width:30px; margin-right:12px }
.staff-list li .operation{ float:right; padding:0 16px; margin-right:-13px; line-height:30px; color:#666 } 
.staff-list li .name{ line-height:14px; color:#666; padding-bottom:2px }
.staff-list li .phone{ line-height:14px; color:#999 }

.empty-info{ padding-top:110px; font-size:14px; color:#666; }

.pop-confirm-company{ background:#fff; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px; width:65%; text-align:center; overflow:hidden }
.pop-confirm-company .txt{ padding:20px; line-height:18px }
.pop-confirm-company .btn-list{ border-top:1px solid #f3f3f3 }
.pop-confirm-company .btn-list .cp-btn{ width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; line-height:40px; height:40px; color:#0072ff; font-size:15px; border-right:1px solid #f3f3f3  }
.pop-confirm-company .btn-list .cp-btn:last-child{ border:none }

.filter-bar{ padding:9px 15px; line-height:28px }
.filter-bar .date-filter, .filter-bar .search-bar{ height:28px; border:1px solid #e5e5e5; background:#fff; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px }
.filter-bar .date-filter{ width:140px; margin-right:6px }
.filter-bar .search-bar .i-txt{ height:28px; line-height:28px; font-size:12px; color:#666; padding-left:10px; display:block }
    .filter-bar .search-bar .btn-srch {
        background: url(../../images/Company/c-icon-zoom.png) no-repeat center;
        background-size: 16px;
        width: 40px;
        height: 28px
    }

.c-order-list li{ background:#fff; margin-bottom:9px; padding:12px 20px; text-align:left }
.c-order-list li .price{ float:right }
    .c-order-list li .name, .c-order-list li .phone {
        color: #666;
        padding-left: 20px;
        background: url(../../images/Company/c-icon-emploree-line.png) no-repeat 0 center;
        background-size: 15px;
        padding-right: 30px;
        line-height: 24px
    }
    .c-order-list li .phone {
        background-image: url(../../images/Company/c-icon-phone.png)
    }
.c-order-list li .p-txt{ line-height:20px; color:#999 }

.wrap-inner-login .logo-1{ width:58px; margin:12px 0 18px; vertical-align:bottom }
.wrap-inner-login .company-form li{ line-height:30px; padding:3px 0; margin-bottom:18px }
.wrap-inner-login .company-form li:last-child{ border-bottom:1px solid #f3f3f3 }
.wrap-inner-login .company-form li .title-form{ color:#333; width:60px }
.wrap-inner-login .company-form li .i-txt{ line-height:30px; height:30px }
.wrap-inner-login .company-form li .check-num{ background:#dadada; color:#fff; font-size:15px; width:102px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; line-height:30px  }
.wrap-inner-login .company-form li .check-num.correct{ background:#f00538 }
.wrap-inner-login .company-form li .check-num.count-down{ font-size:12px; background:#dadada; line-height:30px }
.wrap-inner-login .tip-info{ color:#666; line-height:18px; margin-top:-6px; padding:0 20px; text-align:left }
.wrap-inner-login .button-fix-wrap{ position:static; padding-top:46px }

.mem-header {
    background: url(../../images/Company/bg-mem-head.png) no-repeat center 0;
    background-size: 100% 89%
}
.mem-header .part-top{ position:relative; padding:38px 15px 20px; text-align:left; color:#fff }
    .mem-header .part-top .setting {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 15;
        width: 20px;
        height: 20px;
        display: block;
        background: url(../../images/Company/c-icon-management.png) no-repeat center;
        background-size: 100%
    }
.mem-header .part-top .personal{ padding:0 12px; line-height:28px; height:28px; color:#fff; -webkit-border-radius:14px 0 0 14px; -moz-border-radius:14px 0 0 14px; border-radius:14px 0 0 14px; position:absolute; right:0; top:68px; z-index:20;
    background:#7e3f4c; 
    background:-moz-linear-gradient(left, #ad524d, #734f4f);  
    background:-webkit-gradient(linear, 0 0, right 0, from(#ad524d), to(#734f4f));  
    background:-o-linear-gradient(left, #ad524d, #734f4f);
}
.mem-header .part-top .header-company{ width:55px; height:55px; -moz-border-radius:55px; -webkit-border-radius:55px; border-radius:55px; margin-right:14px }
.mem-header .part-top .header-company-link{ float:left }
.mem-header .part-top .company-name{ color:#fff; display:block; font-size:16px; line-height:26px; width:58%; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
    .mem-header .part-top .s-link {
        line-height: 28px;
        color: #fff;
        padding: 5px 14px 5px 0;
        background: url(../../images/Company/c-icon-white-sr.png) no-repeat right center;
        background-size: 5px
    }

.main-operations{ margin:0 15px 9px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0 7px; -moz-box-shadow:0 5px 9px #eff1f3; -webkit-box-shadow:0 5px 9px #eff1f3; box-shadow:0 5px 9px #eff1f3 }
.main-operations li .mop-link{ display:block; padding:15px 0 }
.main-operations li .icon-mop{ width:35px }
.main-operations li .mop-name{ font-size:13px; line-height:13px; color:#666 }

.sub-operation{ background:#fff; padding:16px 15px 0; margin-bottom:9px; -moz-box-shadow:0 5px 9px #eff1f3; -webkit-box-shadow:0 5px 9px #eff1f3; box-shadow:0 5px 9px #eff1f3 }
.sub-operation h2.sop-title{ color:#333; font-size:16px; line-height:16px; text-align:left }
.sub-operation .sop-list{ overflow:hidden }
.sub-operation .sop-list li{ width:25%; float:left }
    .sub-operation .sop-list li.big-sum-lft {
        background: url(../../images/Company/bg-grey-divi.png) no-repeat right 0;
        background-size: 15px
    }
.sub-operation .sop-list li .sop-link{ display:block; padding:16px 0; position:relative }
.sub-operation .sop-list li .red-num{ position:absolute; left:50%; margin-left:16px; background:#f00538; color:#fff; font-size:11px; line-height:15px; padding:0 3px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.sub-operation .sop-list li .icon-sop{ width:30px }
.sub-operation .sop-list li p{ color:#666; line-height:12px }

.invitation-header .part-top{ padding:40px 15px 35px }
    .invitation-header .part-top .company-name {
        width: 218px;
        padding-right: 8px;
        background: url(../../images/Company/c-icon-white-sr.png) no-repeat right center;
        background-size: 4px
    }
.invitation-header .part-top .s-links-list{ overflow:hidden }
.invitation-header .part-top .s-links-list li{ float:left }
    .invitation-header .part-top .s-links-list li .s-link {
        background: url(../../images/Company/c-divi.png) no-repeat right center;
        background-size: 1px;
        padding: 5px 15px
    }
.invitation-header .part-top .s-links-list li:first-child .s-link{ padding-left:0 }
.invitation-header .part-top .s-links-list li:last-child .s-link{ background:none }

.fix-invitation-wrap{ position:fixed; left:0; right:0; bottom:0; z-index:200 }
.fix-invitation-wrap .share-wrap{ background:#fff; padding:25px 15px 0 }
.fix-invitation-wrap .share-wrap .title{ font-size:14px; color:#333; line-height:14px; text-align:center }
.fix-invitation-wrap .share-list li{ text-align:center }
.fix-invitation-wrap .share-list .share-link{ display:block; padding:15px 0 30px }
.fix-invitation-wrap .share-list .share-img{ width:40px }
.fix-invitation-wrap .share-list p{ color:#666; line-height:12px }
.fix-invitation-wrap .cancel-btn{ background:#e5e5e5; color:#333; font-size:14px; display:block; line-height:40px; height:40px; text-align:center }

.wrap-invitation{ background:#73b1f6 }
.invi-banner{ width:100%; vertical-align:bottom }
.invi-lower-part{ background:url(../images/c-bgline-blue.png) repeat-x 0 0 #73b1f6; background-size:auto 182px; padding:0 20px }
.invi-lower-part .title-rights{ width:72%; margin:16px 0 20px }
.invi-lower-part .title-congratulate{ width:42% }
.invi-lower-part .congratulate-txt{ padding:14% 0; text-align:center; color:#fff; font-size:15px; }
.invi-lower-part .congratulate-txt b{ color:#fcff00 }

.rights-list{ margin-bottom:24px; overflow:hidden }
.rights-list li{ color:#fff; font-size:14px; line-height:25px; padding-left:10px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:45%; background:url(../images/c-dot-s.png) no-repeat 0 center; background-size:5px; text-align:left  }
.rights-list li:nth-child(2n-1){ width:55% }
.rights-list li b{ color:#fcff00 }

.dialog-wrap{ -webkit-align-items: center; align-items: center;display: -webkit-flex; display: flex; }
.dialog-wrap .header-company{ width:50px }
.dialog-wrap .dialog-pointer{ width:8px; margin-left:12px }
.dialog-wrap .dialog-txts{ padding:12px; background:#fff; color:#333; text-align:left; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.invi-input{ border-bottom:1px solid #b4d5fa; padding-top:44px; height:50px }
.invi-input .i-txt{ line-height:50px; height:50px; color:#fff; font-size:16px }
.invi-input .title{ color:#dbe9fc; font-size:16px; line-height:50px; width:80px; display:block; text-align:left }
.invi-lower-part .btn-white{ background:#fff; height:40px; line-height:40px; font-size:14px; text-align:center; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; display:block; margin-top:20px; color:#0072ff }

.wrap-rights {
    background: url(../../images/Company/c-rights-bottom.png) no-repeat center bottom #fff;
    background-size: 100%;
    text-align: left
}
    .wrap-rights .rights-content {
        background: url(../../images/Company/c-rights-top.png) repeat-x 0 top;
        background-size: auto 273px;
        padding: 25px 20px
    }
.rights-content .rights-card{ width:100%; margin-bottom:30px }
.rights-content .title{ font-size:16px; line-height:16px; margin-bottom:22px }
.rights-detail li {
    padding-left: 16px;
    background: url(../../images/Company/c-dot-green.png) no-repeat 0 8px;
    background-size: 8px;
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.wrap-not-login {
    background: url("../../images/Company/bg-not-login.png") no-repeat 0 bottom #1b1b1b;
    background-size: 100% auto
}
.wrap-not-login .company-header{ border: none}
.wrap-not-login .page-hdr{ width:70%; max-width: 522px; padding:55px 0 40px }
    .wrap-not-login .cmp-title {
        background: url("../../images/Company/bg-line-cmp.png") repeat-x 0 center;
        background-size: auto 1px;
        width: 70%;
        margin: 0 auto 17px
    }
.wrap-not-login .cmp-title .txt{ background:#1b1b1b; padding:0 17px; font-size:11px; line-height: 14px; color:#8d805f; display: inline-block; font-weight: normal}

.icons-list{ color:#999; line-height: 16px; font-size: 12px; padding-bottom: 20px}
.icons-list li .cmp-icon{ width:32px; margin-bottom:7px}
.btn-wrap{ padding-bottom: 40px}
.btn-wrap .cmp-btn-gold{ width: 86.67%; height: 40px; line-height: 40px; font-size: 16px; color:#000; margin-top:28px; border-radius:50px; 
    background:#e1ba59; 
    background:-moz-linear-gradient(left, #f9d681, #be8f1f);  
    background:-webkit-gradient(linear, 0 0, right 0, from(#f9d681), to(#be8f1f));  
    background:-o-linear-gradient(left, #f9d681, #be8f1f);
}