.aside-project-info{width:459px; position:fixed;right:-460px;top:65px;height: 100%;background:var(--background); z-index: 120;border-left:1px solid #ddddeb;}

.proinfo-title{height:44px;line-height:44px; border-bottom:1px solid #ebebeb;font-size:16px;}
.proinfo-title .icon-arrow-right{width:44px;float:left; text-align: center;font-size:20px; cursor: pointer;}
.proinfo-title span{float:right; width:44px; text-align: center; cursor: pointer;}
.proinfo-title span i{font-size:18px;}
.proinfo-title .on{color:#0892e1;}
.proinfo-data li{width:20%;float:left;padding:15px 0; text-align: center;}
.proinfo-data strong{font-size:20px; line-height:34px;}
.proinfo-data p{font-size:12px;line-height:23px;}


.proinfo-chart{padding:0 5px 20px 10px;border-top:1px solid #ebebeb;}
.proinfo-chart .name{height:54px;line-height:54px;font-size:14px;}

.proinfo-problem{border-top:1px solid #ebebeb;}
.proinfo-problem .title{height:44px;line-height:44px;background:#f9f9fa; padding:0 15px;font-size:14px;}
.proinfo-problem .tabs{height:28px;border:1px solid #e2e2e2;float:right;line-height:28px;border-radius:4px; overflow:hidden;border-left:0px;margin-top:7px;background:#f9f9fa;    box-shadow: -1px 1px 5px rgba(0,0,0,0.05);}
.proinfo-problem .tabs li{float:left; padding:0 10px;border-left:1px solid #e2e2e2;font-size:12px;color:#a7b6c9; cursor:pointer;}
.proinfo-problem .tabs .active{background:var(--background);font-weight:bold;color:#264d79;}

.proinfo-problem .name{padding:0 15px;height:44px;line-height:44px;border-top:1px solid #ebebeb; font-size:14px;}
.proinfo-problem .name img{margin-right:10px;height:24px;float:left;margin-top:10px;}
.proinfo-problem .name span{float:right;font-size:12px;color:#a7b6c9; }
.proinfo-problem .name span a{border:1px solid #ebebeb;height:26px;line-height:26px;float:right;padding:0 10px;border-radius:3px;margin:8px 0 0 10px;color:#a7b6c9;}
.proinfo-problem .name span a:hover,
.proinfo-problem .load-more:hover{border:1px solid #0892e1;color:#0892e1;}
.proinfo-problem .list{padding-bottom:10px;}
.proinfo-problem .list li{height:44px;line-height:44px; overflow: hidden;padding:0 15px;border-top:1px dashed #ebebeb;font-size:14px;color:#5e6f83;}
.proinfo-problem .list strong{margin-right:10px;}

.proinfo-problem .list li:hover{background:#fbfbfb;}
.proinfo-problem .list a{margin-left:10px;color:#5e6f83;}
.proinfo-problem .list a:hover{color:#264d79;}

.proinfo-problem .load-more{height:28px;line-height:28px;border:1px solid #ebebeb;width:140px;margin:0 auto; text-align:center;color:#a7b6c9;border-radius:3px; transition: .3s; cursor: pointer;margin-top:5px;}
#ascrail2001{ z-index:130 !important;right:0;}

.aside-project-click{width:58px;height:152px;background: url(/templates/default/images/pc/btn.png) no-repeat; position: fixed;right: 0;top:50%;margin-top:-76px; cursor: pointer; transition: .3s;}
.aside-project-click:hover{background:url(/templates/default/images/pc/btn-on.png) no-repeat;}

.highcharts-credits { display: none; }

.form-list{
    background:#f5f4f4;
    border-right: none;
}
.form-list li{
    height: 50px;
    line-height:50px;
    padding: 0px 30px;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    color: #8197b1;
    cursor: pointer;
}
.form-list li.active{
    background:var(--background);
    font-weight: bold;
    color: #264d79;
    border-left: 3px solid #264d79;
}
.tabbox .drag-tips {
    height: 40px;
    line-height: 40px;
    padding: 0px 15px 0px 35px;
    border: 1px solid #fff5c2;
    color: #9a8558;
    font-size: 15px;
    margin-bottom: 20px;
    background: #fffbe6;
}
.tabbox .drag-tips span{font-size: 20px;color: #F4BC2A;padding:0px 5px;display: inline-block;vertical-align: middle;margin-top: -3px;}
.product{
	font-size: 0;
}
.product .pro_left{
	width: 35%;
	display: inline-block;
	vertical-align: top;
}
.product .pro_right{
    width: 61%;
    display: inline-block;
    vertical-align: top;
    margin-left: 4%;
}
.product .add-pro{
	height: 45px;
	/* background:var(--background); */
	/* border-bottom: 1px solid #eceef1; */
	padding: 0px 5px 0 14px;
	font-size: 14px;
	line-height: 45px;
	position: relative;
	padding-right: 70px;
}
.product .add-pro span{
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}
.product .add-pro em{
	display: inline-block;
	vertical-align: middle;
	width:30%;
	color: #888;
	font-style: normal;
}
.product .add-pro:after{
	content: "";
	display: block;
	position: absolute;
	left: 10px;
	width:4px;
	top: 11px;
	height: 22px;
	/* background: #ff8700; */
	border-radius: 2px;
}
.product .add-pro .bug-icon-btn{
	width: 24px;
	height: 24px;
	border: var(--project-input-border-color);
	border-radius: 8px;
	text-align: center;
	line-height: 24px;
	position: absolute;
	top: 10px;
	right: 1px;
	cursor: pointer;
}
.product .pro_left a{
	display: block;
	padding: 0px 8px 0 15px;
	font-size: 14px;
	line-height: 42px;
	height: 42px;
	display: block;
	border-radius: 15px;
	background:var(--background);
	margin-top: 15px;
}
.product .pro_left a:hover,.product .pro_left a.on{
	background: #2D8CF0;
	color: #fff;
}
.product .pro_left a:hover label,.product .pro_left a.on label,
.product .pro_left a:hover i,.product .pro_left a.on i{color: #fff;}
.product .pro_left a i{
	font-style: normal;
	display: block;
}

.product .pro_left a span{
	display: none;
}
.product .pro_left a:hover span,.product .pro_left a.on span{
	display: block;
}
.product .pro_left a  label{
    display: inline-block;
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color:var(--color);
    }
.product .pro_left a span em,.project_detail .pro_view.first-child span em{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	padding-left: 10px;
	cursor: pointer;
}
.project_detail .pro_view{
	padding: 0px 70px 0px 20px;
	border-radius: 15px;
	margin-top: 15px;
	display: block;
	position: relative;
	font-size: 0;
	background:var(--background);
	line-height: 42px;
	height: 42px;
	cursor:pointer;
	color:var(--color);
}
.project_detail .pro_view:hover{
	background: #2D8CF0;
}
.project_detail .pro_view:hover label,.project_detail .pro_view:hover p,.project_detail .pro_view:hover span em{
	color:#fff;
}
.project_detail .pro_view label{
	width: 100%;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}
.project_detail .pro_view.first-child label{
	width: 40%;
	display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.project_detail .pro_view.first-child p{
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	width: 30%;
}

.project_detail .pro_view.first-child p img{
	width: 22px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
.project_detail .pro_view.first-child span{
	display: block;
	position: absolute;
	top: 1px;
	right:10px;
}
/*.project_detail .pro_view.first-child span em:hover{*/
/*	color:#2D8CF0;*/
/*}*/