a{
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}
li{
    list-style: none;
}
body,html{
    font-size:.32rem;
    font-family:"Microsoft YaHei";
    background: #f6f7fb;
}
.container{
    width:100%;
    margin:0 auto;
    margin:0;
    padding:0;

}
.cont{
    width:1180px;
    margin:0 auto;
}
.top{
    width:1180px;
    height:330px;
    margin-top:30px;
}
.task{
    width:775px;
    height:330px;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    float:left;
    background:url(images/renwu.png);
}
.list{
    margin: 30px 0 0 15px;
}
.task h2{
    float:left;
    font-size:20px;
    margin-right:24px;
    font-weight: normal;
}
.task strong{
    display: inline-block;
    float:left;
    font-size:16px;
    margin-right:40px;
    font-weight: normal;
    margin-top:3px;
}
.task a{
    display:inline-block;
    width:156px;
    height:32px;
    line-height: 32px;
    font-size:16px;
    color:#8b9096;
    border-radius: 15px 15px 15px 15px;
    border:1px solid #8b9096;
    text-align: center;
}
.task h4{
    font-size:14px;
    margin:40px 0 18px 0;
    font-weight: normal;
}
.task i{
    font-style: normal;
    font-size:16px;
    color:#8b9096;
}
.task  .dayclass{
    color:#ff8073;
    font-size:18px;
    margin:0 10px;
}
.task span{
    font-style: normal;
    font-size:14px;
}
.total{
    width:362px;
    height:11px;
    border-radius: 8px 8px 8px 8px;
    background: #f6f7fb;
    margin-top:20px;

}
.bar{
    display: inline-block;
    height:11px;
    border-radius: 8px 8px 8px 8px;
    background: #3377f2;
    position: relative;
    top:-13px;
    left:0px;
}
.task h3{
    font-size:30px;
    margin:22px 0 18px;
}
.task p{
    font-size:16px;
}
.h1{
    margin:60px 0 30px 0;
    font-size:22px;
}
.stage{
    width:363px;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    margin:0 15px 30px 0;
    padding:10px;
    float:left;
}
.stage:nth-child(3n){
    margin-right:0;
}
.stage p{
    margin:0 0 0 15px;
    padding-bottom: 20px;
}
.name{
    display: inline-block;
    margin-top:30px;

}
.stage p span{
    font-size:16px;
    color:#cbccce;
}
.stage p i{
    font-size:16px;
    font-style: normal;
}
/**
 * 设置日历的大小
 */
.calendar{
    width:330px;
    height:330px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    margin-right:15px;
    float:left;
    padding: 0 30px;
}

/**
 * 设置日历顶部盒子
 */
.calendar .calendar-title-box{
    position: relative;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align:center;
    margin:30px auto 24px;
    font-size:20px;
    /*border-bottom: 1px solid #ddd;*/
}

/**
 * 设置上个月的按钮图标
 */
.calendar .prev-month {
    position: absolute;
    top: 12px;
    left: 83px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-left: 0px;
    border-top: 6px solid transparent;
    border-right: 8px solid #999;
    border-bottom: 6px solid transparent;
    cursor: pointer;
}

/**
 * 设置下个月的按钮图标
 */
.calendar .next-month {
    position: absolute;
    top: 12px;
    right: 83px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-right: 0px;
    border-top: 6px solid transparent;
    border-left: 8px solid #999;
    border-bottom: 6px solid transparent;
    cursor: pointer;
}


/* 设置日历表格样式 */
.calendar-table{
    width: 100%;
    border-collapse: collapse;
    text-align:center;
    font-size:16px;
    color:#adb1b4;

}
/* 表格行高 */
.calendar-table tr{

    height: 30px;
    line-height: 30px;
}

/* 当前天 颜色特殊显示 */
.currentDay {
    background:#0dce7d;
    width:30px;
    height:30px;
    border-radius: 15px 15px 15px 15px;
    color:#fff;
}

/* 本月 文字颜色 */
.currentMonth {
    color: #999;
}

/* 其他月颜色 */
.otherMonth{
    color: #ede;
}
/* 按计划完成日期 颜色特殊显示 */
.completeDay {
    background:#3378f1;
    width:30px;
    height:30px;
    border-radius: 15px 15px 15px 15px;
    color:#fff;
}
.rawlist{
    width:1184px;
    margin:0 auto;
}
.rawlist .rawlist1{
    width:383px;
    margin: 16px 16px 0 0;
    float:left;
}
.rawlist .rawlist2{
    width:383px;
    margin: 16px 16px 0 0;
    float:left;
}
.rawlist .rawlist3{
    width:383px;
    margin: 16px 0 0 0;
    float:left;
}