body {
    color: #000;
    font: 14px Microsoft Yahei,arial,Sans-serif;
}

a {
    color: #000;
    text-decoration: none;
}

    a:hover, a:focus, .navBtn.curr, .nTab ul a:hover, .checkBox a:hover {
        color: #36c087;
    }

.myrwd {
    font-weight: 600;
    color: #36c087;
}

.nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.writeovertime {
    color:red;
}
.icon {
    background: url("../img/icon.png") no-repeat;
}

.spr {
    background: url("../img/spr.png") no-repeat;
}
/*header*/
.headerBg {
    min-width: 1200px;
    background-color: #36c087;
}

.headerWrap {
    margin: 0 auto;
    width: 1200px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
}

    .headerWrap a {
        font-size: 16px;
        color: #fff;
    }

.logo {
    margin-top: 15px;
    display: block;
    width: 125px;
    height: 36px;
}

.fullPage {
    margin: 28px 60px 0 45px;
    display: block;
    width: 18px;
    height: 18px;
    background-position: 0 -42px;
}

    .fullPage.curr {
        background-position: 0 -60px;
    }

.hNav li {
    margin: 0 10px;
}

.hNav a {
    padding-top: 10px;
    display: block;
    width: 100px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    transition: all .3s;
}

    .hNav a:hover {
        background-color: #29ac76;
    }

.logNav {
    height: 62px;
    line-height: 62px;
    overflow: hidden;
}

.user, .logOut {
    display: none;
    margin-top: 20px;
    padding-left: 26px;
    height: 22px;
    line-height: 22px;
}

.logNav .user {
    margin-right: 39px;
    background-position: 0 2px;
}

.logNav .logOut {
    background-position: 0 -20px;
}

.logNav.curr .user, .logNav.curr .logOut {
    display: block;
}

.logNav.curr .logIn {
    display: none;
}
/*nav*/
.navBg {
    min-width: 1200px;
    background-color: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
}

.navWrap {
    margin: auto;
    width: 1200px;
    height: 60px;
    line-height: 60px;
}

    .navWrap a {
        color: #7d8791;
    }

.nav {
    margin-left: 30px;
}

.nTab {
    position: relative;
    margin: 0 17px;
    height: 60px;
}

.navBtn {
    position: relative;
    padding-left: 22px;
    line-height: 60px;
}

    .navBtn i {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 16px;
        height: 16px;
    }

.nTab ul {
    display: none;
    position: absolute;
    left: 50%;
    top: 60px;
    margin-left: -50px;
    padding: 4px 0;
    width: 100px;
    background-color: #fff;
    text-align: center;
    line-height: 32px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
    z-index: 9;
}
/*main*/
.wrapBg {
    min-width: 1200px;
    padding-top: 30px;
    background-color: #f4f4f4;
    overflow: hidden;
}

