*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
html,body{
	height:100%;
}
body{
	background:#0a0f25;
	padding:20px;
}
.kanban-title{
	position:fixed;
	top:-4px;
	left:50%;
	margin-left:-266px;
	z-index:999;
}
.kanban-top{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:120px;
	padding:0px 20px;
	background:#0a0f25;
}
.kanban-top-border{
	border-top: 1px solid #255269;
    margin: 54px 0px 8px;
}
.kanban-top-main{
	background: #141c41;
    height: 48px;
    color: #fff;
    font-size: 20px;
    line-height: 48px;
    text-align: right;
    padding-right: 20px;
}
.kanban-main{
	width:100%;
	height:100%;
	padding-top:100px;
}
.kanban-main-content{
	width:100%;
	height:100%;
	background:url(webpage/com/jeecg/boardreport/plugin/img/back.png) no-repeat;
	padding:10px 20px 30px;
	background-size: cover;
}
.kanban-main-top{
	width:100%;
	height:45%;
	margin-bottom:15px;
}
.kanban-main-bottom{
	position:relative;
	width:100%;
	height:100%;
	background: #141c41;
    box-shadow: 0px 0px 19px #2c41b3 inset;
    padding:20px;
}
.kanban-main-bottom>img{
	position:absolute;
}
.kanban-main-bottom>.img8{
	top:-8px;
	left:-8px;
}
.kanban-main-bottom>.img9{
	top:-8px;
	right:-8px;
}
.kanban-main-bottom>.img10{
	bottom:-8px;
	left:-8px;
}
.kanban-main-bottom>.img11{
	bottom:-8px;
	right:-8px;
}
.weixiucol-title{
	color: #02e7f8;
    border-bottom: 1px solid #4c59b2;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom:10px;
}
.weixiucol-title>img{
	vertical-align:middle;
	margin-right:10px;
}
.col-title{
    background: #222957;
    overflow:hidden;
    height:42px;
    line-height:42px;
}
.col-title div{
	color: #2bc9ff;
    float: left;
    text-align: center;
    font-size: 16px;
}
.swiper-wrapper .col-main:nth-child(even){
	 background: #222957;
}
.col-main{

    overflow:hidden;
    height:42px;
    line-height:42px;
}
.col-main div{
	color: #2bc9ff;
    float: left;
    text-align: center;
    font-size: 18px;
}
.col-15{
	width:15%;
}
.col-16{
  width:16%;
}
.col-11{
	width:11%;
}
.swiper-container{
	overflow:hidden;
}
.swiper-pagination.swiper-pagination-custom{
	color:#2BFFB2;
	font-size:20px;
	padding: 12px;
    text-align: right;
    position: initial;
}
.kanban-main-top{
	padding:0px 2%;
}
.kanban-main-top>ul{
	overflow:hidden;
	height:100%;
}
.kanban-main-top>ul li{
	height:100%;
	width:16.66%;
	float:left;
	text-align:center;
	list-style:none;
	position:relative;
}
.kanban-main-top>ul li img{
	height:80%;
	animation:myfirst 1s;

}
@keyframes myfirst
{
from {
    transform: rotate(0deg);
    }
to {transform: rotate(360deg);}
}
.kanban-main-top>ul li .num{
	font-size: 30px;
    position: absolute;
    top: 40%;
    /* left: 50%; */
    width: 100%;
    text-align: center;
    margin-top: -23px;
}
.kanban-main-top>ul li .text{
	padding-top:8px;
	font-size:20px;
}
.kanban-main-top>ul li:nth-child(1){
	color:#1DEFE3;
}
.kanban-main-top>ul li:nth-child(2){
	color:#C52CFF;
}
.kanban-main-top>ul li:nth-child(3){
	color:#DCC523;
}
.kanban-main-top>ul li:nth-child(4){
	color:#e84669;
}
.kanban-main-top>ul li:nth-child(5){
	color:#2BFFB2;
}
.kanban-main-top>ul li:nth-child(6){
	color:#7DDE1E;
}
.ic-34FFFF{
	color:#34FFFF;
}
.ic-FFED34{
	color:#FFED34;
}
.ic-FF0323{
	color:#FF0323;
}
.color-D12BFF{
	color:#D12BFF;
}
.color-438CE8{
	color:#438CE8;
}
.color-E7CF22{
	color:#E7CF22;
}
.color-FF4575{
	color:#FF4575;
}
.color-85F018{
	color:#85F018;
}