.f-red{color:#FF4B2A;}
.title{font-size: 16px;border-bottom:solid 1px #CCCCCC;padding: 6px 10px 6px 14px;}
.title i{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 8px;background:no-repeat center;background-size:cover;margin-bottom: 3px;}
.title a{font-size: 12px;float: right;color:#999999;background:url(../images/index/ico-arrow.png) no-repeat right center;background-size:12px;padding-right:12px;}
.col-left{width:70%;float:left;padding:12px;}
.col-right{width:30%;float:left;padding:12px 12px 12px 0;}
.data-box_1{background:#F1F1F1;border-radius: 0px;display:-moz-box;display:-webkit-box; display:box;padding:22px 32px;margin-bottom:12px;}
.data-box_1 .item{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-size: 14px;min-width:20%;}
.data-box_1 .item .ico{width: 68px;height: 68px;margin-top: 2px;background-position: center;background-repeat: no-repeat;float:left;margin-right: 14px;background-size:cover;}
.data-box_1 .item .n{color:#999999;font-size: 12px;margin-bottom:8px;}
.data-box_1 .item b{font-size: 32px;font-weight: 200;margin-right: 5px;}
.backlog-box{background:#FCFCFC;width: 42%;float:left;border:solid 1px #CCCCCC;padding:7px 16px;height:603px;border-radius: 0px;margin-right:12px;}
.backlog-box .title{border-bottom:none;padding: 0 0 7px;}
.backlog-box .item{height: 38px;line-height: 38px;background:#f1f1f1;color:#666666;background:url(../images/index/ico-0.png) no-repeat 8px center #F1F1F1;background-size:14px;padding-left:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12.5px;cursor: pointer;}
.backlog-box .item b{font-size: 16px;color:#212121;}
.backlog-box .item:hover,.backlog-box .item:hover b{color:#31A6CF;}
.box-style{border:solid 1px #CCCCCC;border-radius: 0px;margin-bottom: 12px;}
.box-style .list li{line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 16px;position: relative;}
.box-style .list li:nth-child(2n){background:#F8F8F8;}
.box-style .list li span{position: absolute;right:12px;color:#C4C4C4;}
.box-style .list li:hover span{color:#31A6CF;}
.user-box{border:solid 1px #ccc;margin-bottom:12px;background:url(../images/index/bg.png) no-repeat center top #FCFCFC;background-size:100% 139px;border-radius: 0px;}
.user-box .user-data{color: #FFF;padding:26px 0 0 43px;font-size: 14px;    height: 133px;}
.user-box .user-data p{margin-bottom:0px;opacity: 0.6}
.user-box .user-data .name{font-size: 20px;opacity: 1}
.fast-box{overflow: hidden;padding:12px 8px 6px;}
.fast-box .item{width:33%;float:left;overflow: hidden;text-align: center;color:#808080;margin:6px 0;}
.fast-box .item a{color:#808080;}
.fast-box .item i{width: 36px;height: 36px;display: inline-block;background-size:cover;margin:auto;display: block}
.common-function{padding:3px 12px;}
.common-function li{border-bottom:dashed 1px #DCDCDC;padding:3px 0 3px 20px;position: relative;cursor: pointer; }
.common-function li:hover a{color:#31A6CF;}
.common-function li:last-child{border-bottom:none;}
.common-function li:before{content: "";background: url(../images/index/ico-01.png) no-repeat center;background-size:cover;width: 20px;height: 20px;position: absolute;    left: -2px;top: 50%;margin-top: -9px;}
.common-function li:hover:before{background-image:url(../images/index/ico-02.png);transform: rotate(43deg);-ms-transform: rotate(43deg);-moz-transform: rotate(43deg);
    -webkit-transform: rotate(43deg);-o-transform: rotate(43deg);}
.common-function li:after{content:"";background:url(../images/index/ico-arrow.png) no-repeat center;background-size: cover;width:12px;height: 12px;position: absolute;right:0;top:50%;margin-top:-6px;}
.data-box_1 b{cursor: pointer;}