.wrap {
    margin: 0 auto;
    width: 1200px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
/*m-search*/
.m-search {
    margin: 0 24px;
    padding-top: 25px;
    height: 65px;
}

.s-list li {
    margin-right: 20px;
}

    .s-list li span {
        line-height: 40px;
    }

.s-list .iTxt {
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #000;
    border: 2px solid #ebebeb;
    background-color: #fff;
    transition: all .3s;
}

    .s-list .iTxt:focus {
        border: 2px solid #36c087;
    }

.searchBtn {
    width: 140px;
}

    .searchBtn a, .subBtn a {
        display: block;
        width: 60px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background-color: #36c087;
        color: #fff;
    }

.m-result {
    margin: 0 24px;
    padding: 20px 0;
    border-top: 1px solid #ebebeb;
}

.rTit {
    padding: 0 21px;
    height: 50px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}

.rCon li {
    padding: 0 21px;
    border-bottom: 1px solid #ebebeb;
}

.m-result span {
    display: block;
    text-align: center;
    line-height: 50px;
}

.m-result .num, .m-result .date, .m-result .charge {
    width: 270px;
}

.m-result .name {
    width: 300px;
}

.iSelect {
    position: relative;
    width: 100px;
}

    .iSelect .selectBtn {
        position: relative;
        padding-right: 24px;
        display: block;
        width: 72px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        border: 2px solid #ebebeb;
    }

        .iSelect .selectBtn i {
            position: absolute;
            top: 14px;
            right: 12px;
            display: block;
            width: 12px;
            height: 8px;
            background-position: -3px -121px;
        }

    .iSelect .iTab {
        display: none;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100px;
        text-align: center;
        line-height: 24px;
        background-color: #fff;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
        z-index: 9;
    }

.taskList li {
    margin-right: 13px;
}

.taskList .iTxt {
    width: 66px;
}

.m-select2 .iSelect {
    width: 68px;
}

.m-select3 .iSelect {
    width: 88px;
}

.m-select2 .selectBtn {
    width: 40px;
}

.m-select3 .selectBtn {
    width: 60px;
}
/*m-calendar*/
.m-calendar .caCon {
    position: relative;
    width: 134px;
    height: 40px;
}

    .m-calendar .caCon i {
        position: absolute;
        top: 16px;
        right: 14px;
        display: block;
        width: 12px;
        height: 8px;
        background-position: -3px -121px;
    }

.m-calendar .caBtn {
    padding-right: 20px;
    width: 110px;
    height: 36px;
    text-align: center;
    border: 2px solid #ebebeb;
    background-color: #fff;
}

.widgetCalendar {
    display: none;
    position: absolute;
    top: 40px;
    left: -45px;
    padding: 4px 4px;
    border: 1px solid #36c087;
    background-color: #fff;
    z-index: 9;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
}
/*m-table*/
.m-table {
    margin-top: 20px;
    margin-bottom: 50px;
    overflow: hidden;
}
.m-mincell {
    margin: 30px auto 0;
    width: 300px;
    border: 1px solid #ebebeb;
    table-layout: fixed;
}

    .m-mincell td, .m-mincell th {
        height: 50px;
        text-align: center;
        border: 1px solid #ebebeb;
    }

    .m-mincell tr.curr {
        background-color: #f7f7f7;
    }
.m-cell {
    margin: 30px auto 0;
    width: 1150px;
    border: 1px solid #ebebeb;
}

    .m-cell td, .m-cell th {
        height: 50px;
        text-align: center;
        border: 1px solid #ebebeb;
    }

    .m-cell tr.curr {
        background-color: #f7f7f7;
    }

.start {
    width: 160px;
}

.switch {
    margin: auto;
    width: 98px;
    height: 28px;
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
}

.switchBtn {
    margin-top: 1px;
    margin-left: 0;
    width: 194px;
    transition: all .5s ease;
}

    .switchBtn a {
        position: relative;
        display: block;
        width: 63px;
        height: 24px;
        text-align: center;
        line-height: 24px;
    }

    .switchBtn i {
        position: absolute;
        top: 0;
        display: block;
        width: 26px;
        height: 26px;
        background: url("../img/switch.png") no-repeat;
    }

    .switchBtn .begin {
        padding-right: 8px;
        padding-left: 26px;
        color: #36c087;
    }

    .switchBtn .end {
        padding-left: 8px;
        padding-right: 26px;
        color: #666;
    }

    .switchBtn .begin i {
        left: 1px;
    }

    .switchBtn .end i {
        right: 1px;
        background-position: 0 -28px;
    }

.state a.curr {
    color: #ff5858;
}

.taskCell .num {
    width: 50px;
}
/*m-page*/
.m-page {
    margin: 27px 40px 43px 0;
}

    .m-page a {
        margin-right: 5px;
        display: block;
        width: 26px;
        height: 26px;
        color: #36c087;
        text-align: center;
        line-height: 26px;
        border: 2px solid #e6e6e6;
        transition: all .3s;
    }

        .m-page a:hover {
            border: 2px solid #36c087;
        }

    .m-page .pagePrev {
        width: 30px;
        background-position: 6px -78px;
    }

    .m-page .pageNext {
        width: 30px;
        background-position: 6px -95px;
    }
/*m-new*/
.m-new {
    padding-top: 38px;
    overflow: hidden;
}

    .m-new .s-list {
        margin: 0 25px;
    }

    .m-new li {
        margin: 20px 0;
    }

    .m-new .m-label {
        padding-right: 14px;
        display: block;
        width: 136px;
        height: 40px;
        text-align: right;
    }

.subBtn {
    margin-left: 175px;
    width: 140px;
}

.m-new .ps {
    margin-left: 10px;
    line-height: 40px;
    color: #7d8791;
}

    .m-new .ps em {
        margin-right: 2px;
        line-height: 34px;
        color: #fe4b4b;
    }

.m-new .iSelect {
    width: 210px;
}

.m-new .searchTxt {
    width: 440px;
}

.m-new .selectBtn {
    padding-left: 20px;
    width: 162px;
    text-align: left;
}

.m-new .searchTxt .selectBtn {
    width: 382px;
}

.m-new .iTab, .m-new .caCon {
    width: 210px;
}

.m-new .searchTxt .iTab {
    width: 430px;
}

.m-new .caBtn {
    padding-left: 20px;
    width: 166px;
    text-align: left;
}

.m-new .widgetCalendar {
    left: 0;
}

.m-new .iTxt {
    padding-left: 20px;
    width: 186px;
    text-align: left;
}

.taCon textarea {
    padding-left: 20px;
    width: 416px;
    height: 136px;
    border: 2px solid #ebebeb;
    overflow: auto;
    resize: none;
    line-height: 38px;
    background-color: #fff;
}

.m-new .reset {
    background-color: #ff9a6f;
}
/*m-check*/
.checkCon {
}

    .checkCon a {
        display: block;
        width: 76px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        border: 2px solid #ebebeb;
        margin-right: 10px;
    }

        .checkCon a.curr {
            border: 2px solid #36c087;
            color: #36c087;
        }
/*---------------------login----------------------*/
.logBg {
    position: relative;
    min-width: 1000px;
    height: 690px;
}

.logWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -345px;
    margin-left: -500px;
    width: 1000px;
    height: 690px;
    background: #363636 url("../img/logBg.jpg") no-repeat left;
}

