@charset "utf-8";

.jycz_view .jycz_item_one i {
    background-position: -175px -34px;
}

.jycz_view .jycz_item_one.finished_btn i {
    background-position: -175px -34px;
}

.jycz_view .jycz_item_one.doing_btn i {
    background-position: -175px -68px;
}

.jycz_view .jycz_item_two i {
    background-position: -70px 0;
}

.jycz_view .jycz_item_two.finished_btn i {
    background-position: -70px -34px;
}

.jycz_view .jycz_item_two.doing_btn i {
    background-position: -70px -68px;
}

.jycz_view .jycz_item_three i {
    background-position: 0 0;
}

.jycz_view .jycz_item_three.finished_btn i {
    background-position: 0 -34px;
}

.jycz_view .jycz_item_three.doing_btn i {
    background-position: 0 -68px;
}

.jycz_view .jycz_item_four i {
    background-position: -105px 0;
}

.jycz_view .jycz_item_four.finished_btn i {
    background-position: -105px -34px;
}

.jycz_view .jycz_item_four.doing_btn i {
    background-position: -105px -68px;
}

.jycz_view .jycz_item_five i {
    background-position: -140px 0;
}

.jycz_view .jycz_item_five.finished_btn i {
    background-position: -140px -34px;
}

.jycz_view .jycz_item_five.doing_btn i {
    background-position: -140px -68px;
}

.jycz_view .jycz_item_six i {
    background-position: -35px 0;
}

.jycz_view .jycz_item_six.finished_btn i {
    background-position: -35px -34px;
}

.jycz_view .jycz_item_six.doing_btn i {
    background-position: -35px -68px;
}

.jycz_view .jycz_item_senven i {
    background-position: -210px 0;
}

.jycz_view .jycz_item_senven.finished_btn i {
    background-position: -210px -34px;
}

.jycz_view .jycz_item_senven.doing_btn i {
    background-position: -210px -68px;
}



/*绿色：底色#dcffec        选中#0bcd5d*/
/*黄色：底色#ffefda        选中#f78b00*/
/*灰色：底色#f0f0f0        选中#666666*/

/* #29D672    #FF9100  rgba(51, 204, 255, 1)  #C4CBD2 */
.schedule_view_title {
    padding: 10px;
}

.schedule_view_title span {
    position: relative;
    padding-left: 30px;
    color: #666666;
    font-size: 16px;
}

.schedule_view_title span:before {
    position: absolute;
    display: inline-block;
    content: '';
    padding: 4px;
    border-radius: 50%;
    background: #C4CBD2;
    left: 17px;
    top: 8px;
}

.schedule_view_title span:nth-of-type(1):before {
    background: #29D672;
}

.schedule_view_title span:nth-of-type(2):before {
    background: #FF9100;
}

.schedule_view_title span:nth-of-type(3):before {
    background: #017CCA;
}

.schedule_view {
    position: relative;
    padding: 0 40px;
    height: 50px;
    margin: 12px 0;
    overflow: hidden;
}

