#tab-1{
	background: url(/mobile/img/bg/dashbord/bg.png) no-repeat;
	background-size: cover;
    background-position: top;
}
/* 现代浏览器标准写法 */
.dashbord #dashbord_search::placeholder{
	color: #333 !important;
	font-size: 1.8vh;
	opacity: 1; /* Firefox默认透明度问题 */
}
/* WebKit浏览器 (Chrome, Safari, Edge) */
.dashbord #dashbord_search::-webkit-input-placeholder{
	color: #333 !important;
	font-size: 1.8vh;
}
.dashbord{
	min-height:100vh;
	padding-bottom: 55px;
}
.dashbord .flex{
	width:100%;
	height:100%;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .left-flex{
	width:100%;
	height:100%;
	display: flex;
    align-items: center;
    justify-content: left;
    text-align: center;
}
.dashbord .flex-item{
	display: flex;
    align-items: center;
    justify-content: left;
    text-align: center;
}
.dashbord .panel-body{
	padding: 15px 10px 25px;
}
.dashbord .panel{
	background-color: transparent !important;
}
.dashbord .box-search{
	display: flex;
    height: 4.3vh;
}
.dashbord .user-box{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .user-box .user-pic-box{
	height: 100%;
    width: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    border: solid 2px #d1dbff;
	background:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .input-search{
	background: #fff;
    border-radius: 19px;
	width: 100%;    
	height: 100%;
	margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 10px;
    margin-right: 10px;
	display: flex;
	align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .message-box{
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .message-box a{
	font-size: 1.9vh;
    background: rgba(255, 255, 255, 35%);
    padding: 6px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	color:#555;
}
.dashbord .user-box img{
	width: 100%;
    height: auto;
	background: transparent;
}
.dashbord .input-search .input-group-addon{
	background: transparent;
	border: 0;
	font-size: 22px;
}
.dashbord .input-search .addon-icon{
	padding-left: 16px;
}
.dashbord .input-search #dashbord_search{
	background: transparent;
	border: 0;
	height: 100%;
	font-size: 1.6vh;
	padding-left: 0;
	padding-top: 8px;
}
.dashbord .input-search #dashbord_search::-webkit-input-placeholder, .dashbord .input-search #dashbord_search::-webkit-input-placeholder{
	color: #a4a4a4 !important;
}
.dashbord .box-card{
	
}
.dashbord .box-card .card-row{
	width:100%;
	display: flex;
    align-items: start;
    justify-content: left;
    text-align: center;
	margin-top:10px;
    overflow: hidden;
}
.dashbord .box-card .card-50{
	width:50%;
}
.dashbord .box-card .card-50 img{
	width:100%;
}
.dashbord .box-card .card-33{
	width:33.3333%;
}
.dashbord .box-card .card-33:nth-child(-n+2){
	margin-right:3px;
}
.dashbord .box-card .card-33 img{
	width:100%;
}
.dashbord .tab-row{
	margin-top: 8px;
}
.dashbord .box-card .card-100{
	width: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;
    display: none;
}
.dashbord .tab-row .active{
	display: block;
	position:relative;
}
.dashbord .box-card .card-title{
	position: relative;
}
.dashbord .box-card .card-title-bg{
	position: relative;
}
.dashbord .box-card .title-container{
	position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    display: flex;
    width: 100%;
    height: 100%;
}
.dashbord .box-card .card-title-bg img{
	width:100%;
}
.dashbord .box-card .card-content{
	position: relative;
}
.dashbord .box-card .card-content-bg img{
	width:100%;
}
.dashbord .box-card .content-container{
	position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    display: flex;
    width: 100%;
    height: 100%;
	margin-top: -1%;
}
.dashbord .box-card .title-container .card-title-a{
	height: 100%;
    width: 18%;
}
.dashbord .rank-icon{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .rank-icon img{
	height:60%;
}
.dashbord .rank-item{
	margin-left: 5%;
    margin-top: 0;
    height: 100%;
    width: 25%;
}
.dashbord .rank-title{
	position: relative;
	margin-left: 5px;
}
.dashbord .rank-title .user-box{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .rank-title .user-box .user-pic-box{
	height: 65%;
    width: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    border: solid 2px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .rank-title .user-box img{
	width: 100%;
    height: auto;
    background: transparent;
	border:0;
}
.dashbord .rank-title .user-title{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 5px;
    font-size: 1.5vh;
	line-height: 1;
    font-weight: 600;
    color: #666;
    word-break: keep-all;
}
.dashbord .rank-item-more{
	margin-left: 2%;
    margin-top: 0;
    position: absolute;
    right: 5px;
    width: auto;
    height: 100%;
	padding-right:1%;
}
.dashbord .rank-more a{
	height: 100%;
	min-width: 20px;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .rank-more i{
	color: #333;
	font-size: 1.5vh;
}
.dashbord .card-rank-team .user-title{
	display:unset;
	height:auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: left;
    margin-left: 5px;
    font-size: 1.5vh;
	line-height: 1;
    font-weight: 600;
    color: #666;
	max-width: 100%;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dashbord .rank-item-notice{
	width: 88%;
	margin-left: 4%;
}
.dashbord .notice-title{
	width: 100%;
    display: unset;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    margin-left: 5px;
    font-size: 1.5vh;
	line-height: 1;
    font-weight: 600;
    color: #666;
    max-width: 98%;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dashbord .rank-item-notice .rank-title{
	margin-left:0;
}
.dashbord .notice-title a{
	color:#666;
}
.dashbord .box-list{
	margin-top:7px;
}
.dashbord .box-list .list-title{
}
.dashbord .box-list .list-title-bg{
	position: relative;
}
.dashbord .box-list .list-title-bg img{
	width: 100%;
}
.dashbord .box-list .list-title-bg .title-container{
	position: absolute;
    z-index: 2;
    display: flex;
    align-items: end;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	padding-left: 4%;
}
.dashbord .box-list .list-title-bg .title-container a{
	display: flex;
    align-items: end;
    justify-content: center;
    text-align: center;
	font-size: 1.72vh;
    font-weight: 500;
	color: #666;
    height: 100%;
    width: 15%;
	position: relative;
}
.dashbord .box-list .list-title-bg .title-container .active{
	font-size: 1.95vh;
	font-weight: 600;
	color: #333;
}
.dashbord .box-list .title-container a.active .border{
	width: 40%;
}
.dashbord .box-list .title-container a .border{
	background: #3e76f2;
    height: 2px;
    width: 0%;
    position: absolute;
	bottom: -2px;
    left: 30%;
    border-radius: 4px;
	transition: width 0.2s ease-in-out;
}
.dashbord .box-list .list-title-bg .title-container .list-title-refresh{
	position: absolute;
    right: 4%;
    width: auto;
    font-size: 2.0vh;
}
.dashbord .box-list .list-container{
	margin-top: 5px;
	overflow: hidden;
}
.dashbord .box-list .list-tab{
	/*display:none;*/
	height:0;
}
.dashbord .box-list .list-container .active{
	display:block;
	height:auto;
}
.dashbord .box-list .list-tab-item{
	position: relative;
	margin-bottom: 5px;
}
.dashbord .box-list .item-bg{
	
}
.dashbord .box-list .item-bg img{
	width:100%;
}
.dashbord .box-list .item-content{
	position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	padding-left: 2%;
    padding-right: 4%;
	padding-bottom: 1%;
	padding-top: 1%;
}
.dashbord .box-list .item-content .item-title{
	display: flex;
    height: 25%;
    width: 100%;
	padding-top: 1%;
}
.dashbord .box-list .item-content .item-icon{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 10%;
}
.dashbord .box-list .item-content .item-icon img{
	height: 50%;
}

.dashbord .box-list .item-content .item-title .item-text{
	display: flex;
	align-items: center;
    justify-content: left;
    text-align: left;
}
.dashbord .box-list .item-content .item-text{
	color: #555;
    width: 90%;
    align-items: center;
    justify-content: left;
    text-align: left;
    padding-left: 2%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 3em;
}
.dashbord .box-list .item-content .item-text a{
	color: #333;
	font-size: 1.68vh;
    font-weight: 600;
}
.dashbord .box-list .item-content .item-label{
	position: absolute;
    right: 5px;
    top: 7%;
    width: auto;
    height: 100%;
    padding-right: 3%;
}
.dashbord .box-list .item-content .item-label img{
	height: 24%;
}
.dashbord .box-list .item-content .item-detail{
	height: 67%;
    width: 100%;
}
.dashbord .box-list .item-content .item-des{
	display: flex;
    width: 100%;
    height: 64%;
    padding-top: 3%;
}
.dashbord .box-list .item-content .item-des .item-icon{
	align-items: start;
}
.dashbord .box-list .item-content .item-des .item-text{
	font-size: 1.53vh;
    align-items: start;
}
.dashbord .box-list .item-content .item-buttons{
	display: flex;
    width: 100%;
    height: 36%;
}
.dashbord .box-list .item-content .item-buttons .item-icon img{
	height: 30%;
	margin-top: -2px;
}
.dashbord .box-list .item-content .item-buttons .item-text{
	font-size: 1.3vh;
    color: #999;
	width:75%;
	display: flex;
    align-items: center;
    justify-content: left;
}
.dashbord .box-list .item-content .item-button{
	width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .box-list .item-content .item-button a{
	color: #fff;
    width: 100%;
    padding: 5px 0;
    font-size: 1.4vh;
    background: linear-gradient(135deg, #5f87f8, #1472ff);
    border-radius: 5px;
}
.dashbord .box-list .list-customer .user-box{
	padding-right: 1%;
}
.dashbord .box-list .list-customer .item-content{
	padding-left: 4%;
	padding-top: 3%;
}
.dashbord .box-list .list-customer .item-title{
	align-items: center;
    justify-content: center;
    text-align: center;
	height: 30%;
}
.dashbord .box-list .list-customer .item-content .item-title .item-text{
	align-items: start;
    display: inline-block;
	max-height: unset;
}
.dashbord .box-list .list-customer .item-detail{
	height: 64%;
}
.dashbord .box-list .list-customer .item-detail .item-text{
	width: 100%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
    max-height: 3em;
}
.dashbord .box-list .list-customer .item-detail .ai-label{
	background: #245bdb;
    color: #fff;
    padding: 3px 6px;
    margin-right: 3px;
    border-radius: 2px;
    font-size: 1.3vh;
}
.dashbord .box-list .list-customer .item-name-box{
	display: flex;
    align-items: end;
    justify-content: left;
    text-align: left;
}
.dashbord .box-list .list-customer .item-name{
	display: inline-block;
	font-size: 1.8vh;
    color: #333;
    font-weight: 600;
	line-height: 1;
}
.dashbord .box-list .list-customer .item-fav{
	margin-right:5px;
}
.dashbord .box-list .list-customer .item-position{
	display: inline-block;
	margin-left: 5px;
}
.dashbord .box-list .list-customer .item-position span{
	background: #fdcdbd;
    color: #ff6000;
    font-weight: 400;
    font-size: 1.3vh;
    padding: 2px 5px;
    border-radius: 6px;
}
.dashbord .box-list .list-customer .item-company{
	display: inline-block;
    font-size: 1.4vh;
    color: #555;
    font-weight: 500;
    margin-top: 5px;
}
.dashbord .box-list .list-customer .item-buttons{
	align-items: center;
    justify-content: right;
    text-align: center;
}
.dashbord .box-list .list-customer .item-button{
	margin-left: 10px;
}
.dashbord .box-list .list-customer .item-button-more{
	margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.dashbord .box-list .list-customer .item-button-more a{
	color: #555;
    padding: 5px 0;
    font-size: 1.4vh;
    border-radius: 5px;
}
.dashbord .box-list .list-customer .item-button-more i{
	background: #eee;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    margin-right: 3px;
}
.dashbord .count-card{
	margin-top: 3px;
}
.dashbord .count-card-row{
	display:flex;
	align-items: center;
    justify-content: space-around;
    text-align: center;
}
.dashbord .count-card .item-bg{
	
}
.dashbord .count-card .item-bg img{
	width:100%;
}
.dashbord .count-card .item-content{
	position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	padding: 10px;
	color: #fff;
}
.dashbord .count-card .count-card-item{
	position: relative;
}
.dashbord .count-card .count-card-item1{
	width: 31%;
}
.dashbord .count-card .count-card-item2{
	width: 31%;
}
.dashbord .count-card .count-card-item3{
	width: 31%;
}
.dashbord .count-card .count-card-item4{
	
}
.dashbord .count-card .count-card-item5{
	
}
.dashbord .count-card .count-title{
	font-size: 1.5vh;
    text-align: left;
}
.dashbord .count-card .count-text{
	display: flex;
    align-items: baseline;
    justify-content: left;
    text-align: center;
}
.dashbord .count-card .count-text-1{
	font-size: 2.2vh;
}
.dashbord .count-card .count-text-2{
	font-size: 1.4vh;
}
.dashbord .count-card .count-icon{
	position: absolute;
    top: 5px;
    right: 5px;
}
.dashbord .count-card .count-icon img{
	height: 15px;
    width: 15px;
}
.dashbord .todo-card{
	margin-top:15px;
}
.dashbord .todo-card .todo-title .list-title-a{
	position: relative;
    text-align: center;
    font-size: 1.72vh;
    font-weight: 500;
    color: #666;
    height: 100%;
    width: 20%;
}
.dashbord .todo-card .todo-title{
	display: flex;
	align-items: baseline;
	margin-bottom: 5px;
}
.dashbord .todo-card .todo-title a.active {
	font-size: 1.95vh;
    font-weight: 600;
    color: #333;
}
.dashbord .todo-card .todo-title a.active .border{
	width: 40%;
}
.dashbord .todo-card .todo-title a .border{
	background: #3e76f2;
    height: 2px;
    width: 0%;
    position: absolute;
	bottom: -2px;
    left: 30%;
    border-radius: 4px;
	transition: width 0.2s ease-in-out;
}
.dashbord .todo-card .todo-item{
	padding: 20px;
    background: #f9fafd;
    border-radius: 15px;
    margin-top: 10px;
}
.dashbord .todo-card .todo-item-row{
	padding: 5px 0;
}
.dashbord .todo-card .todo-item-row-title{
    font-size: 1.7vh;
    color: #30405e;
    font-weight: 600;
}
.dashbord .todo-card .todo-item-row-title span{
    color: #4799fd;
    padding-right: 10px;
    margin-right: 5px;
    border-right: 2px solid #30405e;
}
.dashbord .todo-card .todo-item-row-des{
	font-size: 1.5vh;
    color: #30405e;
    font-weight: 400;
}
.dashbord .todo-card .todo-item-row-des span{
    color: #203252;
	font-weight: 600;
}
.dashbord .todo-card .todo-item-row-time{
	font-size: 1.5vh;
    color: #9ca7be;
    font-weight: 400;
}

@media (min-width: 768px){
	.dashbord .rank-title .user-title,.dashbord .notice-title{
		font-size: 1.9vh;
        margin-left: 10px;
        margin-top: 5px;
	}
}