.login {
    position: absolute;
    top: 52px;
    right: 70px;
    width: 360px;
    height: 603px;
    font-size: 16px;
}

    .login .title {
        font-size: 28px;
        line-height: 87px;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }

    .login .error {
        line-height: 52px;
        color: #ff5960;
        text-align: center;
    }

.inputCon {
    height: 34px;
    border-bottom: 1px solid #656363;
    overflow: hidden;
}

.inputCon1 {
    margin-bottom: 26px;
}

.inputCon img {
    margin-top: 4px;
}

.inputCon input {
    padding-left: 14px;
    width: 322px;
    color: #989898;
    line-height: 34px;
    background: none;
    border: none;
}

.checkBox {
    margin-top: 21px;
    margin-bottom: 17px;
    line-height: 18px;
    overflow: hidden;
}

    .checkBox i {
        margin-top: 2px;
        margin-right: 4px;
        display: block;
        width: 14px;
        height: 14px;
        background: url("../img/check.png") no-repeat 0 0;
    }

    .checkBox.curr i {
        background-position: -14px 0;
    }

    .checkBox a {
        color: #989898;
    }

.login .logBtn {
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background-color: #36c087;
    border: none;
    cursor: pointer;
}

.copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #999;
}

/*------------chart1-------------*/
.m-date{ margin: 0 24px; padding: 25px 0;}
.dateSelect{ position: relative; margin-right: 20px; height: 36px; border-radius: 5px; border: 2px solid #29ac76;}
.dateSelect a,.refresh{ display: block; height: 36px; line-height: 36px; color: #7d8791;;}
.mBefore{ padding-left: 30px; width: 66px; background: url("../img/arrow.png") no-repeat 14px -27px;}
.mBefore:hover{ background-color: #36c087; color: #fff; background-position: 14px 0;}
.mNow{ position: relative; padding-left: 40px; width: 80px; border-left: 2px solid #29ac76; border-right: 2px solid #29ac76;}
.mNow i{ position: absolute; top: 10px; left: 15px; display: block; width: 16px; height: 16px; background-position: -40px -136px;}
.mAfter{ padding-left: 20px; width: 76px; background: url("../img/arrow.png") no-repeat 72px -81px;}
.mAfter:hover{ background-color: #36c087; color: #fff; background-position: 72px -54px;}
.refresh{ padding-left: 43px; width: 53px; border-radius: 5px; border: 2px solid #29ac76; background: url("../img/refresh.png") no-repeat 24px 12px;}
.myrwxq {padding-left: 43px;width: 53px;border-radius: 5px;border: 2px solid #29ac76;display: block;height: 36px;line-height: 36px;color: #7d8791;}
.monthView{ display: none; position: absolute; top: 48px; left: -2px; padding: 10px; width: 300px; height: 140px; border: 1px solid #29ac76; background-color: #fff; z-index: 99;}
.ctrl{ padding: 0 50px; height: 40px; line-height: 40px; background-color: #29ac76; overflow: hidden;}
.ctrl .yBefore, .ctrl .yAfter{ margin-top: 12px; width: 16px; height: 16px; background: url(../img/caarrow.png) no-repeat;}
.ctrl .yAfter{ background-position: -16px 0;}
.ctrl .yNow{ margin-left: 34px; width: 100px; font-size: 16px; color: #fff; text-align: center;}
.mCalendar{ margin-top: 10px; background-color: #fafafa;}
.mCalendar li{ width: 25%; text-align: center; cursor: pointer;}
.mCalendar a{ display: inline; line-height: 30px;}
.mCalendar a:hover{ color: #29ac76;}
/*m-chart*/
.m-chart{ position: relative; margin-top: 17px; padding-bottom: 100px;}
.m-chart .nowMonth,.m-chart2 .nowMonth{ position: absolute; top: 20px; left: 50%; margin-left: -490px; width: 980px; font-size: 26px; color: #41403e;}
.m-chart h6,.m-chart2 h6{ line-height: 70px; text-align: center; font-size: 26px; color: #41403e;}
.dateName,.dCalendar{ margin: auto; width: 980px;}
.dateName li{ text-align: right; font-size: 22px; color: #b2b2b2; line-height: 32px;}
.dateName li,.dCalendar td{ width: 140px;}
.dCalendar td{ height: 80px; border: 1px solid #ededed; box-sizing: border-box; line-height: 26px;}
.dCalendar td p{ margin: 0 16px; text-align: right; color: #b2b2b2;}
.dCalendar td a{ margin: 5px auto; display: block; width: 120px; height: 26px; text-align: center; border-radius: 3px; font-size: 16px;}
.optStatus1{ border: 1px solid #7d8791; color: #7d8791;}
.optStatus2{ background-color: #3fe19e; color: #fff;}
.optStatus3{ background-color: #feafc3; color: #fff;}
.optStatus4{ background-color: #FFA500; color: #fff;}
/*memberCon*/
.memberCon,.btnCon{ width: 200px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); overflow: hidden;}
.leader{ position: relative; width: 990px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}
.m-chart2{ margin: 17px auto; width: 1200px;}
.m-chart2 .nowMonth{ margin-left: -455px; width: 910px;}
.mTit{ margin: 20px auto 30px; width: 164px; height: 30px; line-height: 30px; text-align: center;}
.memberCon .num{ display: block; width: 56px;}
.memberCon .name{ display: block; width: 106px;}
.mTit .num{ height: 30px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #f7f7f7;}
.mTit .name{ height: 30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #f7f7f7;}
.mbList{ margin: auto; width: 188px; text-align: center;}
.mbList li{ padding-left: 15px; border-top: 2px solid #f4f4f4; line-height: 40px;}
.mbList li a{ display: block; width: 164px; height: 40px;}
.btnCon{ margin-top: 5px; padding-left: 28px; width: 172px; height: 40px; line-height: 40px; overflow: hidden;}
.btnCon a.curr{ color: #b2b2b2;}
.btnCon span{ margin: 5px 28px; display: block; width: 1px; height: 30px; background-color: #f4f4f4; overflow: hidden;}

    /*alert*/
.alert{ display: none; position: relative; padding: 6px 26px 26px 26px; max-width: 800px; border-radius: 5px; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);}
.alert .ATclose{ position: absolute; top: 8px; right: 8px; display: block; width: 20px; height: 20px; background: url("../img/close.png") no-repeat;}
.alert .aTit{ margin-bottom: 8px; width: 800px; height: 34px; font-size: 16px; color: #333; line-height: 34px; border-bottom: 2px solid #f4f4f4;}
    .alert .jbaTit {
        margin-bottom: 8px;
        width: 800px;
        height: 34px;
        font-size: 16px;
        color: #333;
        line-height: 34px;
    }
.alert .aTit h6{ text-align: center;}
.alert textarea{ padding: 10px; width: 526px; height: 200px; border-radius: 3px; background-color: #f4f4f4; color: #333; line-height: 1; resize: none; border: none;}
.submit{ margin: 10px auto 0; display: block; width: 98px; height: 34px; border-radius: 5px; border: 1px solid #36c087; color: #36c087; font-size: 18px; line-height: 34px; text-align: center;}

/*----------------chart3.html-----------------*/
.m-date .status{ margin-left: 20px; line-height: 40px; color: #000;}
.m-date .stCon{ margin-right: 20px; overflow: hidden;}
.state1,.state2,.state3,.state4{ display: block; width: 16px; height: 16px; background: url("../img/status.png") no-repeat;}
.state2{ background-position: -16px 0;}
.state3{ background-position: -32px 0;}
.state4{ background-position: -48px 0;}
.m-date .stCon i{ margin-top: 12px; margin-right: 10px;}
.m-info{ margin: 19px auto 0; width: 1162px; line-height: 42px; color: #000; text-align: center;}
.m-info li{ height: 42px;}
.m-info li.curr{ background-color: #f4f4f4;}
.m-info .num{ display: block; width: 60px;}
.m-info .name{ display: block; width: 110px;}
.m-info .day{ padding-left: 170px;}
.m-info .day span,.m-info .week span{ display: block; width: 32px;}
.m-info .optBtn{ width: 32px; height: 42px; overflow: hidden;}
.m-info .optBtn a{ margin: 13px auto;}
.m-info .week .weekend{ color: #b2b2b2;}
.pageInfo{ margin: 0 40px; text-align: right; color: #b2b2b2; line-height: 32px;}

.headcur {
    font-size: 16px;
    font-weight: 800;
}

.childheadcur {
     font-weight: 600;
}
.curpage{
    background-color:green;
}
@media(max-width:1024px){
    .alert{width:80%;}
}