.schedule_view .schedule_arrow {
    position: absolute;
    z-index: 4;
    top: 9px;
    width: 32px;
    height: 32px;
    background-image: url(../../pingshenguanli/left.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.schedule_view .schedule_arrow.arrow_left {
    left: 0;
}

.schedule_view .schedule_arrow.arrow_right {
    right: 0;
    background-image: url(../../pingshenguanli/right.png);
}

.schedule_view .schedule_list {
    height: 50px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.schedule_view .schedule_list>div {
    position: absolute;
    left: 0;
    white-space: nowrap;
}

.schedule_view .schedule_item {
    padding: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 160px !important;
    height: 50px !important;
    line-height: 50px !important;
    margin-right: 6px !important;
    padding-left: 15px !important;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    float: left;
}
.schedule_view .schedule_item.active{
    background: #0bcd5d;
    color: white;
}

.schedule_item>span {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 130px;
    overflow: hidden;
    font-size: 16px;
}

.schedule_item>i {}

.schedule_item.finished_btn {
    color: #0bcd5d;
    background-color:#dcffec;
}
.schedule_item.finished_btn.active {
    background-color:#0bcd5d;
    color: white;
}

.schedule_item.finished_btn>i:after {
    background-color:#dcffec;
}
.schedule_item.finished_btn.active>i:after {
    background-color:#0bcd5d;
}

.schedule_item.doing_btn {
    background-color:#ffefda        ;
    color: #f78b00;
}

.schedule_item.doing_btn.active {
    background-color:#f78b00;
    color: white;
}

.schedule_item.doing_btn>i:after {
    background-color:#ffefda;
}
.schedule_item.doing_btn.active>i:after {
    background-color:#f78b00;
}

.schedule_item.next_btn {
    background-color:rgba(51, 204, 255, 1) ;
}

.schedule_item.next_btn>i:after {
    background-color:rgba(51, 204, 255, 1);
}

.schedule_item.unfinished_btn {
    background-color:#f0f0f0;
    color: #666;
}
.schedule_item.unfinished_btn.active {
    background-color:#666;
    color: white;
}

.schedule_item.unfinished_btn>i:after {
    background-color:#f0f0f0;
}
.schedule_item.unfinished_btn.active>i:after {
    background-color:#666;
}

.schedule_item:before,
.schedule_item>i:after,
.schedule_item>i {
    position: absolute;
    top: 3px;
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 6px;
    transform: rotate(45deg);
    content: '';
}

.schedule_item>i {
    z-index: 2;
    top: 0;
    height: 50px;
    width: 68px;
    transform: rotate(0);
    overflow: hidden;
    right: -38px;
    background: transparent;
}

.schedule_item:nth-of-type(1):before {
    display: none;
}

.schedule_item:before {
    left: -25px;
    background: white;
}

.schedule_item>i:after {
    z-index: 2;
    background: #dcffec;
    left: 6px;
}
.schedule_item.active>i:after {
    background: #29D672;
}

/* #29D672    #007CC8  #CCE5F4  #C4CBD2 */
.schedule_item>b {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #29D672;
    z-index: 5;
    bottom: -18px;
    left: -80px;
    display: none;
}

.schedule_item:after {
    position: absolute;
    z-index: 8;
    content: '';
    left: 80px;
    top: 60px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: white;
    border: 3px solid #29D672;
    border-radius: 50%;
    display: none;
}

.schedule_item.doing_btn>b {
    background: #FF9100;
}

.schedule_item.doing_btn:after {
    border: 3px solid #FF9100;
}

.schedule_item.next_btn>b {
    background: rgba(51, 204, 255, 1);
}

.schedule_item.next_btn:after {
    border: 3px solid rgba(51, 204, 255, 1);
}

.schedule_item.unfinished_btn>b {
    background-color:rgba(204, 204, 204, 1);
}

.schedule_item.unfinished_btn:after {
    border: 3px solid rgba(204, 204, 204, 1);
    background-color:#FFF;
}

#pingShenTabs>.tabs-header{
    display: none;
}

.button {
    position: relative;
}

.bubble_num {
    position: absolute;
    left: 100%;
    margin-left: -10px;
    top: -8px;
    display: inline-block;
    box-sizing: border-box;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    padding: 0 5px;
    border-radius: 20px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    background: red;
    color: white;
}


.jycz_view>div>p {
    height: auto;
    line-height: 1;
    padding: 12px 6px;
}

.backgr_red{ height:22px; line-height:22px;  text-align:center;  cursor:pointer;   color:#fff;		   display:inline-block;vertical-align:middle;font-size:12px;  background:#df0404; padding:0px 10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px; margin:5px 3px; border:solid 1px #b10000; }
/*.backgr_red:hover{background:#027cff; border:solid 1px #027cff;}*/
.grey_btn{
    height:37px;
    line-height:37px;
    color:#fff;
    text-align:left;
    font-size:16px; padding: 0 25px;
    cursor:pointer;
    margin:0 5px 0 10px;
    vertical-align:middle;
    display:inline-block;
    background: rgba(153, 153, 153, 1); border-radius: 5px;
}

/* 删除按钮 */
.btn_delete{
    height: 33px;
    line-height: 33px;
    color: rgba(237,58,52,1);
    border: 1px solid rgba(237,58,52,1);
    text-align: left;
    font-size: 16px;
    padding: 0 25px;
    cursor: pointer;
    margin: 0 5px 0 10px;
    vertical-align: middle;
    display: inline-block;
    background: white;
    border-radius: 5px;
}
/* 编辑按钮 */
.btn-edit{
    height: 33px;
    line-height: 33px;
    color: #007CC8;
    border: 1px solid #007CC8;
    text-align: left;
    font-size: 16px;
    padding: 0 25px;
    cursor: pointer;
    margin: 0 5px 0 10px;
    vertical-align: middle;
    display: inline-block;
    background: white;
    border-radius: 5px;
}

/*
.divMainContent {
    position: relative!important;
}
*/


/*
    数字、英文字母过长自动换行
 */
td {
    word-break:break-all;
    word-wrap:break-word;
}