/*组件*/
.red-color{color:#FC234C!important;}
.statistics {position: relative; padding: 20px 20px 20px 100px;border-bottom: var(--border-eceef1);}
.statistics .data-name{width:50px; height: 20px; line-height: 20px; border-radius:4px; position: absolute;left: 20px;top: 20px;background:var(--body-background); text-align: center;color: #2D8CF0;}
.statistics li{float:left; width:12.5%; text-align: center}
.statistics:first-child{border-right: var(--border-eceef1);}
.statistics .data-name2{background: #f9ead6; color:#FF9901;}
.statistics strong{font-size: 22px; height: 28px; line-height: 28px;color: #2D8CF0; overflow: hidden;}
.statistics p{color:var(--color);display: block;height: 22px; line-height: 22px; overflow:hidden;}

.load-state{     text-align: center;
    height: 40px;
    line-height: 40px;
    color:var(--color);
    cursor: pointer;
    margin: 15px;
    background: var(--background);
    border-radius: 15px;
    font-size: 14px;}
.load-state:hover{
    opacity:.9;
}


/*选项卡*/
.bug-tab{height: 30px;line-height: 30px;border-radius: 15px;border: var(--border-E9F0F7);}
.bug-tab li{padding: 0 15px;display: inline-block;vertical-align: middle;font-size:14px;color:var(--color);border-radius: 15px;/* border: 1px solid #fff; */cursor: pointer;/* margin-right: 20px; */}
.bug-tab li:hover{color:#2D8CF0;}
.bug-tab .on{background: var(--background-E1EAF4);color: #2D8CF0;/* border: 1px solid #2D8CF0; */position: relative;}
.bug-tab .on:hover{background: var(--background-E1EAF4)}

.bug-tab-medium{height: 44px;line-height: 44px;}
.bug-tab ul,.bug-tab-medium ul{
    font-size:0;
}
.bug-tab-medium li{padding:0 18px;}
.bug-tab-medium li .iconfont{display: block;font-size: 24px;}

.bug-tab li.vis_box{
    position: relative;
}
.bug-tab li.vis_box .visable{
    position: absolute;
    width: 130px;
    background: var(--background);
    border-radius: 5px;
    top: 43px;
    left: 0;
    z-index: 1;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.1)
}
.bug-tab li.vis_box .visable label{
    display:block;
    line-height: 35px;
    border-bottom: var(--border-eceef1);
    text-align: center;
    cursor: pointer;
}

.bug-tab-medium{height: 42px;line-height: 42px;background: var(--background); }
.bug-tab-medium li{padding:0 18px;}


.bug-btn{
	padding: 0px 15px;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	border:var(--project-input-border-color);
	color:var(--color);
	border-radius: 15px;
	cursor: pointer;
}
.bug-btn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.bt-main{ background: #2D8CF0;border: 1px solid #2D8CF0; color: #fff; }
.bt-sen{background: #2D8CF0;border:1px solid #2D8CF0; color:#fff;}
.bt-line{border:1px solid #2D8CF0;color:#2D8CF0;}
.bt-line-red{color:#FC234C;border:1px solid #FC234C;}

.bug-icon-btn{width: 44px;height: 44px;background: var(--background-E1EAF4);border-radius: 15px;text-align: center;line-height: 44px;cursor: pointer;}
.bug-icon-btn i{font-size: 20px;color:var(--color);}
.bug-icon-btn.ascending{background: url(/templates/default/images/pc/ascending.png) no-repeat 50% 50%;}
.bug-icon-btn.descending{background: url(/templates/default/images/pc/descending.png) no-repeat 50% 50%;}
.bug-icon-btn:hover i{color:#2D8CF0;}
.bug-btn-select{display: inline-block;height: 44px;line-height: 44px;/* border: 1px solid #e7e9ed; */box-sizing: border-box;font-size:14px;background: var(--item-bg);border-radius: 15px;position: relative;}
.bug-btn-select .btn{cursor: pointer;/* padding: 0  10px; *//* margin-right: 20px; */display: inline-block;vertical-align: middle;}

.bug-btn-select .icon-arrow-copy{/* width:20px; *//* position: absolute; *//* right:0; *//* top:0; *//* border-left:1px solid #e7e9ed; */cursor: pointer;font-size:14px;text-align: center;color:var(--color);display: inline-block;vertical-align: middle;}
/*.bug-btn-select .icon-arrow-copy:hover,*/
/*.bug-btn-select .btn:hover{background: var(--background);}*/
.bug-btn-option{width:100%;min-width: 180px; position: absolute;left:0;top:44px;border:var(--border-eceef1); background: var(--background);border-radius: 4px; box-shadow: 0 1px 5px rgba(0, 0, 0,0.05); display: none;z-index:1;}
.bug-btn-option li{height: 34px; line-height: 34px;padding:0 10px; color:var(--color);cursor: pointer;overflow: hidden;    white-space: nowrap;text-overflow: ellipsis;}
.bug-btn-option li:hover{background: var(--div-hover-bg);color:#2D8CF0;}
.bug-btn-option li i{float: right; cursor: pointer;font-size:18px;}
.bug-btn-option li i:hover{color: #2D8CF0;}

.bug-button{display: inline-block;padding: 0 15px;height: 42px;vertical-align: middle;line-height: 42px;font-size: 14px;border-radius: 15px;border: 1px solid #2D8CF0;color: #fff;background: #2D8CF0;cursor:pointer;/* box-shadow: 0px 0px 11px 0px rgba(45, 140, 240, 0.32); */}
.bug-button i{margin-right: 5px}
.bug-sub-button{background: #2D8CF0;color:#fff;}
.bug-sub-button:hover{
    opacity:.85;
}
.bug_select{min-width: 200px;height: 34px;border:var(--border-eceef1);border-radius: 15px;padding: 0 8px;cursor: pointer}
.bug_select:focus{border:1px solid #2D8CF0; outline: none;}
.bug_checkbox{display: inline-block;color:var(--color);cursor: pointer;position: relative;padding-left:21px;font-size: 12px;}
.bug_checkbox input[type="checkbox"]{display: none;}
.bug_checkbox:before{content: '';width:14px;height: 14px;border:var(--border-eceef1);border-radius: 4px; position: absolute;left:0;top:50%;margin-top:-8px;}
.bug_checkbox.checked{color: #2D8CF0;}
.bug_checkbox.checked:before{ background: #2D8CF0 url('/templates/default/images/pc/checked.png') no-repeat 50% 50%;border: 1px solid #2D8CF0; }

.bug-textbox{min-width: 200px;height: 20px;line-height: 20px;border:var(--border-eceef1);border-radius: 15px;padding:5px 5px 5px 32px;background: var(--background);}
.bug-textbox:focus{border:1px solid #2D8CF0;}

.bug-text-by-unit{position: relative; }
.bug-text-by-unit .bug-text{padding-right: 60px;box-sizing: border-box;}
.bug-text-by-unit font{ position: absolute;right: 10px;top: 0; font-size:14px;color:#808695}

/*新*/
.new-filter{width:100%;padding: 15px 20px 25px;min-height: 59px;/* background: var(--background); */box-sizing: border-box}
.new-filter .imporant .yline{
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    margin: 0 15px;
    height: 16px;
    background: #cdcaca;
}
.new-filter .imporant p{
  color:var(--color);
  display: inline-block;
  vertical-align: middle;
  /* margin-left: 10px; */
  line-height: 44px;
  /* background: var(--background); */
  /* border-radius: 15px; */
  /* padding: 0 10px; */
}
.new-filter .imporant p span{
    border-radius: 5px;
    line-height: 24px;
    position: relative;
    /* margin-left: 6px; */
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.new-filter .senior_icon{
    margin-left: 15px;
    line-height: 30px;
    height: 30px;
    margin-top: 17px;
    text-align: center;
    background: var(--background);cursor: pointer;
}
.new-filter .senior_icon i{font-size: 14px;color: #2D8CF0;display: inline-block;vertical-align: middle;}
.new-filter .senior_icon span{color: #2D8CF0;transition: all .3s linear;
    
    font-size: 17px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;}
.new-filter .senior_icon span.on{
    transform: rotate(180deg);
    
}
.new-filter .senior{    position: absolute;
    top: 64px;
    background: var(--background);
    width: 100%;
    padding: 0 10px;
    left: 0;display: none;
    z-index: 8;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,.1);}
.new-filter .imporant p span i{cursor:pointer;display:inline-block;color:var(--td-color);/* border: 1px solid #f4f4f4; */padding: 0px 10px;font-size: 13px;margin-left: 7px;border-radius: 8px;}

.new-filter .imporant p span i.on,.new-filter .imporant p span i:hover{background: #2D8CF0;color: #fff;}
.new-filter .item-box{width: 210px;max-height:450px;border: var(--border-eceef1);position: absolute;left:0;top: 44px;left: -40px;background: var(--background);z-index: 9;line-height: 34px;overflow-y:auto;display: none;border-radius: 15px;}

.new-filter .box-filter{width:580px; padding-top: 10px;}
.new-filter .box-filter li{padding: 5px 0 5px 65px;min-height:44px;margin: 0 15px; position: relative; line-height: 44px;}
.new-filter .box-filter strong{width:65px;position: absolute;left:0;top:5px;color:var(--td-color);font-size:12px;}
.new-filter .box-filter .bug_checkbox{margin-right: 10px}
.new-filter .box-filter .btn-reset{height: 40px; line-height: 40px;border-top:var(--border-eceef1); text-align: center;font-size:16px;margin-top:10px; cursor: pointer;background:var(--bug-button-bg);}
.new-filter .box-filter .btn-reset:hover{background: #f5f7fa}
.new-filter .box-filter .select-person{height: 24px;line-height: 24px;border:var(--border-eceef1);border-radius: 15px;display: inline-block;position: relative;padding: 5px 30px 5px 10px;cursor:pointer;margin-right:10px;color:var(--color);vertical-align: middle;}
.new-filter .box-filter .select-person img{height: 24px;width: 24px;border-radius: 50%;float:left;margin-right: 7px;}
.new-filter .box-filter .select-person  i{ position: absolute;top:50%;margin-top:-10px;right:0;font-size:16px; cursor: pointer; height: 20px; line-height: 20px;width:30px; text-align: center;}
.new-filter .box-filter .select-person:hover{color:#2D8CF0;border:1px solid #2D8CF0;}
.new-filter .box-filter .add-person{height: 24px;line-height: 24px;border:var(--border-eceef1);border-radius: 15px;display: inline-block;position: relative;width: 38px;padding:5px 0;text-align: center;cursor: pointer;color:var(--color);vertical-align: middle;}
.new-filter .box-filter .add-person i{font-size: 18px;}
.new-filter .box-filter .add-person:hover{ color: #2D8CF0;border:1px solid #2D8CF0;}
.new-filter .box-filter .select-time{position: relative; line-height: 34px}
.new-filter .box-filter .select-time i{position: absolute;left:10px;top:0;font-size: 19px;color:var(--color);}

.new-filter .item{position: relative;/* height: 64px; */display: inline-block;vertical-align: middle;height: 44px;}
.new-filter .item-icon{cursor: pointer;width: 20px;height: 20px;border-radius: 8px;margin-top:15px;text-align: center;line-height: 20px;margin: 0px 10px 0;font-size: 17px;display: inline-block;vertical-align: middle;}
.new-filter .item-icon.icon-fanhui{margin: 18px 14px 0 0;font-size: 25px;}
.new-filter .item-icon.icon-fanhui:hover{color: #FC234C;}
.new-filter .item-icon.icon-chanpingongzuotai:hover,.new-filter .item-icon.icon-chanpingongzuotai.on{background: #ff9901;color: #fff;}
.new-filter .item-icon.icon-chanpingongzuotai{border:1px solid #ff9901;color:#ff9901;font-size: 17px;}
.new-filter .item-icon.icon-jibenxinxi{border:1px solid #18be6b;color: #18be6b;font-size: 13px;}
.new-filter .item-icon.icon-jibenxinxi:hover,.new-filter .item-icon.icon-jibenxinxi.on{background: #18be6b;;color: #fff;}
.new-filter .item-icon.icon-xiangguanrenyuan{border:1px solid #5f6dea;color: #5f6dea}
.new-filter .item-icon.icon-xiangguanrenyuan:hover,.new-filter .item-icon.icon-xiangguanrenyuan.on{background: #5f6dea;;color: #fff;}
.new-filter .item-icon.icon-riqi1{border:1px solid #3cb6db;color: #3cb6db;font-size: 17px;}
.new-filter .item-icon.icon-riqi1:hover,.new-filter .item-icon.icon-riqi1.on{background: #3cb6db;;color: #fff;}
.new-filter .item-icon.icon-ren{border:1px solid #3fb9db;color: #3fb9db;width: 28px;height: 28px;line-height: 28px;border-radius: 50%;margin: 0;}
.new-filter .item-icon.icon-ren:hover,.new-filter .item-icon.icon-ren.on{background: #3fb9db;;color: #fff;}
.new-filter .item-name{color:#;height: 44px;line-height: 44px;/* border:var(--border-eceef1); *//* margin-top:14px; */border-radius: 4px;font-size: 14px;padding: 0 10px;cursor: pointer;display: inline-block;vertical-align: middle;}
 
.new-filter.new-filters .items-icon .item-name:hover{
    background:#2D8CF0;
    color:#fff;
}
.new-filter .item-nobor{/* border:1px solid #fff; */padding-left:0px;}
.new-filter .item-name .tag{font-size: 12px; background:var(--body-background); color:var(--color);padding:5px 20px 5px 6px;margin-left: 5px;border-radius: 4px; position: relative}
.new-filter .item-name .tag:hover{ background: #808695;color:#fff;}
.new-filter .item-name .tag i{ position: absolute;top:50%;margin-top:-10px;right:0;font-size:12px; cursor: pointer; height: 20px; line-height: 20px;width:20px; text-align: center;}
.new-filter .item-time{ color:var(--color);width:140px; cursor: pointer}
.new-filter .item-time i{font-size:18px;float:left; margin-right: 5px}


.new-filter .item{position: relative;height: 44px;margin-top: 10px;}
.new-filter .items-icon .item{margin-top:0;}
/*.new-filter .items-icon .item .item-name{margin-top:5px;}*/
.new-filter .items-icon .yline{
    display:inline-block;
    vertical-align:middle;
    width:1px;
    margin:0 4px;
    height:16px;
    background:#cdcaca;
}
/* .new-filter .item-icon{width:34px;height: 34px; border-radius: 50%; background: #f6981d;margin-top:15px; color:#fff; text-align: center; line-height: 34px;margin:15px 10px 0;font-size: 18px}
.new-filter .item-icon.icon-leibie{background: #27ace5}
.new-filter .item-icon.icon-ren{background: #3fb9db}
.new-filter .item-icon.icon-riqi{background: #2bccd2} */
/* .new-filter .item-name{height: 34px; line-height: 34px;border:var(--border-eceef1);margin-top:14px;border-radius: 4px;font-size: 14px; padding: 0 10px;margin-right: 10px; cursor: pointer;} */
.new-filter .item-name span{font-size: 21px;margin-right: 5px;float:left;}
.new-filter .item-nobor{
    /*border:1px solid #fff;*/
    padding-left:0px; }
.new-filter .item-name .icon-arrow-copy{float: right;margin-left:10px;}
.new-filter .item-name .tag{font-size: 12px; background:var(--body-background); color:var(--color);padding:5px 20px 5px 6px;margin-left: 5px;border-radius: 4px; position: relative}
.new-filter .item-name .tag:hover{ background: #808695;color:#fff;}
.new-filter .item-name .tag i{ position: absolute;top:50%;margin-top:-10px;right:0;font-size:12px; cursor: pointer; height: 20px; line-height: 20px;width:20px; text-align: center;}
.new-filter .item-time{ color:var(--color);width:140px; cursor: pointer}
.new-filter .item-time i{font-size:18px;float:left; margin-right: 5px}





 .new-filter .item-sc{border:0px;padding: 0px;/* margin-left: 20px; */position: relative}
.new-filter .item-sc .sctext{border:0px;width:220px;height: 20px;line-height: 20px;border: 1px solid transparent;border-radius: 15px;padding: 11px 10px;font-size: 14px;background: var(--item-bg);}
.new-filter .item-sc .sctext:focus{border:1px solid #2D8CF0;}
.new-filter .item-sc .scbtn{ position: absolute;right: 1px; background: none;border: 0px; height: 34px;top:1px; color:var(--color); font-size: 18px}
.new-filter .bug-tab{margin-top:18px;} 
 .new-filter .btn-filter{height: 34px;/* border-radius:15px; */border: none;/* color: #2D8CF0; */font-size: 13px;background: transparent;text-align: center; margin: 3px 5px 0 0px;outline: none;cursor: pointer}
 .new-filter .btn-filter i{
     font-size: 17px;
     display:inline-block;
     margin-right:5px;
     position: relative;
     top: 1px;
 }
 .new-filter .btn-filter:hover{
     color:#FA3E4C;
 }
 .new-filter .bug-btn-select{margin: 10px 10px 0 0px;padding: 0 15px;}
.new-filter .bug-button{margin: 10px 0px 0 10px;}
  .new-filter .bug-button:hover{
     background:#2D8CF0;color:#fff;
 }
.new-filter .bug-drops{display:inline-block;vertical-align: middle;position: relative;margin-left: 10px;margin-top: 10px;}
.new-filter .bug-drops label{cursor:pointer;font-size:24px;color:var(--color);background: var(--item-bg);height:44px;line-height:44px;display:block;border-radius: 15px;width: 50px;text-align: center;} 

.new-filter .bug-drops label:hover{border-color:#2D8CF0;color:#2D8CF0;}
.new-filter .bug-drops:hover .bug-drop{display:block;}
.new-filter .bug-drops .bug-drop:after{
    display:block;
    content:'';
    clear:both;
    border-top:8px solid transparent;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    border-bottom:8px solid var(--item-bg);
    position:absolute;
    top:-16px;
    right: 20px;
}
.new-filter .bug-drops .bug-drop{position:absolute;right: 0;width: 108px;top: 56px;border-radius:15px;background: var(--item-bg);display: none;z-index:11;box-shadow: 0px 2px 7px 0px rgba(0,0,0,.05);padding: 10px 10px 5px;}
.new-filter .bug-drops .bug-drop .bug-btn{display:block;color:var(--color);padding: 0;text-align: center;font-size: 16px;border: 1px solid transparent;height: 36px;line-height: 36px;margin-bottom: 5px;letter-spacing: 1px;}
.new-filter .bug-drops .bug-drop .bug-btn i{color:var(--color);font-size: 18px;display: inline-block;vertical-align: middle;position: relative;top: -2px;margin-right: 3px;}
.new-filter .bug-drops .bug-drop .bug-btn:hover{
    border:1px solid #2D8CF0;color:#2D8CF0;
}
.new-filter .bug-drops .bug-drop .bug-btn:hover i{
    color:#2D8CF0;
} 
/*选择优先级*/
.select-level .option-list{min-width: 110px;max-width: 300px;position: absolute;left:0;top: 5px;border:var(--border-eceef1);border-radius: 15px;display: none;background: var(--background);}
.select-level .option-list .option{height: 32px;font-size: 14px; line-height: 32px; padding: 0 10px; cursor: pointer;}
.select-level .option-list .option:hover{ color:#2D8CF0 }
.select-level .select span,
.select-level .option-list .option span{width: 12px;height: 12px;float:left;margin:9px 10px 0 0;border-radius: 3px;}
.select-level .level-1{border:1px solid #FA3E4C}
.select-level .level-2{border:1px solid #FF9901}
.select-level .level-3{border:1px solid #2D8CF0}
.select-level .level-4{border:1px solid #46c370}



.select-level .on .level-1{background:#ea4644}
.select-level .on .level-2{background:#ee981d}
.select-level .on .level-3{background:#2D8CF0}
.select-level .on .level-4{background:#18BE6B}


@media screen and (max-width: 1440px) {
    .new-filter .item{margin-left:0px;}
    .new-filter .item-sc{/* margin-left:10px; */}
    /*.new-filter .item-sc .sctext{width:90px;}*/
}

/*左侧产品模块列*/
.project-module{width: 199px;position: absolute;left: -00px;top: 44px;background: var(--background);z-index: 9;line-height: 34px;font-size: 14px;display: none;border-radius:15px;}

.project-module .box-head{height: 44px; line-height: 44px; padding: 0 15px; border-bottom: var(--border-eceef1)}
.project-module .box-head i{font-size: 18px;color:var(--color);cursor: pointer;}
.project-module .box-head button{background: var(--background); color:#2D8CF0;border:0px;height: 26px;width: 50px;border-radius: 4px;border:1px solid #2D8CF0; cursor:pointer; }
.project-module .box-head .box-search{display: inline-block;vertical-align: middle;}
.project-module .box-head .box_search{margin:0 3px;position: relative;display: inline-block;vertical-align: middle;}
.project-module .box-head .box_search label{line-height: 24px;font-size: 13px;width:90px;display: block;height: 24px;border-radius: 4px;border:var(--border-eceef1);position: relative}
.project-module .box-head .box_search label span{text-indent:5px;display: block;margin-right: 26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-right: var(--border-eceef1);}
.project-module .box-head .box_search label i{transition:all .2s linear;width:25px;text-align: center;position: absolute;right:0;top:0;display: block;}
.project-module .box-head .box_search label i.on{transform:rotate(180deg);}
.project-module .box-head .box_search p{display: none;box-shadow: 0px 1px 3px 0px rgba(0,0,0,.05);background: var(--background);position: absolute;top: 26px;left: 0;z-index: 10;border: var(--border-eceef1);border-radius: 3px;}
.project-module .box-head .box_search p b{cursor: pointer;display: block;color:var(--color);font-size: 12px;line-height: 20px;padding: 5px 5px;border-bottom:  var(--border-eceef1);}
.project-module .box-head .box_search p b:hover{color:#2D8CF0;}

.project-module .box-tree{padding:10px 15px; overflow-y: auto;max-height: 260px;}
.project-module .box-tree li{cursor:pointer}
.project-module .box-tree ul ul{padding-left: 22px;}

/*选择创建人*/
.select-founder{width: 300px;position: absolute;left:0;top: 0px;background: var(--background);border:var(--border-eceef1);border-radius: 15px;max-height: 400px;overflow-y: auto;display: none;z-index:1}
.select-founder-header{ height: 36px; line-height: 36px; overflow: hidden; position: relative; padding:0 10px 0 70px; margin:10px 0;}
.select-founder-header .all{ position: absolute;left:10px;top:0;}
.select-founder-header .founder-search input[type="text"]{width: 100%;height:28px; padding:0 26px 0 5px; border:var(--border-eceef1);background: var(--background);border-radius: 3px; box-sizing: border-box; -webkit-transition: .3s; transition: .3s;}
.select-founder-header .founder-search input[type="text"]:focus{border:1px solid #04ade4}
.select-founder-header .founder-search i{position: absolute;right:10px;width:26px;height:26px;top:50%;margin-top:-13px; text-align: center; line-height: 26px; cursor: pointer;}
.select-founder-header .founder-search i:hover{ color:#04ade4}


.select-founder .group-name{height: 40px; line-height: 40px; padding: 0 10px; border-top: var(--border-eceef1); cursor: pointer; background:var(--body-background);}
.select-founder .group-name i{float:right;}
.select-founder .group-box {display: none;border-top:var(--border-eceef1);padding: 5px 0}
.select-founder .group-box .member-item{ padding: 0 10px; height: 32px; line-height: 32px; }


/*固��后*/
.projectModuleFixed .project-module{    border-right: var(--border-eceef1);
    left: -62px;
    box-shadow: 0px 0px 0px;
    display: block !important;
    top: 65px !important;
    opacity: 1 !important;}
.projectModuleFixed .project-module.case-module{
   width: 220px;
    left: -28px;
}
.projectModuleFixed .project-module .box-tree{ max-height:inherit;}
.projectModuleFixed .project-module .box-head i{ color: #2D8CF0; }
.projectModuleFixed .problem-list{margin-left:230px;}
.projectModuleFixed .problem-list.case-list{margin-left: 250px;}

#problemScrollBox{overflow-y: auto;padding: 0px 20px 0;}

.problem-list .close_box{
    position: absolute;
    right: 0px;
    font-size: 26px;
    color: #8e8d8d;
    opacity: .8;
    top: 0px;
    z-index: 1111;
    cursor: pointer;
}
.problem-list .close_box:hover{
    color: #FC234C;
}
/*全部项目*/
.project-list .pl-header{/* height: 50px; *//* background: var(--background); *//* border-bottom:var(--border-eceef1); */padding: 25px 25px 20px;}

.project-list .pl-header .item-sc{border:0px;padding: 0px; margin-left: 20px; position: relative}
.project-list .pl-header .item-sc .sctext{border:0px;width:200px;height: 20px;line-height: 20px;border-radius: 15px;padding: 12px 10px;font-size: 14px}
input::-webkit-input-placeholder{color:var(--color);}
textarea::-webkit-input-placeholder{color:var(--color);}
.project-list .pl-header .item-sc .sctext:focus{border:1px solid #2D8CF0;}
.project-list .pl-header .item-sc .icon-sousuo2{position: absolute;right: 12px;background: none;border: 0px;height: 44px;top: 0;line-height: 44px;color:var(--color);font-size: 20px;font-weight:normal;}

.project-list .pl-content{padding:0px 20px 20px 0px; overflow: auto;}
.project-list .pl-content ul{padding-bottom: 20px;}
.project-list .pl-content li{width:18%;float:left;min-width: 240px;margin: 20px 0 0 20px;background: var(--background);}
.project-list .pl-content .item{text-align: center; cursor: pointer; position: relative;border-radius: 4px}

.project-list .pl-content li{margin: 0px 0 25px 25px;background: var(--background);width: calc(25% - 25px);float:left;min-width: 240px;border-radius: 25px;}
.project-list .pl-content .item{text-align: center;cursor: pointer;position: relative;border-radius: 25px;transition:all .2s linear;white-space: nowrap;background: var(--item-bg);}
.project-list .pl-content .select_vis li{
    background: var(--item-bg);
    display:block;
}
.project-list .pl-content .item > a{
    padding: 40px 20px;
    height: 48px;
    line-height: 48px;
    display: block;
}
.project-list .pl-content .item:hover{
    box-shadow:var(--item-hover-shadow);
/*     transform:translate3d(0px,-5px,0px); */
}
@media screen  and (min-width: 1660px){
    .project-list .pl-content li{width:18.3%;}
}
/*@media screen  and (min-width: 1301px) and (max-width: 1659px){*/
/*    .project-list .pl-content li{width:23%;}*/
/*}*/
@media screen  and (min-width: 1200px) and (max-width: 1300px){
    .project-list .pl-content li{width: 30%}
}
@media screen and (max-width: 1199px){
    .project-list .pl-content li{width: 30%}
}

@media screen  and (min-width: 1661px){
    .project-list .pl-content li{width: calc(20% - 25px);}
}
@media screen  and (min-width: 1040px) and (max-width: 1300px){
    .project-list .pl-content li{width: calc(33.33% - 25px)}
}
@media screen  and  (max-width: 1039px){
    .project-list .pl-content li{width: calc(50% - 25px)}
}


.project-list .pl-content .images{
   display:inline-block;
   vertical-align:middle;
   position: relative;
   width: 60px;
   margin-left: 30px;
}
.project-list .pl-content .images img{display: block;width: 60px;/* margin:0 auto; */}
.project-list .pl-content .name{font-size: 15px;line-height: 24px;/* overflow:hidden; */display: inline-block;vertical-align: middle;color: var(--body-color);width: calc(100% - 126px);white-space: normal;text-align: left;margin-left: 20px;max-height: 48px;overflow: hidden;}
.project-list .pl-content .setup{width:30px;height: 24px;background: var(--item-bg);/* border-left:var(--border-eceef1); *//* border-bottom:var(--border-eceef1); */line-height: 30px;text-align: center;color: #C5C8CE;position: absolute;top: 9px;left: 8px;display: none;border-top-left-radius: 25px;}
.project-list .pl-content .setup i{font-size: 19px;}
.project-list .pl-content .setup:hover{ color:#2D8CF0;}
.project-list .pl-content .item:hover .setup{display: block}
.project-list .pl-content .item:hover .creatUser{display:block}
.project-list .setup-box{width:90px;position: absolute;left: 0;top: 40px;background: var(--item-bg);text-align: left;border:var(--border-eceef1);display: none;padding: 5px 0;border-radius: 4px;z-index:1;}
.project-list .setup-box span{ display: block;height: 32px; line-height: 32px;position:relative; }
.project-list .setup-box a{color:var(--color);display: block;padding: 0 5px}
.project-list .setup-box a:hover{background: var(--td-hover-background);color:#2D8CF0;}
.project-list .setup-box i{    width: 24px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;}
.project-list .setup-box span b.icon-arrow-right{
    padding: 0;
}
.project-list .setup-box span em{
    position: absolute;
    left: 89px;
    top:5px;
    display: none;
    border: var(--border-eceef1);
    width: 100px;
    background: var(--background);}
.project-list .setup-box span em a strong{
    width: 85%;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight:normal;
    overflow: hidden;
}
.project-list .setup-box span em a b{width:15%;display: inline-block;vertical-align: middle;display: none;}
.project-list .setup-box span em a.on b{display: block;}
.project-list .setup-box span:hover em{
    display: block;
}

.project-list .creatUser{position: absolute;left: 40px;top: 9px;display: none;}
.project-list .creatUser i:hover{color: #2D8CF0;cursor:pointer;}
.project-list .creatUser i{font-size: 20px;color: #C5C8CE;width: 30px;display: block;text-align: center;line-height: 30px;height: 30px;}
.project-list .creatUser span{color: #fff;padding:0px 10px;font-size: 13px;display: none;background: #2D8CF0;position: absolute; left: 33px;
    top: 3px;
    border-radius: 4px;
    line-height: 24px;
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,.2);white-space: nowrap;}
.project-list .creatUser span:after{
    display: block;
    content: "";
    clear: both;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid #2D8CF0;
    position: absolute;
    left: -12px;
    top: 6px;
}
.project-list .creatUser:hover span{display: block;}

/*项目列表-表格*/
.project-list .pl-table{padding:0 20px 20px; overflow-y:auto; }
.project-list .pl-table .pl-logo{height: 40px;vertical-align: middle}
.project-list .pl-table .icon-operating a{margin: 0 2%;position: relative;color:#808695}
.project-list .pl-table .icon-operating a:hover{ color:#2D8CF0}
.project-list .pl-table .icon-operating .iconfont {font-size: 22px;color:var(--td-color);}
.project-list .pl-table .icon-operating .icon-yincang{ font-size: 22px; position: relative; top: 1px;}
.project-list .pl-table .icon-operating .icon-shanchu{ font-size: 21px;}
.project-list .pl-table .icon-operating span:hover{ color:#2D8CF0}
.project-list .pl-table .name{font-size: 14px;text-align: left;}
.project-list .pl-table td .num{ padding: 0 10px; display: inline-block; color:#fff;border-radius: 4px;}
.project-list .pl-table td .num-blue{ background: #25adec}
.project-list .pl-table td .num-yellow{background: #FF9901;}
.project-info-wrap{ padding: 20px; }
.project-info{/* position: relative; *//* background: var(--background); *//* border: var(--border-eceef1); *//* overflow: hidden; *//* border-radius: 10px; *//* box-sizing: border-box; */}
.project-info .pi-left{width: 240px; position: absolute; height: 100%;left:0;top:0; box-sizing: border-box;border-right: var(--border-eceef1); overflow-y: auto;}
.project-info .pi-left a{ display:block;height:44px; line-height:44px;font-weight:normal; padding:0px 15px 0 60px; color:var(--color); overflow:hidden; position: relative; border-bottom: var(--layui-border-color)}
.project-info .pi-left .item-all a{ padding-left: 20px;}
.project-info .pi-left .on{color:#2D8CF0; font-weight:bold;}
.project-info .pi-left .icon-arrow-right{float: right;font-weight: normal; display: none}
.project-info .pi-left .on img{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;  opacity: 1;-webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none;}
.project-info .pi-left .item:last-child a{border-bottom: 0px;}
.project-info .pi-left .on .icon-arrow-right{display: block}
.project-info .pi-left a img{max-width:50px;height:18px;filter:alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity: 0.7;  opacity: 0.7;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition:.3s; transition:.3s; position: absolute;left:15px;top:11px;}
.project-info .pi-left a:hover{color:#2D8CF0; background:var(--body-background);}
.project-info .pi-left a:hover img{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;  opacity: 1;-webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none; }
.project-info .pi-right{ padding-left: 240px; overflow-y: auto;}

.project-info .pi-right .title{font-size: 14px;font-weight: bold;}
.project-info .pi-right .title .tab li{float: left; margin-right: 30px; font-weight: normal; position: relative; cursor: pointer;}
.project-info .pi-right .title .tab .on{font-weight: bold;color: #2D8CF0}
.project-info .pi-right .title .tab .on::after{ content: ''; width: 100%;height:2px; background: #2D8CF0; position: absolute;bottom:0;left:0;}
.project-info .pi-right .bug-tab li{font-size: 12px; font-weight: normal}

.project-info .pi-right .chart{ padding: 20px;border-bottom: var(--border-eceef1)}



.project-info .project-name{ height: 44px; line-height: 44px; padding: 0 20px; font-size: 14px; border-top:var(--border-eceef1); background:var(--item-bg);}
.project-info .project-name img{height: 20px;float:left;margin:12px 10px 0 0;}
.project-info .project-name .bug-btn{margin-left:20px;}

.project-view{ padding:0 10px 20px 10px; overflow-y: auto}
.project-view .col-box{width: 50%;float:left; }
.project-view .col-inner{background: var(--background);border: var(--border-eceef1);margin:20px 10px 0 10px;}

.project-view .statistics{border-right: 0px;}
.project-view .statistics li{width: 16.6%;}
.project-view .chart{ padding: 20px; border-bottom: var(--border-eceef1);}
.project-view .chart-name,
.project-chart-data .chart-name,
.project-chart-list .chart-name{height: 30px;line-height: 30px;/* text-align: center; */margin-bottom: 10px;position:relative;}
.chart-name .chart_title{display:block;text-align:center;/* padding-top: 24px; */font-size: 0;position: absolute;top: 0;right: 20px;}

.chart-name .chart_title span{
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-weight: 400;
    font-size: 13px;
    text-transform: none;
    margin-left: 11px;
    line-height: 30px;
    height: 30px;
}
.chart-name .chart_title span i{
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 3px;
        position: relative;
        top: -1px;
}
.chart-name .chart_title span em{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    }

.project-view .title strong,
.project-chart-list .title strong{font-size:14px;}

.project-chart{ padding:20px; overflow-y:auto}
.project-chart-data{border-radius:15px;}
.project-chart-data .data-info{margin:0px !important;border-bottom:var(--border-eceef1);}
.project-chart-data .chart,
.project-chart-list .chart{padding: 20px;}
.project-chart-data .data-info li strong{font-size: 26px !important;}
.project-chart-sort{height:36px; line-height: 36px; padding:12px 10px; background: var(--background); margin-top:20px;border-radius: 15px;}
.project-chart-sort .bug-text{height: 36px; margin: 0 10px; line-height: 36px;}
.project-chart-sort .tab{padding-left: 20px;}
.project-chart-sort .tab li{float: left; margin-right: 30px; font-weight: normal; position: relative; cursor: pointer;}
.project-chart-sort .tab .on{font-weight: bold;color: #2D8CF0}
.project-chart-sort .tab .on::after{ content: ''; width: 100%;height:2px; background: #2D8CF0; position: absolute;bottom:0;left:0;}

.project-chart-list {margin-left: -20px;}
.project-chart-list .col-box{width: 50%;float: left;}
.project-chart-list .col-inner{border-radius: 15px;margin:20px 0 0 20px; background: var(--background);}
.project-chart-list .bug-tab li{ padding: 0 10px;font-size: 12px;}



/*项目总览*/
.project-info-wrap{ padding: 20px; }
.project-info{position: relative;background: var(--background);/* border: var(--border-eceef1); */overflow: hidden;border-radius: 15px;padding: 20px;box-sizing: border-box;}
.project-info .pi-left{width: 240px; position: absolute; height: 100%;left:0;top:0; box-sizing: border-box;border-right: var(--border-eceef1); overflow-y: auto;}
.project-info .pi-left a{ display:block;height:44px; line-height:44px;font-weight:normal; padding:0px 15px 0 60px; color:var(--color); overflow:hidden; position: relative; border-bottom:var(--layui-border-color)}
.project-info .pi-left .item-all a{ padding-left: 20px;}
.project-info .pi-left .on{color:#2D8CF0; font-weight:bold;}
.project-info .pi-left .icon-arrow-right{float: right;font-weight: normal; display: none}
.project-info .pi-left .on img{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;  opacity: 1;-webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none;}
.project-info .pi-left .item:last-child a{border-bottom: 0px;}
.project-info .pi-left .on .icon-arrow-right{display: block}
.project-info .pi-left a img{max-width:50px;height:18px;filter:alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity: 0.7;  opacity: 0.7;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition:.3s; transition:.3s; position: absolute;left:15px;top:11px;}
.project-info .pi-left a:hover{color:#2D8CF0; background:var(--body-background);}
.project-info .pi-left a:hover img{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;  opacity: 1;-webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none; }
.project-info .load-state:hover{
    border-color:#2D8CF0;color:#fff;
    background:#2D8CF0;
    
}
.project-info .load-state{text-align: center;height: 40px;line-height: 40px;color:var(--color);cursor: pointer;border: var(--border-tr-color);margin:15px;/* background:var(--body-background); */border-radius: 15px;width: 200px;display: block;margin: 20px auto;}
.project-info .pi-right{ padding-left: 240px; overflow-y: auto;}
.project-info .statistics {position: relative; padding: 20px 20px 20px 100px;border-bottom: var(--layui-border-color);}
.project-info .statistics .data-name{width:50px; height: 20px; line-height: 20px; border-radius:4px; position: absolute;left: 20px;top: 20px;background:var(--body-background); text-align: center;color: #2D8CF0;}
.project-info .statistics li{float:left; width:12.5%; text-align: center}
.project-info .statistics:first-child{border-right: var(--border-eceef1);}
.project-info .statistics:first-child .data-name{background: #f9ead6; color:#FF9901;}
.project-info .statistics strong{font-size: 22px; height: 28px; line-height: 28px;color: #2D8CF0; overflow: hidden;}
.project-info .statistics p{color:var(--color);display: block;height: 22px; line-height: 22px; overflow:hidden;}

.project-info .pi-right .title{font-size: 14px;font-weight: bold;}
.project-info .pi-right .title .tab li{float: left; margin-right: 30px; font-weight: normal; position: relative; cursor: pointer;}
.project-info .pi-right .title .tab .on{font-weight: bold;color: #2D8CF0}
.project-info .pi-right .title .tab .on::after{ content: ''; width: 100%;height:2px; background: #2D8CF0; position: absolute;bottom:0;left:0;}
.project-info .pi-right .bug-tab li{font-size: 12px; font-weight: normal}

.project-info .pi-right .chart{ padding: 20px;border-bottom: var(--layui-border-color)}

.project-info .project-name{ height: 44px; line-height: 44px; padding: 0 20px; font-size: 14px; border-top:var(--layui-border-color); background:var(--item-bg);}
.project-info .project-name img{height: 20px;float:left;margin:12px 10px 0 0;}
.project-info .project-name .bug-btn{margin-left:20px;}


.project-view{ padding:0 10px 20px 10px; overflow-y: auto}
.project-view .col-box{width: 50%;float:left; }
.project-view .col-inner{background: var(--background);border: var(--border-eceef1);margin:20px 10px 0 10px;border-radius: 15px;position: relative;}

.project-view .statistics{border-right: 0px;}
.project-view .statistics li{width: 16.6%;}
.project-view .chart{ padding: 20px; border-bottom: var(--border-eceef1);}
.project-view .chart-name,
.project-chart-data .chart-name,
.project-chart-list .chart-name{height: 30px;line-height: 30px;/* text-align: center; */margin-bottom: 15px;font-size: 14px;font-weight: 550;}
.project-view .title strong,
.project-chart-list .title strong{font-size:14px;}

.project-chart{ padding:20px; overflow-y:auto}
.project-chart-data{border-radius:15px;}
.project-chart-data .data-info{margin:0px !important;border-bottom:var(--border-eceef1);}
.project-chart-data .chart,
.project-chart-list .chart{padding: 20px;}
.project-chart-data .data-info li strong{font-size: 26px !important;}
.project-chart-sort{height:36px; line-height: 36px; padding:12px 10px; background: var(--background); margin-top:20px; border-radius: 15px;}
.project-chart-sort .bug-text{height: 36px;margin: 0 10px;line-height: 36px;border-radius: 15px;}
.project-chart-sort .tab{padding-left: 20px;}
.project-chart-sort .tab li{float: left; margin-right: 30px; font-weight: normal; position: relative; cursor: pointer;}
.project-chart-sort .tab .on{font-weight: bold;color: #2D8CF0}
.project-chart-sort .tab .on::after{ content: ''; width: 100%;height:2px; background: #2D8CF0; position: absolute;bottom:0;left:0;}

.project-chart-list {margin-left: -20px;}
.project-chart-list .col-box{width: 50%;float: left;}
.project-chart-list .col-inner{border-radius: 15px;margin:20px 0 0 20px; background: var(--background);}
.project-chart-list .bug-tab li{ padding: 0 10px;font-size: 12px;}


/*消息列表*/

.msg-aside-box{position: fixed;top:0;right:0;width: 360px;height: 100%;background: var(--dialog-background);border-left: var(--border-eceef1);z-index: 199;    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);}
.msg-aside-box .msg-header{height: 64px;overflow: hidden;position: relative;padding-left: 35px;background: var(--background);}
.msg-aside-box .msg-header .bug-btn{margin:15px 10px 0 0}
.msg-aside-box .msg-header .back{width: 34px; position:absolute;left:0;top:0;height: 100%; text-align: center; line-height: 64px; cursor: pointer;}
.msg-aside-box .msg-header .back i{font-size: 20px;}
.msg-aside-box .msg-header .back:hover{color: #2D8CF0}
.msg-aside-box .msg-header .icon{line-height: 64px;padding: 0 15px; position: relative;}
.msg-aside-box .msg-header .icon i{font-size: 24px; color: #2D8CF0}
.msg-aside-box .msg-header .icon .num{    min-width: 10px;
    padding: 0 5px;
    height: 15px;
    border-radius: 5px;
    position: absolute;
    left: 33px;
    top: 12px;
    background: #FC234C;
    line-height: 15px;
    text-align: center;
    color: #fff;}

.msg-aside-box .msg-tab{ text-align: center; height: 30px; padding: 15px 0; overflow: hidden; }
.msg-aside-box .msg-tab .bug-tab{ display: inline-block}
.msg-aside-box .msg-list{ overflow-y: auto}
.msg-aside-box .msg-list li{margin: 15px;cursor: pointer;padding: 15px;background: var(--background);border-radius: 15px;}
.msg-aside-box .msg-list li:hover{background:var(--msg-list-bg);}
.msg-aside-box .msg-list .state{height: 24px;line-height: 24px;font-size: 13px;}
.msg-aside-box .msg-list .state span{float: right;color:var(--color);}
.msg-aside-box .msg-list .msg-tit{line-height: 24px;color: var(--msg-list-color);font-size: 14px;margin: 10px 0;}
.msg-aside-box .msg-list .msg-tit span{font-weight: bold;background: var(--item-bg);padding: 2px 7px;border-radius: 4px;margin-right: 10px;}
.msg-aside-box .msg-list .info{color: #2D8CF0;font-size: 13px;}
.msg-aside-box .msg-list .info span{float: right;color:var(--color);}
.msg-aside-box .msg-list .info i{
    color:var(--color);
    margin-left:20px;
}



/*header*/
.header{height:64px;border-bottom:var(--border-eceef1);line-height: 64px;background:var(--top-background);padding:0px 20px;z-index: 111;position:relative;}
.header .home{position: absolute;left: 0;top: 0;width: 63px;text-align: center;/* border-right: var(--border-eceef1); */z-index: 111;}
.header .home a{font-size: 22px; display: block;}
.header .home a:hover{color:#2D8CF0;}
.header .logo{width:271px; text-align: center}
.header .logo img{ display:block;margin-top:20px;height:28px;}
.header .sub-logo{position: relative;margin-left: 44px;z-index: 111;}
.header .logo-info{/* margin-left: 50px; */padding-right: 50px;z-index: 99;height: 64px;/* padding-top: 10px; */}
.header .logo-info .icon-shezhi4{width:30px;height: 30px;position: absolute;right:20px;top:5px;text-align: center;line-height: 30px;font-size:20px;color:var(--color);cursor: pointer;display: none;}
.header .logo-info .icon-arrow-right{position: absolute;right:0px;font-size:20px;color:var(--color);top:0; line-height: 64px; -webkit-transit.header .sub-logo:hover .logo-info .icon-arrow-right{transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);}ion:0.3s;
	transition:0.3s;}
.header .logo-info:hover .icon-shezhi4{ display: block }
.header .sub-logo:hover .logo-info .icon-arrow-right{transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);}

.header .logo-info .icon-shezhi4:hover{color:#2D8CF0;}
.header .logo-info img{display: inline-block;vertical-align: middle;height: 30px;margin-right: 20px;}
.header .logo-info .name{text-align: center;font-weight: bold;line-height: 22px;display: inline-block;
/*color: var(--body-color);*/
vertical-align: middle;font-size: 13px;}


.header .header-menu{position: absolute;left: 0;top:0;width: 100%;text-align: center;}
.header .header-menu li{margin: 12px 20px 0;/* float:left; */display: inline-block;font-size: 15px;position: relative;vertical-align: middle;line-height: 50px;}
.header .header-menu a{display: block;}
.header .header-menu a:hover{color:#2D8CF0;}
.header .header-menu i{font-size: 20px;float:left;margin-right:8px;}
.header .header-menu .on{font-weight: bold; position: relative}
.header .header-menu .on a{color: #2D8CF0;}
.header .header-menu .on:after{content: '';width: 28px;height: 4px;background: #2D8CF0;position: absolute;bottom:0;left:50%;margin-left: -14px;border-radius: 4px;}
.header .header-menu .add a{height: 36px; line-height: 36px;margin-top:13px;width: 36px;text-align: center;border-radius: 4px;}
.header .header-menu .add a i{float: none;margin:0px;font-size: 21px}
.header .header-menu .add a:hover{color:#04ade4;}
.header .header-menu .icon-biaoji{ position: absolute;right: 0; line-height: 22px; cursor: pointer;color:var(--color);}

.header .f-r{max-height: 64px;position: relative;z-index: 1;}
.header .icon-shouji1{cursor:pointer;}
.header .icon-discover_randomtalk,
.header .icon-shouji,
.header .icon-banben,
.header .icon-tongzhi,
.header .icon-yuanxing-gengduo,
.header .icon-huiyuanquanyi{font-size: 22px; cursor: pointer;margin: 0 15px}
.header .icon-discover_randomtalk:hover,
.header .icon-yuanxing-gengduo:hover,
.header .icon-shouji1:hover,
.header .icon-banben:hover,
.header .icon-tongzhi:hover,
.header .icon-huiyuanquanyi:hover{ color: #2D8CF0; }

.header .m-p{ cursor:pointer;height:64px; line-height:64px; padding-right:20px;}
.header .icon-arrow-copy{right:0;top:2px; -webkit-transition:.3s; transition:.3s; font-size: 14px;}

.header .head-nav{ line-height:64px;height:64px;}
.header .head-nav .iconfont{ font-size:14px;}
.header .head-nav  strong{ padding-right:20px; cursor:pointer;}
.header .head-nav .icon-arrow-right{ margin:0px 5px;}
.header .head-nav .search .textbox{ font-size:12px;height:32px;border-radius:40px;margin-left:20px;border:var(--project-botton-border-color); background:#fcfcfd; padding:0px 40px 0px 20px;width:180px; line-height:32px;color:#a7b6c9; -webkit-transition:.3s; transition:.3s;}
.header .head-nav .search .textbox:focus{ background: var(--background);border:1px solid #2D8CF0;color:#2D8CF0;}
.header .head-nav .search-btn{right:0;top:15px;height:34px; font-size:18px;width:48px; text-align:center; background:none;border:0px; cursor:pointer;}

.header .user-info{padding-left:55px;line-height:64px;cursor:pointer;margin-left: 15px;height:64px;z-index: 2;}
.header .user-info .avatar{width:40px;height:40px;left:0;top:12px;z-index: 111;}
.header .user-info .avatar img{width:100%;height:100%;border-radius:50%;}
.header .user-info .name{padding-right:20px;}
.header .user-info .show-box{width: 300px;top:64px;right: 0;z-index:999;border-radius: 6px;margin-left:-65px;box-shadow:0px 2px 10px rgba(0,0,0,0.12);/* background: #242C4C; */overflow: hidden;}
.header .user-info .show-box .userinfo_header{
    position:relative;
    padding: 16px 16px 16px 78px;
    /*height: 60px;*/
    background: #242C4C;
    margin-bottom: 12px;
}
.header .user-info .show-box .userinfo_header label{
    color:#fff;
    /* font-weight: normal; */
    font-size: 15px;
    letter-spacing: 1px;
    display: block;
    line-height: 30px;
    /* padding-bottom: 4px; */
}
.header .user-info .show-box .userinfo_header i{
    font-size: 12px;line-height: 16px;display: block;color: #fff;
}
.header .user-info .show-box .userinfo_header i em{
        display: inline-block;
    width: 131px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    
}
.header .user-info .show-box .userinfo_header .v_date{
    line-height: 23px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    /* padding-top: 5px; */
}
.header .user-info .show-box .userinfo_header .version{
    background: #2dc26c;
    color: #fff;
    text-align: center;
    line-height: 22px;
    padding: 0 5px;
    font-weight: normal;
    border-radius: 3px;
    font-size: 12px;
    position: absolute;
    right: 16px;
    top: 20px;
}
.header .show-box a{display:block;/* height: 40px; */line-height: 28px;font-weight:normal;padding: 0px 20px;padding: 4px 28px;color: var(--header-color);overflow:hidden;background: var(--background);font-size: 14px;letter-spacing: 1px;/* margin: 10px 0; */}
.header .show-box .iconfont{font-size: 20px;float:left;margin: 0px 23px 0px 3px;}
.header .show-box .on{color:#2D8CF0; }
.header .show-box a:hover{background:var(--header-background); }
.header .show-box:hover{ box-shadow:0px 2px 10px rgba(0,0,0,0.16);}

.header .show-box .logout{border-top:var(--header-border);margin-top: 8px;padding: 10px 0;}










.header .my-project{top:64px;left:44px;position:fixed; z-index:999;width:240px;box-shadow:0px 2px 10px rgba(0,0,0,0.12); overflow:hidden; background: var(--background); display: none;}
.header .my-project .project-sc{position: relative;height:30px; line-height: 30px;padding:10px 15px;}
.header .my-project .project-sc .icon-sousuo1{position: absolute;right:20px;top:10px;color:var(--color); height:30px; background: none;border:0px; cursor: pointer; outline: none}
.header .my-project .project-sc .icon-sousuo1:hover{ color: #2D8CF0; }
.header .my-project .project-sc input{width:100%;height: 30px; border:1px solid #e2e2e2;border-radius: 40px; padding:0 30px 0 10px;font-size: 14px;box-sizing: border-box;background: var(--background);}
.header .my-project .project-sc input:focus{border:1px solid #2D8CF0;}
.header .my-project .option{height: 40px; line-height: 40px;border-top:var(--border-eceef1);}
.header .my-project .option li{width:50%;float:left; text-align: center; box-sizing: border-box; cursor:pointer}
.header .my-project .option li:first-child{border-right: var(--border-eceef1);}
.header .my-project .option .on{position: relative; color:#2D8CF0;font-weight: bold;}

.header .my-project .list{max-height: 300px; overflow-y: auto;}
.header .my-project .list a{ display:block;height:40px; line-height:40px;font-weight:normal; padding:0px 20px 0 60px; color:var(--color); overflow:hidden; position: relative}
.header .my-project .list .on{color:#2D8CF0; background:var(--body-background);font-weight:bold;}
.header .my-project .list .on img{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;  opacity: 1;-webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none;}
.header .my-project .list a .num{ float:right;width:18px;height:18px;border-radius:50%; line-height:18px; text-align:center;color:#fff;margin-top:11px;}
.header .my-project .list a img{max-width:50px;height:18px;filter:alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity: 0.7;  opacity: 0.7;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition:.3s; transition:.3s; position: absolute;left:15px;top:11px;}
.header .my-project .list a:hover{color:#2D8CF0; background:var(--body-background);}
.header .my-project .list a:hover img{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;  opacity: 1;-webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none; }


.header .notice{ padding:0px 20px; line-height:64px;height:64px; overflow:hidden; margin-right:20px;}
.header .notice .num{width:16px;height:16px;right:15px;top:10px;color:#fff; line-height:16px;border-radius:50%;}
.header .notice .iconfont{font-size:24px;}



/*测试用例*/
#scrollWrap{ overflow-y: auto;height: 0px }
.test-case{margin:20px 20px 0 20px;background: var(--background);}
.test-case .test-data{width:50%; float:left; position: relative; box-sizing: border-box; padding: 20px 20px 20px 90px}
.test-case .test-data .data-name{width:50px; height: 20px; line-height: 20px; border-radius:4px; position: absolute;left: 20px;top: 20px;background:var(--body-background); text-align: center;color: #2D8CF0;}
.test-case .test-data li{float:left; width:25%;}
.test-case .test-data:first-child{border-right: var(--border-eceef1);}
.test-case .test-data:first-child .data-name{background: #f9ead6; color:#FF9901;}
.test-case .test-data strong{font-size: 24px; height: 28px; line-height: 28px;color: #2D8CF0; overflow: hidden}
.test-case .test-data p{color:var(--color);display: block;height: 22px; line-height: 22px; overflow:hidden;}

.test-chart{padding:0 20px 20px 0;}
.test-chart .chart-box{width:50%;float:left;}
.test-chart .chart-inner{margin:20px 0 0 20px; background: var(--background);}
.test-chart .chart-inner .chart-title{height: 44px; line-height: 44px; border-bottom:var(--border-eceef1); font-size: 14px; padding: 0 15px}
.test-chart .chart-cont{padding: 20px;height: 260px}


.steps-table .thead{ background: #f5f8fb;}
.steps-table p{
    font-size: 0;
    border-bottom: var(--border-eceef1);

}
.steps-table .thead p i{
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    font-size: 14px;
    text-align:  right;
    padding-right:20px;
}
.steps-table .tbody p{background: var(--background);position: relative;}
.steps-table p b{display: inline-block;vertical-align: middle;width:50px;font-size: 15px;color: #333;text-align: right;line-height: 40px;padding-right: 20px;}
.steps-table p b span.number{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background:var(--body-background);
    text-align: center;
    line-height:20px;
    font-size: 14px;
    text-indent: 0;
        margin-right: -4px;
}
.steps-table p span{
font-size: 15px;
width: 36%;
display: inline-block;  
vertical-align: middle;  
line-height: 40px;
position: relative;
text-indent: 2%;
}
.steps-table p span input{
    width: 95%;
    display: block;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    font-size: 15px;
    border:none;
    border-bottom: var(--border-E9F0F7);
}
.steps-table p:hover span.iconfont{opacity: 1;}
.steps-table p:hover b span.number{background: #2D8CF0;color: #fff;}
.steps-table p span.iconfont{
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    font-size: 20px;
    width: 20px;
    text-align: right;
    margin-right: 10px;
    color: #bbcbdc;
}
.steps-table p i.icon-add1{
    position: absolute;
    bottom: -11px;
    left: 35px;
    font-size: 16px;
    color: #bdbdbd;
    display: none;
    z-index: 1;
    height: 17px;
    line-height: 18px;
    border-radius: 50%;
    border: 1px solid transparent;
    text-align: center;
    width: 17px;
    cursor: pointer;
}
.steps-table p i.icon-add1:hover{
    border:1px solid #2D8CF0;
    color: #2D8CF0;
}
.steps-table p a{
    position: relative;
    line-height: 40px;
    font-size: 14px;
    width: 14%;
    display: inline-block;
    vertical-align: middle;
    text-indent: 2%;
}

.steps-table .icon-shanchu{font-size: 20px; color:var(--color);}
.steps-table .icon-shanchu:hover{ color: #2D8CF0; }
/*添加模块*/

.add-module-bg{width: 100%;height: 100%; position: fixed;left:0;top:0; z-index: 90; background: rgba(0, 0, 0, 0.4); display: none;}
.add-module{width:900px;height: 320px; position: fixed;left:50%;margin-left:-450px;top:50%;margin-top:-160px; overflow-y: auto; background: var(--background); z-index: 100; border-radius: 10px; display: none}
.add-module .title{height: 44px; line-height: 44px;font-size: 18px;padding: 0 20px;margin-top:10px; position: relative}
.add-module .title .icon-guanbi1{position: absolute;right:0;top:0;width:44px;height: 44px;font-size:22px; cursor: pointer;color:var(--color);}
.add-module .title .icon-guanbi1:hover{color:#2D8CF0;}
.add-module li{width:25%;float:left; box-sizing: border-box; padding: 20px 30px 0 30px; text-align: center}
.add-module .icon{width:64px;height: 64px; display: block;margin:0 auto; color:#fff;border-radius:50%; line-height: 64px; text-align: center; background: #808695;}
.add-module .icon i{font-size:30px;}
.add-module .icon-1{background: #c8dc42}
.add-module .icon-2{background: #35ca74;}
.add-module .icon-3{background:#3dd6b4;}
.add-module .icon-4{background: #3dbbd6}
.add-module .icon-5{background: #3da2d6}
.add-module .icon-6{background: #3d85d6}
.add-module .icon-7{background: #4561db}
.add-module .icon-8{background: #3dd6c2}

.add-module .txt{ line-height: 24px;font-size: 14px;margin-top: 10px; }
/*关于弹窗*/
.about-system{width:410px; position:absolute;top:50%;height:290px; overflow:hidden;margin-top:-160px;left:50%;margin-left:-305px; background: var(--background); z-index:99;border-radius:6px; padding-left:190px;}
.about-system .icon-guanbi1{ font-size:24px; position:absolute;right:20px;top:5px; cursor:pointer;}
.about-system .icon-guanbi1:hover{color:#2D8CF0;}
.about-system .logo{width:190px; position:absolute;left:0;top:0; text-align:center;}
.about-system .logo img{height:28px;margin-top:38px;}
.about-system .info{ padding:30px;border-left:1px solid var(--xm-line-color); line-height:2;}
.about-system .info h1{ font-size:22px;font-weight:bold;}
.about-system .info p{color:var(--color); font-size:14px;}
.about-system .info .button{ display:block;width:140px;height:40px; background:#2D8CF0;color:#fff;border-radius:4px; font-size:14px; text-align:center; line-height:40px;margin:15px 0px 50px 0px; -webkit-transition:.3s; transition:.3s;}
.about-system .info .button:hover{box-shadow:0px 3px 12px #b2d5e5;}

.package-system{width:410px; position:absolute;top:50%;height:290px; overflow:hidden;margin-top:-160px;left:50%;margin-left:-305px; background: var(--background); z-index:99;border-radius:6px; padding-left:190px;}
.package-system .icon-guanbi1{ font-size:24px; position:absolute;right:20px;top:5px; cursor:pointer;}
.package-system .icon-guanbi1:hover{color:#2D8CF0;}
.package-system .logo{width:190px; position:absolute;left:0;top:0; text-align:center;}
.package-system .logo img{height:28px;margin-top:38px;}
.package-system .info{ padding:30px;border-left:1px solid #ebebeb; line-height:2;}
.package-system .info h1{ font-size:22px;font-weight:bold;}
.package-system .info p{color:var(--color); font-size:14px;}
.package-system .info .button{ display:block;width:140px;height:40px; background:#2D8CF0;color:#fff;border-radius:4px; font-size:14px; text-align:center; line-height:40px;margin:15px 0px 50px 0px; -webkit-transition:.3s; transition:.3s;}
.package-system .info .button:hover{box-shadow:0px 3px 12px #b2d5e5;}

.projectList{margin-top:40px;}
.projectList .p-head{height:40px; }
.projectList .p-head .button,
.projectList .p-head .tab{height:38px; line-height:38px;}
.projectList .p-head .button{ right:0;top:0; padding:0px 30px; }
.projectList .p-head .button img{margin:10px 10px 0px 0px;}

.projectList .p-head .tab{width:203px;margin:0 auto; box-shadow:-1px 2px 8px rgba(0,0,0,0.08); -webkit-transition:.3s; transition:.3s;}
.projectList .p-head .tab:hover{ box-shadow:-1px 2px 8px rgba(0,0,0,0.14);}
.projectList .p-head .tab li{width:50%; cursor:pointer;}
.projectList .p-head .tab .icon{width:12px;height:12px; display:inline-block;margin-right:6px; background-image:url(/templates/default/images/pc/icon-list.png); background-repeat:no-repeat;}
.projectList .p-head .tab .icon-b{ background-position: 0 -22px;}
.projectList .p-head .tab .icon-s{background-position: -72px -21px;}
.projectList .p-head .tab .line{width:1px;height:100%;left:50%;top:0; background:#e2e2e2;}
.projectList .p-head .tab .on{font-weight:bold;color:#2D8CF0; background: var(--background);}
.projectList .p-head .tab .on .icon-b{background-position: 0 3px;}
.projectList .p-head .tab .on .icon-s{background-position: -72px 4px;}

.projectList .p-cont{margin-top:10px;}
.projectList .p-cont ul{width:1190px;}
.projectList .p-cont li{float:left;border-radius:4px; cursor: move;background: var(--background); padding:10px 30px 30px 30px;margin:30px 30px 0px 0px;width:205px; -webkit-transition:.000000001s; transition:.000000001s; overflow:hidden;height: 177px;}
.projectList .p-cont li .name,
.projectList .p-cont li .image{ overflow:hidden;}

.projectList .p-cont1 li .name{height:56px; line-height:56px; font-size:16px;font-weight:bold; text-align:center;}
.projectList .p-cont1 li .image{height:55px; padding:15px;}
.projectList .p-cont li .image img{height:55px; display:block;max-width:100%;margin:0 auto;}

.projectList .p-cont1 li .info{height:18px; line-height:18px;margin-top:25px;margin-left: 10px;}
.projectList .p-cont li .info span{width:50%; -webkit-transition:.3s; transition:.3s;}
.projectList .p-cont li .info .num{min-width:18px; line-height:18px;padding:2px 5px;color:#fff;border-radius:20px;text-align:center;margin-left:10px;margin-top:-2px}
.projectList .p-cont li .info .n-bg1{ background:#2D8CF0;}
.projectList .p-cont li .info .n-bg2{ background:#f6981d;}
.projectList .p-cont li .btn{margin-top: 30px;width:205px; height:40px;text-align:center;  -webkit-transition:.4s; transition:.4s;}
.projectList .p-cont li .btn .iconfont{ display:block; font-size:22px;height:28px; line-height:22px; overflow:hidden;}
.projectList .p-cont li .btn a{width:25%;float:left;color:var(--color); position:relative;}
.projectList .p-cont li .btn span{width:40px;height:20px; position:absolute;top:-25px;left:50%;margin-left:-20px;color:#fff; background:#2D8CF0; text-align:center;border-radius:3px; line-height:20px; display:none;}
.projectList .p-cont li .btn span .iconfont{ font-size:15px; position:absolute;bottom:-19px;left:50%;margin-left:-7px;color:#2D8CF0;}
.projectList .p-cont li .btn a:hover{color:#2D8CF0;}
.projectList .p-cont li .btn a:hover span{ display:block;}
.projectList .p-cont1 li:hover .btn{margin-top: 10px;}
.projectList .p-cont1 li:hover .info{opacity: 0;display: none}

.projectList .p-cont2 li{width:192px;padding:10px 211px 30px 160px;height:87px;float:left;cursor: move;}
.projectList .p-cont2 li .info span{width:50%; -webkit-transition:.3s; transition:.3s;display: inline-block;height: 20px;line-height: 20px;}
.projectList .p-cont2 li .image{width:120px;float: left;margin-left: -146px;margin-top: -21px;}
.projectList .p-cont2 li .name{ text-align:left;height:46px; line-height:46px;font-size: 18px;}
.projectList .p-cont2 li .info{margin-top:0px; margin-bottom:30px;}
.projectList .p-cont2 li .btn{width:160px; padding:15px;float: right;margin-top: -82px;margin-right: -200px;}

.projectIndex{ padding-left: 211px;height:100%;}
.projectIndex .left{width: 210px;left: 0;z-index: 2;top:0;height:100%;border-right:var(--border-eceef1);}

.projectIndex .left .menu li{height: 41px;line-height: 41px;padding: 0px 12px;white-space: nowrap;margin-bottom: 15px;position:relative;}

.projectIndex .left .menu li b{
    background:var(--item-bg);

    color: #2D8CF0;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    font-style: normal;
    position: absolute;
    z-index: 100;
    left: 75px;
    top: 11px;
    display:none;
    z-index:1;
    padding: 0px 15px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow:0px 3px 5px 0px rgba(0,0,0,0)
}
.projectIndex .left.small .menu li b{
    background:var(--item-bg);
    display:block;
    color: #2D8CF0;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    font-style: normal;
    position: absolute;
    z-index: 100;
    left: 75px;
    top: 11px;
    z-index:1;
    padding: 0px 15px;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow:0px 3px 5px 0px rgba(0,0,0,.1)
}
.projectIndex .left .menu li b:after{
    border-left: 6px solid transparent;
    border-right: 6px solid var(--item-bg);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: "";
    clear: both;
    display: block;
    left: -12px;
    position: absolute;
    top: 8px;
}

/* .projectIndex .left .menu li i{width:17px;float:left; margin:15px 15px 0px 0px;height:16px; background-image:url(/templates/default/images/pc/menu-icon.png); background-repeat:no-repeat;} */
.projectIndex .left .menu li i{
    font-size: 23px;
    font-weight:normal;
    display:inline-block;
    vertical-align:middle;
    margin-right: 10px;
    position:relative;
}
.projectIndex .left .menu li .icon-gk{background-position:0 0;}
.projectIndex .left .menu li .icon-wt{ background-position:0 -53px;}
.projectIndex .left .menu li .icon-mb{ background-position: 0 -710px }
.projectIndex .left .menu li .icon-csyl{background-position: 0 -586px}
.projectIndex .left .menu li .icon-ylk{background-position: 0 -647px}
.projectIndex .left .menu li .icon-gz{background-position: 0 -766px}
.projectIndex .left .menu li .icon-yc{background-position: 0 -824px}
.projectIndex .left .menu li .icon-gb{background-position: 0 -872px}
.projectIndex .left .menu li .icon-all{ background-position:0 -109px;}
.projectIndex .left .menu li .icon-tongji{ background-position:0 -164px;}
.projectIndex .left .menu li .icon-daiban{ background-position:0 -236px;}
.projectIndex .left .menu li .icon-fenpei{ background-position:0 -293px;}
.projectIndex .left .menu li .icon-myfp{ background-position:0 -346px;}
.projectIndex .left .menu li .icon-tz{ background-position:0 -419px;}
.projectIndex .left .menu li .icon-fb{ background-position:0 -473px;}
.projectIndex .left .menu li .icon-ceshi{ background-position:0 -527px;}
.projectIndex .left .menu li .icon-soucang{ background-position:0 -584px;}
.projectIndex .left .menu li .icon-yingyong{ background-position:0 -750px}
.projectIndex .left .menu li .icon-ceshirenwu{ background-position:0 -639px}
.projectIndex .left .menu li .icon-myrenwu{ background-position:0 -688px}


.projectIndex .left .menu li a{color:var(--color);display: block;height: 41px;padding: 0 15px 0 10px;/* border: 1px solid transparent; */border-radius: 9px;line-height: 41px;overflow: hidden;position: relative;z-index: 3;background: var(--background);}
.projectIndex .left .menu li a em{
    display:inline-block;
    vertical-align:middle;
    width: calc(100% - 61px);
    position: relative;
    font-style:normal;
    white-space: nowrap;
    padding-right: 45px;
}
.projectIndex .left .menu li a:hover{color:#2D8CF0;}
.projectIndex .left .menu li a:hover i{background-imag/*  */e:url(/templates/default/images/pc/menu-icon-on.png);}
.projectIndex .left .menu li.on{ position:relative; z-index:1;}
/*.projectIndex .left .menu li.on:after{ content:'';width:8px;height:13px; position:absolute;right:-1px;top:50%;margin-top:-7px; background:url(/templates/default/images/pc/gap.png) no-repeat;}*/
.projectIndex .left .menu li.on a{color: #2D8CF0;/* font-weight:bold; *//* border: var(--border-eceef1); */background:var(--nav-hover);}
/* .projectIndex .left .menu li.on i{ background-image:url(/templates/default/images/pc/menu-icon-on.png);} */

.projectIndex .left .menu .num{min-width:16px;min-height:16px;line-height:16px;margin-top: 10px;padding: 2px 6px;color:#fff;border-radius: 9px;text-align:center;font-size: 12px;position: absolute;right: 8px;}
.projectIndex .left .menu .n-bg1{background: #2D8CF0;}
.projectIndex .left .menu .n-bg2{background: #FF9901;}
.projectIndex .left .menu ul{padding:25px 0px 10px 0;border-top:var(--border-eceef1);}
.projectIndex .left .menu ul:first-child{border-top:0px;}
.projectIndex .left .display-switch{cursor:pointer;width: 18px;height: 17px;position: absolute;left: 20px;bottom: 60px;background: url(/templates/default/images/pc/collapse.png?v=1.2) no-repeat;background-size: cover;cursor: pointer;z-index: 10;}
.projectIndex .left .display-switch:hover{background: url(/templates/default/images/expand.png?v=1.2) no-repeat;width: 18px;height: 17px;background-size: cover;}
.projectIndex .left .display-switch.expand{ background: url(/templates/default/images/collapse1.png?v=1.2) no-repeat;width: 18px;height: 17px;background-size: cover;}
.projectIndex .left .menu .sen{padding-left: 34px;height: 44px; line-height: 44px}

.projectIndex .left .test-menu .title{height:64px; line-height: 64px;border-bottom:var(--border-eceef1);padding: 0 15px;font-size:16px;}
.projectIndex .left .test-menu .bug-btn{font-size:12px; height: 26px; line-height: 26px;margin-top:18px;}

.projectIndex .left .test-menu ul{padding:15px;}
.projectIndex .left .test-menu li{ line-height: 40px;height:40px;overflow:hidden;font-size:14px;display: block;}
.projectIndex .left .test-menu a:hover{color:#04ade4}
.projectIndex .left .test-menu span{float: right;font-size:12px;}
.projectIndex .left .test-menu .icon-bianji{float:right; margin-left:15px;font-size:16px;}
.projectIndex .right{padding:0 20px; position: relative;}
.projectIndex .right .head-tit{margin-top:40px; line-height:40px;}
.projectIndex .right .head-btn .button{float:left; cursor:pointer; padding:0px 25px;margin-left:20px;height:38px; line-height:38px;border-radius:4px; -webkit-transition:.3s; transition:.3s;color:#fff;}
.projectIndex .right .head-btn .bg-1{ background:#0b84cf;border:1px solid #0b84cf;}
.projectIndex .right .head-btn .bg-1:hover{box-shadow:0px 3px 12px #b2d1e7;}
.projectIndex .right .head-btn .bg-2{ background:#2D8CF0;border:1px solid #2D8CF0;}
.projectIndex .right .head-btn .bg-2:hover{box-shadow:0px 3px 12px #b2d5e5;}
.projectIndex .right .head-btn .bg-3{ background:#3ec5eb;border:1px solid #3ec5eb;}
.projectIndex .right .head-btn .bg-3:hover{box-shadow:0px 3px 12px #b2d7e3;}
.projectIndex .right .head-btn .iconfont{ font-size:22px;float:left;width:32px;}
.projectIndex .right .head-btn .bg-white .iconfont{ font-size:19px;}
.projectIndex .right .head-btn .submit{border:1px solid #2D8CF0;color:#2D8CF0; box-shadow:0px 2px 10px #e1e9ef;}
.projectIndex .right .head-btn .submit:hover{box-shadow:0px 3px 12px #c0e3fd;}


.projectIndex .right .data-info{margin-top:20px;}
.projectIndex .right .data-info li{float:left; padding:25px 0px;width:14.2%; position:relative; -webkit-transition:.3s; transition:.3s;}
.projectIndex .right .data-info li strong{ display:block; font-size:30px;}
.projectIndex .right .data-info li span{ display:block;margin-top:10px;}
.projectIndex .right .data-info .line{width:1px;height:50%; position:absolute;left:0;top:25%; background:var(--xm-line-color);}
.projectIndex .right .data-info li:hover{ background:var(--hoverbackground);}

.projectIndex .right .title{height:54px; line-height:54px;padding:0px 20px;}

.projectIndex .right .title .chart_title{display: inline-block;vertical-align: middle;/* padding-top: 24px; */font-size: 0;/* position: absolute; *//* top: 0; *//* right: 20px; */line-height: 26px;margin-left: 20px;}

.projectIndex .right .title .chart_title span{
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-weight: 400;
    font-size: 13px;
    text-transform: none;
    margin-left: 11px;
    line-height: 30px;
    height: 30px;
}
.projectIndex .right .title .chart_title span i{
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 3px;
        position: relative;
        top: -1px;
}
.projectIndex .right .title .chart_title span em{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    }

.projectIndex .right .title #lblVersionName{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 260px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.projectIndex .right .title span{margin:0 10px;    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;}
.projectIndex .right .title .bug-tab{margin-top:12px;}

.problem-list{
    position:relative;
}
.projectIndex .right .result_title{line-height: 50px;font-size: 14px;height: 50px;color: #fff;background: #2D8CF0;border-radius: 5px;padding: 0 20px;margin-bottom: 10px;position: absolute;top: 2px;left: 2px;padding-right: 80px;}
.projectIndex .right .result_title label{color: #fff;display: inline-block;vertical-align: middle;height: 22px;line-height: 22px;border-right: 1px solid #fff;font-size: 15px;padding: 0 30px 0 0;letter-spacing: 2px;}
.projectIndex .right .result_title label span{color: orange;font-size: 15px;padding: 0 4px;}
.projectIndex .right .result_title .setting{display: inline-block;margin-left: 20px;height: 28px;vertical-align: middle;line-height: 28px;}
.projectIndex .right .result_title .setting a{font-size: 14px;display: inline-block;vertical-align: top;height: 28px;line-height: 28px;color: #fff;text-align: center;padding: 0 14px;border-radius: 3px;margin-left: 15px;letter-spacing: 0px;}
.projectIndex .right .result_title .setting a:hover{    background: rgba(255,255,255,.1);}
.projectIndex .right .result_title .close{position: absolute;right: 13px;cursor: pointer;overflow: hidden;top: 13px;line-height: 24px;height: 24px;width: 24px;text-align: center;border-radius: 2px;}
.projectIndex .right .result_title .close i{font-size: 19px;color: #fff;}
.projectIndex .right .result_title .close:hover{background: rgba(255,255,255,.1);}


.projectIndex .right table td input[type=checkbox]{border-radius: 4px;width: 18px;height: 18px;-webkit-appearance: none;display: inline-block;outline: none;border: 1px solid #C5C8CE;background-size: cover;vertical-align: middle;cursor:pointer;}
.projectIndex .right table td input[type=checkbox]:checked{background: #2D8CF0 url('/templates/default/images/pc/checked.png') no-repeat 50% 50%;/* background-size: 14px 14px; */background-position-x: 3px;border-color: #2D8CF0;}


.projectIndex .right table td{line-height:22px;padding: 10px 5px;color:var(--td-color);font-size: 14px;}
.projectIndex .right table td .iconfont{font-size:20px;opacity:.8;position: relative;
    top: 2px;}
.projectIndex .right table td .iconfont.icon-biaoguanlian{
    position:relative;
    top:-1px;
}
.projectIndex .right table .td-first{ padding-left:30px;position:relative;}
.projectIndex .right table .td-last{ padding-right:30px;}
.projectIndex .right table .tr-head{ cursor:default;}
.projectIndex .right table .tr-head td{
    background:transparent;
}
.projectIndex .right table .tr-head td{color:var(--color);padding: 10px 5px;background: var(--dialog-background);}

.projectIndex .right table .tr-head td a{color:var(--color);font-size: 14px;}
.projectIndex .right table .tr-head .icon{/* float:right; */display: inline-block;   width: 9px;}
.projectIndex .right table .tr-head .iconfont{font-size: 12px;display:block;line-height: 12px;font-weight:normal;}
.projectIndex .right table .tr-head .icon-top{margin-top: 0px;}
.projectIndex .right table .tr-head .icon-bottom{margin-top:-6px;}
.projectIndex .right table .tr-head .icon-bottom,
.projectIndex .right table .tr-head .icon-top{color:#c5c8ce;}
.projectIndex .right table .tr-head .top-on .icon-bottom{color:#C5C8CE;}
.projectIndex .right table .tr-head .top-on .icon-top{color:#2D8CF0;}
.projectIndex .right table .tr-head .bottom-on .icon-top{color: #c5c8ce;}
.projectIndex .right table .tr-head .bottom-on .icon-bottom{color:#2D8CF0;}

.projectIndex .right table .td-tit{ font-size:15px;}
.projectIndex .right table .td-tit span{color:#2D8CF0;}

.projectIndex .right table tr{cursor:pointer;/* border-radius: 30px; *//* overflow: hidden; */border-bottom: var(--border-tr-color); background: var(--background);}
.projectIndex .right table .curr td,
.projectIndex .right table tr:hover td{ background:var(--td-hover-background);}
.projectIndex .right table tr.tr-head:hover td{
    background:var(--dialog-background);
}
.projectIndex .right table .item:hover td{ background:var(--td-hover-background);}

.projectIndex .right table .curr td:first-child{
    position:relative;
}
.projectIndex .right table .curr td:first-child:after{
    display:block;
    content:'';
    clear:both;
    position:absolute;
    width:4px;
    height:100%;
    background:#2D8CF0;
    top:0;
    left:0;
    z-index:0;
}
/*专业版*/

.projectIndex .right .detailed td{ text-align: left;border-top:0px; padding-top: 5px;}
.projectIndex .right .detailed span{padding-right: 30px;}
.projectIndex .right .detailed span .iconfont{margin-right:10px;}
.projectIndex .right .detailed span font{ padding: 3px 5px; background:var(--body-background);border-radius: 4px;margin-right: 10px;}
.projectIndex .right .detailed:hover .tag{ background: #eceff2;}

.projectIndex .right .operating a{margin:0 10px;}
.projectIndex .right .operating i{font-size:20px; cursor: pointer}
.projectIndex .right .operating a:hover{color:#2D8CF0;}

.projectIndex .table-spacing tr{background: var(--background);border-radius: 4px; box-shadow:0px 2px 10px rgba(203,207,213,0.3);}
.projectIndex .table-spacing .tr-blank{height: 15px; background: none; box-shadow: 0px 0px 0px #fff;}
.projectIndex .right .table-spacing td{border-top:0px; }
.wrap-grag-bg{width:100%;height:100%; position:fixed; background:rgba(0,0,0,0.25);left:0;top:0; z-index:90;}


.aside-problem{ right:0;width:900px;height:100%; z-index:199;top:0px;border-left: 1px solid var(--aside-border-color);    box-shadow: 0px 2px 10px rgba(0,0,0,0.08); display: none; position: fixed}
.aside-problem .aside-srcoll{padding: 10px;overflow-y: auto;background:var(--aside-background);margin-left: 64px;display: block;width: calc(100% - 84px);}
.aside_bg{
    background: var(--background);
    padding: 20px 30px;
    border-radius:15px;
}
.aside-problem .aside-head{height:64px;line-height:64px;padding:0px 15px 0 0;border-bottom:var(--border-eceef1);/* overflow:hidden; */}
.aside-problem .aside-head .bug-btn{margin:15px 5px 0 0;}
.aside-problem .aside-head .icon a{ margin-left:20px; position:relative;}
.aside-problem .aside-head .icon .iconfont{ font-size:21px;}
.aside-problem .aside-head .icon .icon-bianji{ font-size:19px;}
.aside-problem .aside-head .icon a:hover{color:#2D8CF0;}
.aside-problem .aside-head .icon-bt{font-size:20px;margin: 0 10px; cursor: pointer;}
.aside-problem .aside-head .icon-bt:hover{color:#2D8CF0;}
.aside-problem .aside-head a.icon-bt{font-size: 16px;position: relative;top: -2px;}
.aside-problem .aside-head a.icon-bt:hover span{color:#2D8CF0;}
.aside-problem .aside-head a.icon-bt span{font-size: 26px;display: inline-block;color:var(--color);vertical-align: middle;margin-right: 4px;position: relative;top: -2px;}

.aside-problem .tips{line-height:24px;padding: 15px 0;position: relative;padding-right: 50px;font-weight: 550;font-size: 18px;}
.aside-problem .tips .text-bg{margin: 0 10px 0 0;font-size: 15px;padding: 5px 10px;}
.aside-problem .tips strong{position:absolute;right:0;top:50%;height: 24px;line-height: 24px;margin-top: -12px;}

.aside-problem .status{ line-height:24px; padding:0px 30px;}
.aside-problem .status span{ float:right;}
.aside-problem .status strong{ margin-right:10px;}

.aside-problem .aside-icon-menu{position:absolute;left: 14px;top:70px;}
.aside-problem .aside-icon-menu li{width: 36px;height: 36px;/* border:var(--border-eceef1); */margin-top: 18px;border-radius: 4px;line-height: 36px;font-size: 23px;cursor: pointer;text-align: center;color:var(--color);position: relative}
.aside-problem .aside-icon-menu .num{height: 18px;min-width: 12px;position: absolute;right: -8px;top:0;font-size: 12px;color: #FC234C;border-radius: 50px;line-height: 18px;}
.aside-problem .aside-icon-menu li:hover,
.aside-problem .aside-icon-menu .on{background: var(--item-bg);color: #2D8CF0;}

.aside-problem .problem-process{padding-left: 70px;min-height: 30px;position: relative;font-size: 0;padding-top: 15px;padding-bottom: 30px;/* border-top:var(--border-eceef1) */}
.aside-problem .problem-process li{width: 33.33%;display: inline-block;position: relative;vertical-align: middle;}
.aside-problem .problem-process img{width: 32px;height: 32px;border-radius: 50%;position: absolute;left: 8px;top: 1px;}
.aside-problem .problem-process strong,
.aside-problem .problem-process span{display: block;/* margin-left:20px; */height: 18px;line-height: 18px;overflow: hidden}
.aside-problem .problem-process strong{font-size: 14px;}
.aside-problem .problem-process span{color:var(--color);font-size: 12px;}
.aside-problem .problem-process .state{width: 66px;position: absolute;left: 0;}
.aside-problem .problem-process .state strong{margin-top:10px;position: relative;display: inline-block;overflow:inherit;font-size: 15px;}
.aside-problem .problem-process .state strong:before{content: '';width:6px;height: 6px; background: #f06262;border-radius: 50%; position: absolute;right:-10px;top:-5px;}
.aside-problem .problem-process .success strong:before{background: #2dc26c}

.aside-problem .problem-process li:before{content:'';width:100%;height: 2px;position: absolute;left:0;top:50%;margin-top: -3px;background: #CFD3D8;}
.aside-problem .problem-process li:first-child:before,
.aside-problem .problem-process li:last-child:before{ display: none }
.aside-problem .problem-process .peo{position: relative;background: var(--background);z-index: 9;padding: 0 15px 0 48px;display: inline-block;}
.aside-problem .aside-info{
    border-bottom: 1px solid var(--dialog-background);
    padding: 15px 0;
    margin-bottom: 30px;
}
.aside-problem .aside-info ul{
    font-size: 0;
}
.aside-problem .aside-info li{
    display: inline-block;
    vertical-align: middle;
    /*text-align:center;*/
    width: 25%;
}
.aside-problem .aside-info li span{    display: inline-block;
width:10px;
height:10px;    padding: 0;
border-radius:50%;
    vertical-align: middle;    position: relative;
    top: -1px;}
.aside-problem .aside-info li strong{font-weight: normal;font-size: 13px;padding-left: 5px;display: inline-block;vertical-align: middle;}
.aside-problem .aside-info li label{
    font-size: 15px;
}
.aside-problem .problem-info{
    margin-top: 15px;
    background: var(--dialog-background);
    padding: 0 25px;
    margin-bottom: 40px;
    }
.aside-problem .problem-info ul{/* border-top:var(--border-eceef1); */padding: 10px 0px;}
.aside-problem .problem-info li{/*width: 120px; float:left; */    min-height: 34px;line-height: 34px;padding: 5px 0px 0px 65px;position: relative;font-size: 14px;margin-right: 30px;display: inline-block;vertical-align: middle;}
.aside-problem .problem-info li .tit{position:absolute;left:0;top:5px;color:var(--color);font-weight:normal;font-size: 14px;}
.aside-problem .problem-info li label{
	min-width:100px;
	display:inline-block;
}
.aside-problem .problem-cont{line-height:24px;/* padding:10px 30px 0 0; */}

.aside-problem .problem-cont .problem_bg{
     /* padding: 10px; */
     /* background:var(--body-background); */
     /* width: 97%; */
     display: block;
     border-radius: 5px;
     /* margin: 15px 0; */
}
.aside-problem .problem-cont .problem_style{
    /* padding: 10px; */
    /* background: var(--background); */
    /*border: var(--layui-border-color)eee;*/
    /* border-radius: 4px; */
    display: block;
    margin: 0 auto;
    /* box-shadow: 0px 0px 3px 0px rgba(93,92,92,.3); */
}
.aside-problem .problem-cont p{
    margin-left:20px;
    margin-top:10px;    word-break: break-all;
}
.aside-problem .problem-cont img{max-width: 340px;cursor:pointer;transition:all .3s linear;box-shadow:0px 1px 10px 0px rgba(0,0,0,.15);transform:translate3d(0,0,-2px);margin-bottom:12px;}
.aside-problem .problem-cont img:hover{
    box-shadow:0px 2px 20px 0px rgba(0,0,0,.15);
    transform:translate3d(0,0,-5px);
}
.aside-problem .problem-cont p{ margin-top:15px;    word-break: break-all;}

.aside-problem .problem-log ul{ padding:10px 0px;}
.aside-problem .problem-log li{/* min-height:40px; */line-height: 28px;padding: 0px 0px 20px 0px;position:relative;font-size:14px;}
.aside-problem .problem-log li .avatar{/* width: 28px; *//* height: 28px; *//* position:absolute; *//* left:0; *//* top:0px; */display: inline-block;vertical-align: middle;/* line-height: 28px; */height: 28px;width: 150px;}
.aside-problem .problem-log li .avatar img{display:inline-block;vertical-align:middle;width:28px;height:28px;border-radius:50%;overflow:hidden;position: relative;top: -2px;}
.aside-problem .problem-log li .desc{
    width: 187px;
    display:inline-block;
    vertical-align:middle;
    text-align: left;
}
.aside-problem .problem-log li  .problem_staue{width: 104px;display:inline-block;vertical-align:middle;text-align: center;height: 28px;}
.aside-problem .problem-log .name{
    display: block;
    margin-top: 15px;
    border: 1px solid #e7eaec;
    padding: 10px 20px 20px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 32px;
    color:var(--color);
}
.aside-problem .problem-log .name:after{
    display:block;
    content:'';
    clear:both;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    position:absolute;
    top: 36px;
    left:30px;
    background: var(--background);
    border: 1px solid  #e7eaec;
    border-right: none;
    border-bottom: none;
    border-radius: 3px;
}
.aside-problem .problem-log li label{
    display: inline-block;
    vertical-align: middle;
    /*margin-right: 30px;*/
    word-break: break-all;
}
.aside-problem .problem-log li .avatar strong{display: inline-block;vertical-align: middle;margin-left: 6px;}
.aside-problem .problem-log .desc i{
    /* padding: 0 10px; */
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    /* margin-left: 16px; */
    width: 111px;
    font-weight: 550;
}
.aside-problem .problem-log .name p{
    margin-top: 10px;
}
.aside-problem .problem-log .name p.img{
    display:inline-block;
    vertical-algin:middle;
    margin-right:15px;
}
.aside-problem .problem-log .name p a {
    display:inline-block;
    width:200px;
    vertical-align:middle;
}
.aside-problem .problem-log .name p a img{
    width:200px;
    border-radius:8px;
}
.aside-problem .problem-log .name strong{
    font-weight: normal;
    color:#2D8CF0;
    font-size: 14px;
    /* font-family: '黑体'; */
    display: inline-block;
    vertical-align: middle;
}
.aside-problem .problem-log li span{width: 160px;color:var(--color);font-size: 13px;line-height: 28px;display: inline-block;text-align: right;}
.aside-problem .problem-log,
.aside-problem .problem-annex,
.aside-problem .problem-talk{/* padding-right: 30px; */margin-top:30px;}
.problem-annex .title,
.aside-problem .problem-talk .title,
.aside-problem .problem-log .title{font-size: 18px;line-height: 38px;height: 38px;color:var(--td-color);margin-bottom: 15px;font-weight: 550;}
.aside-problem .problem-log .title span{float:right;font-size:14px;cursor:pointer;font-weight: normal;}

.aside-problem .problem-log .problem_box{}
.aside-problem .problem-log .problem_box .problem_box_t{
    color:var(--color);
    font-size: 0;
    line-height: 40px;
}
.aside-problem .problem-log .problem_box .problem_box_t .oldedit{
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    text-align: left;
    font-size: 14px;
}
.aside-problem .problem-log .problem_box .problem_box_t .desc{
    width: 187px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}
.aside-problem .problem-log .problem_box .problem_box_t .newedit{
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    text-align: left;
    font-size: 14px;
}
.aside-problem .problem-log .problem_box .problem_box_t .editstatue{
    display: inline-block;
    vertical-align: middle;
    width: 104px;
    font-size: 14px;
    text-align: center;
}
.aside-problem .problem-log .problem_box .problem_box_t .editdate{
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    text-align: right;
    font-size: 14px;
    cursor:pointer;
}
.aside-problem .problem-log .problem_box .problem_box_t .editdate:hover{
    color:#2D8CF0;
}
.aside-problem .problem-log .problem_box .problem_box_t .editdate i{
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 2px;
}
.aside-problem .problem-log .problem_box .problem_box_t .editdate.on i{
    color:#2D8CF0;
    transform:rotate(180deg);
    top: 2px;
}















.problem-annex .title{display:inline-block;}
.problem-annex .title .zhuijia{
    position: absolute;
    right: 0;
    top: 0;    margin-top: 0;
}
.problem-annex .title .zhuijia a{
    height: 30px;
    opacity: .85;
    font-size: 14px;
    display: inline-block;
    line-height: 30px;
    cursor: pointer;
    margin-top: 0;
    border: var(--border-E9F0F7);
    margin-left: 10px;
    border-radius: 15px;
    padding: 0 15px;
    font-weight: normal;
}
.problem-annex .title .zhuijia a:hover{
    color:#fff;
    background:#2D8CF0;
    border-color:#2D8CF0;
}

.Subtask {
    margin-top: 30px;
    margin-right: 0px;
}

.Subtask .title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 10px;
    /* background: #E9F0F7; */
    /* padding-left: 15px; */
}

.Subtask .title .creat_task {
    height: 32px;
    float: right;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
    margin-top: 0;
    border: var(--border-E9F0F7);
    margin-left: 10px;
    border-radius: 15px;
    padding: 0 10px;
}

.Subtask .title .creat_task:hover {
    background: #2D8CF0;
    color: #fff;
}

.Subtask .title .creat_task i {
    position: relative;
    top: 1px;
}

.Subtask ul {
    border: 1px solid var(--aside-content-color);
    /* margin-right: 20px; */
    border-radius: 15px;
    padding: 0 15px;
}

.Subtask li {
    padding: 10px 75px 10px 55px;
    position: relative;
    border-top: 1px solid var(--aside-content-color);
    cursor: pointer;
}

.Subtask li:first-child {
    border: none;
}

.Subtask li:hover {
    /*background:#f2f3f7;*/
}

.Subtask li.subtask_none {
    text-align: center;
    padding: 20px 0;
    font-size: 14px;
    color:var(--color);
}

.Subtask li.subtask_none:hover {
    background: none;
}

.Subtask li .subtask_num {
    position: absolute;
    left: 15px;
    top: 50%;
    height: 30px;
    margin-top: -15px;
    font-size: 14px;
    line-height: 30px;
    color:var(--td-color);
}

.Subtask li .subtask_info {
    margin-left: 10px;
    line-height: 22px;
    font-size: 14px;
    padding: 7px 0;
}

.Subtask li .subtask_user {
    position: absolute;
    right: 0;
    top: 50%;
    height: 36px;
    line-height: 36px;
    margin-top: -18px;
    cursor: pointer;
}

.Subtask li .subtask_user .subtask_img img {
    width: 29px;
    height: 29px;
    box-shadow: none;
}

.Subtask li .subtask_user .subtask_img {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
}

.Subtask li .subtask_user .subtask_img b {
    position: absolute;
    display: none;
    background: rgba(0,0,0,.6);
    padding: 0 5px;
    height: 24px;
    color: #fff;
    line-height: 24px;
    border-radius: 3px;
    font-size: 10px;
    bottom: 44px;
}

.Subtask li .subtask_user .subtask_img b:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    border-bottom: 5px solid transparent;
    border-top: 5px solid rgba(0,0,0,.6);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 8px;
}

.Subtask li .subtask_user .subtask_img:hover b {
    display: block;
}

.Subtask li .subtask_user em {
    margin: 0 5px;
}

.Subtask li .subtask_user .subtask_active {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.Subtask li .subtask_user .subtask_active i {
    font-size: 20px;
}

.Subtask li .subtask_user .subtask_active p {
    position: absolute;
    top: 40px;
    width: 85px;
    right: -10px;
    background: var(--background);
    display: none;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,.15);
    padding: 5px 0;
}

.Subtask li .subtask_user .subtask_active p.on {
    display: block;
}

.Subtask li .subtask_user .subtask_active p:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    width: 12px;
    right: 16px;
    top: -6px;
    box-shadow: -2px -2px 5px -2px rgba(0,0,0,.15);
    background: var(--background);
    height: 12px;
    transform: rotate(45deg);
}

.Subtask li .subtask_user .subtask_active p span {
    display: block;
    line-height: 26px;
    text-indent: 10px;
    color:var(--color);
}

.Subtask li .subtask_user .subtask_active p span:hover {
    color: #2D8CF0;
}

.aside-problem .problem-annex{padding-right:0;position: relative;}
.aside-problem .problem-annex .problem_btn{
    float: right;
}
.aside-problem .problem-annex .problem_btn .button{display:inline-block;cursor:pointer;padding: 0px 10px;/* margin-left:15px; */height: 30px;line-height: 30px;border-radius: 3px;-webkit-transition:.3s;transition:.3s;color:var(--color);/* border: 1px solid transparent; */cursor:pointer;font-size: 14px;-webkit-transition:.3s;transition:.3s;}
.aside-problem .problem-annex .problem_btn .button .iconfont{float:left;font-size:18px;margin:0px 5px 0px 0px;color: #2D8CF0;}
.aside-problem .problem-annex .problem_btn .button:hover{ background: #f2f3f7;color:#2D8CF0;}

.aside-problem .adddesc{
    overflow: hidden;
}
.aside-problem .adddesc .update{}

.aside-problem .adddesc .update label{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 26px;
    /* font-weight: 550; */
    color: #2D8CF0;
}
.aside-problem .adddesc .update label i{
    margin:0 15px;
    font-weight: normal;
    font-size: 15px;
    
}
.aside-problem .adddesc .update label em{
    font-weight: normal;
    font-size: 15px;
}





.aside-problem .adddesc li{
    position: relative;
    /* margin-top: 25px; */
    padding-left: 32px;
    /* overflow: hidden; */
    /* padding-top: 25px; */
}
.aside-problem .adddesc li:after{
    display:block;
    content:'';
    clear:both;
    width: 14px;
    height: 14px;
    background: #E9F0F7;
    border-radius:50%;
    position:absolute;
    left:0;
    top: 0;
}
.aside-problem .adddesc li:before{
    display:block;
    content:'';
    clear:both;
    width: 3px;
    height: 101%;
    background: #E9F0F7;
    position:absolute;
    left: 5px;
    top: 14px;
}
.aside-problem .adddesc li .comment-user{
    position: relative;
    margin-top: 15px;
}

.aside-problem .adddesc li .comment-user img{
    box-shadow: 0px 0px 0px 0px;
    width: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    position: relative;
    top: -4px;
}
.aside-problem .adddesc li .comment-user label{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 26px;
    /* font-weight: 550; */
    color: #2D8CF0;
}
.aside-problem .adddesc li .comment-user label i{
    margin:0 15px ;
    font-weight: normal;
    font-size: 14px;
}
.aside-problem .adddesc li .comment-user em{
    font-weight: normal;
    font-size: 14px;
}
.aside-problem .adddesc li .comment-user p{
    /* position: absolute; */
    /* right: 0; */
    margin-top: 0;
    top: 50%;
    line-height: 30px;
    height: 30px;
    /* margin-top: -15px; */
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
}
.aside-problem .adddesc li .comment-user p a{
    font-size: 20px;
    margin-left: 10px;
}
.aside-problem .adddesc li .comment-user p a:hover{
    color:#2D8CF0;
}
.aside-problem .adddesc li .comment-box{/* margin-top:15px; */}
.aside-problem .adddesc li .comment-box p{
    margin-left: 0;
    color:var(--color);
    margin-top: 0;
    margin-bottom: 15px;
}
.aside-problem .adddesc li .comment-box p.text{
    font-size: 14px;
    line-height: 24px;
    }
.aside-problem .adddesc li .comment-box p.imgs{
    font-size: 0;
    margin-left: -15px;
}
.aside-problem .adddesc li .comment-box p.imgs label{
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
.aside-problem .adddesc li .comment-box p.imgs label a{
    display: block;
    margin-bottom: 15px;
    margin-left: 15px;
}
.aside-problem .adddesc li .comment-box p.imgs label a img{
    max-width: 100%;
    margin-bottom: 0;
    border-radius: 15px;
    display: block;
}

/*.aside-problem .problem-annex .problem_btn .button.on{*/
    
/*}*/
/*.aside-problem .problem-annex .problem_btn .button.on:hover{*/
/*     box-shadow:0px 0px 0px rgba(0,0,0,0.08);*/
/*}*/



.aside-problem .problem-talk .talk-box{background: var(--background);border: 1px solid var(--aside-content-color);border-radius: 15px;}
.aside-problem .problem-talk .talk-foot{padding: 15px 140px 15px 10px;/* background: var(--background); */height: 30px;position: relative;/* border-top:var(--border-eceef1); */margin-top:15px;}
.aside-problem .problem-talk .icon-biaoqing{position: absolute;right: 80px;width: 40px;height: 34px;line-height: 34px;top: 15px;text-align: center;font-size: 18px;color:var(--color);cursor: pointer;}
.aside-problem .problem-talk .icon-biaoqing:hover{color:#2D8CF0;}

.aside-problem .problem-talk .talk-text{height: 20px;line-height: 20px;padding: 7px 50px 7px 10px;width:100%;border:0px;border-radius: 10px;background:var(--nav-hover);}
.aside-problem .problem-talk .send{width:60px;height: 34px;line-height: 34px;position: absolute;right:10px;top: 15px;border-radius: 10px;}
.aside-problem .problem-talk li{padding: 15px 30px 0 15px}
.aside-problem .problem-talk .time{text-align: center;color:var(--color);line-height: 40px;font-size: 14px;}
.aside-problem .problem-talk .u-info{height: 32px; line-height: 18px; font-weight: bold; }
.aside-problem .problem-talk .u-info img{width:32px;height: 32px;border-radius: 50%;float:left; margin-right: 10px}
.aside-problem .problem-talk .u-cont{margin:-10px 0 0 42px; line-height: 22px; min-height:22px;padding: 8px 12px;border-radius: 10px;background:#f2f5f8;color: #464C5B;float:left; font-size: 14px; position:relative;}
.aside-problem .problem-talk .u-cont:before{content: '';width: 6px;height: 10px;background: url('/templates/default/images/pc/talk-qp.png?v=1.1') no-repeat; position:absolute; left:-6px;top:10px;}
.aside-problem .problem-talk .me .u-cont{ background: #2D8CF0;color: #fff; }
.aside-problem .problem-talk .me .u-cont:before{background: url('/templates/default/images/pc/talk-qp.png?v=1.1') no-repeat 0 -12px}

/* .problem-annex li{height: 44px;line-height: 44px;border-bottom: var(--border-eceef1)}
.problem-annex table{border-collapse:collapse;border-radius: 15px;border: 1px solid var(--aside-content-color);overflow: hidden;}
.problem-annex td{border-top: 1px solid var(--aside-content-color);padding: 5px 15px;font-size: 14px;text-align: center;vertical-align: middle}
.problem-annex td img{height: 28px;}
.problem-annex .operating i{font-size:22px; cursor: pointer}
.problem-annex .operating:hover{color:#2D8CF0;}
 */


.problem-annex .fj_table{
    border: 1px solid var(--aside-content-color);
    border-radius: 15px;
    padding: 0 15px;
}
.problem-annex .fj_table .fj_itme{
    padding: 15px 0;
    border-top: 1px solid var(--aside-content-color);
    position: relative;
}
.problem-annex .fj_table .fj_itme:first-child{
    border: none;
}
.problem-annex .fj_table .fj_itme img{
    display: inline-block;
    vertical-align: middle;
    height: 22px;
}
.problem-annex .fj_table .fj_itme label{
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 29px;
    margin-left: 6px;
        overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 240px);
    white-space: nowrap;
}
.problem-annex .fj_table .fj_itme p{
    position: absolute;
    right: -10px;
    height: 22px;
    top: 50%;
    margin-top: -11px;
}
.problem-annex .fj_table .fj_itme p span{
    padding: 0 13px;
    border-right: 1px solid #DEE2E6;
    height: 24px;
    /* width: 27px; */
    display: inline-block;
}
.problem-annex .fj_table .fj_itme p span i{
    font-size: 22px;
    cursor:pointer;
}
.problem-annex .fj_table .fj_itme p span i:hover{
    color:#2D8CF0;
}
.problem-annex .fj_table .fj_itme p span:last-child{
    border:none;
}

.window-box .title{height:56px; line-height:56px;border-bottom:var(--border-eceef1); padding:0px 20px; overflow:hidden; font-size:16px;}
.window-box .icon-guanbi{ font-size:24px; cursor:pointer;}
.window-box .icon-guanbi:hover{color:#2D8CF0;}
.newProblem .tab{height:44px; line-height:44px; background:#fcfcfd;border-bottom:1px solid #ebebeb;}
.newProblem .tab li{float:left;width:50%; text-align:center;color:var(--color); cursor:pointer;}
.newProblem .tab .on{ background: var(--background); position:relative;font-weight:bold;color:#2D8CF0;}
.newProblem .tab .on:after{ content:'';width:100%;height:1px; position:absolute;background: var(--background);bottom:-1px;left:0; z-index:9;}
.newProblem .tab .line-y{ width:1px;height:100%; position:absolute;right:50%;top:0; background:#ebebeb; z-index:10;}
.newProblem .from-style{    margin: 20px;
    margin-left: 270px;overflow:hidden;border-radius: 15px;    background: var(--background);}
.newProblem .from-style .from-style-nicescroll{
    overflow-y: auto;
}
.newProblem .from-style > ul{background: var(--background);border-radius: 15px;}


.window-box .foot-btn{height:40px; line-height:40px;box-shadow: 0px -2px 5px 0px rgb(182 182 182 / 10%); padding:10px 20px; background: var(--top-background);}
.window-box .foot-btn span{ display:inline-block; }
.window-box .foot-btn .button{ padding:0px 30px; cursor:pointer;height:38px; float:left; line-height:38px; font-size:14px; -webkit-transition:.3s; transition:.3s;border:1px solid #2D8CF0;color:#fff; background:#2D8CF0; text-align:center;border-radius:15px; margin:0px 10px;}
.window-box .foot-btn .button2{color:#2D8CF0;background: var(--item-bg);}
.window-box .foot-btn .button:hover{ box-shadow:var(--project-button-hover);}


.from-style .from-title{font-size: 14px;padding: 0 30px;padding-top: 30px}

.from-style ul{ padding:20px;}
.from-style li{min-height:24px;padding-top: 20px;}
.from-style li.block-2{width:50%;}
.from-style li .box{/* padding: 2px 0; */position:relative;/* line-height: 30px; *//*margin-left:20px; padding-left: 80px; *//* border: var(--border-E9F0F7); */border-radius: 15px;}
.from-style li .box-by-at{/* padding-right: 50px */}
.from-style li .tit{    display: block;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    font-size: 14px;
    color:var(--color);
    background:var(--background);
    position: absolute;
    left: 1px;
    width: 80px;
    top: 1px;
    text-align: center;
    border-radius: 15px;
    z-index:1;}
.from-style li .tit .form_select {
    border: var(--border-E9F0F7);
    border-radius: 15px;
    color: #747474;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    cursor: pointer;
    padding: 0 11px;
    font-size: 14px;
    margin-left: 10px;
}
.from-style li .tit .form_select span {
    width: 10px;
    height: 10px;
    line-height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #f3f3f3;
}
.from-style li .tit .form_select span i {
    width: 8px;
    display: block;
    margin: 0 auto;
    height: 8px;
    margin-top: 1px;
    border-radius: 50%;
    background: transparent;
}
.from-style li .tit .form_select.on {
    border-color: #1989fa;
    color: #1989fa;
}
.from-style li .tit .form_select.on span i {
    background: #1989fa;
}


.from-style li select,
.from-style li .textbox,
.from-style li textarea,
.bug-select,
.bug-text{width:100%;border: none;font-size:14px;/* padding:0px 10px; */outline:none;-webkit-transition:.3s;transition:.3s;border-radius: 15px;box-sizing: border-box}


.from-style li select:focus,
.from-style li .textbox:focus,
.from-style li textarea:focus,
.bug-select:focus,
.bug-text:focus{border:1px solid #2D8CF0;box-shadow:var(--input-shadow);}
.from-style li .select-box{/* margin:0px 10px 0px 0px; */}
.from-style li select,
.bug-select,
.bug-text{height:40px;line-height:40px;text-indent: 15px;}
.from-style li .textbox{height:38px; line-height:38px;    border: var(--border-E9F0F7);font-size:15px;
color:var(--black);
    text-indent: 80px;}
.from-style li textarea{ line-height:24px; padding:7px 10px 10px 80px;height:150px;border: var(--border-E9F0F7);}
.from-style li .textbox::-webkit-input-placeholder{
    color:#BEC1C9;
}
.from-style .handle-person{display:inline-block;color:var(--td-color);}
.from-style .handle-person img{width:28px;height:28px; margin:5px 10px 0px 0px; float:left;border-radius:50%;}
.from-style li .selectbox{
    height:38px; line-height:38px;    border: var(--border-E9F0F7);font-size:15px;
color:var(--black);
    text-indent: 100px;    border-radius: 15px;
}
.from-style li .selectbox .icon-arrow-copy {
 position: absolute;
    right: 14px;
    top: 0;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    color: var(--color);
    display: inline-block;
    vertical-align: middle;
}
.from-style li .selectbox  .btn{
    height: auto;
    padding: 0;
    font-size: 15px;
    color: var(--black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;    cursor: pointer;
}
.bug-btn-option{width:100%;min-width: 140px; position: absolute;left:0;top:44px;border:var(--border-eceef1); background: var(--background);border-radius: 4px; box-shadow: 0 1px 5px rgba(0, 0, 0,0.05); display: none;z-index:1;}
.bug-btn-option span{height: 34px; line-height: 34px;padding:0 10px; color:var(--color);cursor: pointer;overflow: hidden;display:block; white-space: nowrap;text-overflow: ellipsis;}
.bug-btn-option span:hover{background: var(--div-hover-bg);color:#2D8CF0;}
.btn-select{height:38px;line-height:38px;border: var(--border-E9F0F7);/* text-align:center; *//* background: var(--background); */font-size:14px;cursor:pointer;border-radius: 15px;padding-left: 80px;color:var(--color);-webkit-transition:.3s;transition:.3s;color: #BEC1C9;position: relative;}
.btn-select:hover{color:#2D8CF0; }
.btn-select .icon-intelligent{position: absolute;width:38px;height:38px;right: 0;top:0;font-size: 18px;text-align: center;color:var(--color);/* border-right: 1px solid #ebebeb */}
.btn-select .icon-intelligent:hover{color:#2D8CF0;}
.from-style .fileTab{height:30px;line-height:30px;border-radius:4px;overflow:hidden;/* border:1px solid #2D8CF0; */float:left;position:relative;cursor:pointer;/* margin-left: 20px */}
.from-style .fileTab .tabname{float:left;width:90px;color:var(--color);text-align:center;/* border-left: 1px solid #2D8CF0 */}
.from-style .fileTab .tabname:first-child{border-left:0px;}
.from-style .fileTab .active{ background:#2D8CF0;color:#fff;}

/**
 *选择已有的产品模块
 *默认隐藏，通过点击选择出现
 */
.select-product-module{ position: absolute;width: 100%;left:0;top:10px; background: var(--background); border:var(--border-eceef1);border-radius: 3px; box-sizing: border-box; z-index: 9; max-height: 300px; overflow-y:auto; padding: 15px;display: none}
.select-product-module .classify-name{height:30px; line-height: 30px;padding: 0 10px; color:#808695}
.select-product-module .item{padding: 0 10px; height:40px; line-height: 40px; overflow: hidden; font-size: 14px; box-sizing: border-box; cursor: pointer;} 
.select-product-module .item img{width: 24px;height: 24px;border-radius: 50%;float: left;margin:7px 10px 0 0;}
.select-product-module .on{border:var(--border-eceef1); background:var(--body-background);border-radius: 3px; font-weight: bold;}
.select-product-module .item:hover{ color:#2D8CF0;}
.select-product-module .on:hover{color:#2D8CF0}



.from-style .fileTab{height:30px;line-height:30px;border-radius: 15px;overflow:hidden;border: var(--border-E9F0F7);float:left;position:relative;cursor:pointer;/* margin-left: 20px */}
.from-style .fileTab .tabname{float:left;width: 66px;/* color:#2D8CF0; */text-align:center;/* border-left: 1px solid #2D8CF0; */border-radius: 15px;padding:0 5px;}
.from-style .fileTab .tabname:first-child{border-left:0px;}
.from-style .fileTab .active{background: var(--background-E1EAF4);color: #2D8CF0;}


.from-style .upload-container{min-height:126px;padding:0px 10px 20px 10px;border: var(--border-E9F0F7);background: var(--background);border-radius:3px 3px 0px 0px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.from-style .upload-container .tips-text .iconfont{margin:45px 0px 6px 0px; font-size:36px;}
.from-style .upload-container .drag-posBox{ z-index:999;}
.from-style .upload-container .drag-empty{border-radius:4px; float:left;margin-top:20px; overflow:hidden;}
.from-style .upload-container .drag-empty div{ margin:0px 10px;}

.from-style .upload-container .drag-posBox .col-4{width:100%;float:inherit;margin-top:0px;}

.from-style .upload-container .col-4{float:left; cursor:move;margin-top:20px;}
.from-style .upload-container .col-4 .inner{ margin:0px 10px; position:relative; border:1px solid #ebebeb; background: var(--background); -webkit-transition:.3s; transition:.3s; overflow:hidden;border-radius:3px;}
.from-style .upload-container .col-4 .inner:hover{ box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.from-style .upload-container .col-4 .btn{height:24px; position:absolute;right:0;top:0; z-index:1; display:none;}
.from-style .upload-container .col-4:hover .btn{ display:block;}
.from-style .upload-container .col-4 .btn a{ float:left;margin-left:1px;color:#fff;height:22px; line-height:22px; background:rgba(0,0,0,0.3); padding:0px 10px;}
.from-style .upload-container .col-4 .btn a:hover{ background:#2D8CF0;}
.from-style .upload-container .col-4 .status{height:22px; line-height:22px; text-align:center;color:#fff; position:absolute;top:50%;margin-top:-11px;width:100%;left:0; background:#2D8CF0;}
.from-style .upload-container .col-4 .image{ width:121px;height:121px}
.from-style .upload-container .col-4 img{width:100%;}
.from-style .upload-staus{padding-right:20px;height:30px;line-height:30px;border: var(--border-E9F0F7);border-top:0px;border-radius:0px 0px 3px 3px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}

.from-style .button{display:inline-block;cursor:pointer;padding: 0px 15px;margin-left: 10px;height:38px;line-height:38px;border-radius: 15px;-webkit-transition:.3s;transition:.3s;color:var(--color);border: var(--border-E9F0F7);cursor:pointer;font-size:14px;-webkit-transition:.3s;transition:.3s;}
.from-style .button .iconfont{float:left;font-size: 22px;margin:0px 5px 0px 0px;}
.from-style .button:hover{color:#2D8CF0;border:1px solid #2D8CF0; box-shadow:0px 1px 7px rgba(0,0,0,0.08);}

.from-style li .box .selects{
           /* position:relative; */
           padding-left: 80px;
           border: var(--border-E9F0F7);
           border-radius: 15px;
           height: 38px;
           line-height: 38px;
        }
.from-style li .box .selects .text{
    height:40px;
    line-height:40px;
    /* border: 1px solid #ebebeb; */
    font-size: 14px;
    padding-left: 10px;
}
.from-style li .box .selects .text .txtName{                
    text-align: left;               
}
.from-style li .box .selects .text a{
    padding:0px 8px;
    border-left:1px solid #ebebeb;
    height:100%;
    font-size:22px;
    display:inline-block;
    float:right;
}
.from-style li .box .selects .optbox{
    -webkit-border-radius: 0 0 3px 3px;
    position: absolute;
    /* top: 0px; */
    left: 0px;
    width: 100%;
    background: white;
    z-index: 10;
    /* box-shadow: 0px 2px 13px -5px rgba(0,0,0,.3); */
    display: block;
    border: var(--border-E9F0F7);
    border-radius: 15px;
    margin-top:10px;
    max-height: 220px;
    overflow-y: auto;
}
.from-style li .box .selects .optbox .option{
    width:100%;
    font-size:0;
    margin:0 auto;
}
.from-style li .box .selects .optbox .option p{
    height: 38px;
    -webkit-border-radius:3px;
    line-height: 38px;
    cursor:pointer;
    width: 25%;
    display:inline-block;
    /*padding-left:5px;*/
    font-size: 14px;
    color:var(--td-color);
    /*margin:5px 0px;*/
    /* text-align: center; */
    /* border-left: 1px solid #ebebeb; */
}
.from-style li .box .selects .optbox .option p.op1:hover{color:#FC234C;}
.from-style li .box .selects .optbox .option p.op3:hover{color:#2D8CF0;}
.from-style li .box .selects .optbox .option p.op2:hover{color:#f6981d;}
.from-style li .box .selects .optbox .option p.op4:hover{color:#2dc26c;}
.from-style li .box .selects .optbox .option p.op1 span{
    border:1px solid #FC234C;
}
.from-style li .box .selects .optbox .option p.op2 span{
    border:1px solid #f6981d;
}
.from-style li .box .selects .optbox .option p.op3 span{
    border:1px solid #2D8CF0;
}
.from-style li .box .selects .optbox .option p.op4 span{
    border:1px solid #2dc26c;
}
/*.from-style li .box .selects .optbox .option p.op1:hover span{*/
    /*background:#52acd9;*/
    /*color:white;*/
/*}*/
.from-style li .box .selects .optbox .option p.op1.active span{
    background:#FC234C;
}
.from-style li .box .selects .optbox .option p.op2.active span{
    background:#f6981d;
}
.from-style li .box .selects .optbox .option p.op3.active span{
    background:#2D8CF0;
}
.from-style li .box .selects .optbox .option p.op4.active span{
    background:#2dc26c;
}

.from-style li > em{float: left;
    height: 24px;
    line-height: 24px;
    border: 1px solid #afdcf6;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px 15px;
    border-radius: 15px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;}
.from-style li > em:hover{ background:#eff9ff;}

.from-left{width: 230px;background: var(--background);position:absolute;left: 20px;top: 20px;overflow-y: auto;border-radius: 15px;}

.from-left li{line-height:44px;padding: 10px 20px;position:relative;}

.from-left li:first-child{border-top:0px;}
.from-left li .icon-arrow-right{ float:right;color:var(--color);}
.from-left li span{font-size:14px;display: block;color:var(--td-color);}
.from-left li span i.icon-bangzhu{font-size:18px;}
.from-left li .tags{ position: relative; padding-right: 30px; }
.from-left li .tags .icon-add1{width: 30px;height: 30px; line-height: 30px;text-align: center; position: absolute;right:0;top: -38px;; cursor: pointer;}
.from-left li .tags .icon-add1:hover{ color: #2D8CF0; }

.from-left li .tags em{float:left;height:24px;line-height:24px;border:1px solid #afdcf6;margin-right:10px;padding: 0px 15px;margin-bottom:10px;border-radius: 15px;background: var(--background);cursor:pointer;-webkit-transition:.3s;transition:.3s;font-size: 13px;font-style: normal;}
.from-left li .tags em:hover{background:var(--td-hover-background);}

/*.box-select{width:500px; position:absolute;top:10%;height:80%;left:50%;margin-left:-250px; background: var(--background); z-index:999;border-radius:6px; overflow:hidden;}*/
/*.box-select .name{height:40px;line-height:40px;position:relative;font-weight:bold;font-size:14px;cursor:pointer;margin-top:-1px;}*/
/*.box-select .name .iconfont{color:var(--color);position:absolute;right:0;line-height:40px;display:block;}*/
/*.box-select .name label{display:inline-block;text-align:left;}*/
/*.box-select .name input[type=checkbox]{width:16px;height:16px; -webkit-appearance:none; background:url(/templates/default/images/pc/checkbox.png) no-repeat; float:left;margin:13px 10px 0px 0px;}*/
/*.box-select .name input[type=checkbox]:checked{ background:url(/templates/default/images/pc/checkbox.png) no-repeat -30px 0px;}*/


.box-select .box{padding: 0px 0px 20px 0px;}
.box-select li{margin:0px 20px;height:40px;border-radius: 15px;line-height:40px;padding:0px 20px;/* border:1px solid #ebebeb; */background:var(--item-bg);margin-top:10px;cursor:pointer;color:var(--color);position: relative;}
.box-select li .li-tit{ font-size:14px;}
.box-select li .li-user{ float:right; padding-right:55px; font-size:12px;    width: 120px;}
.box-select li .li-user img{width:28px;height:28px;border-radius:50%;float:left;margin:6px 10px 0px 0px;}
.box-select li.active:after{
    display:block;
    content:'';
    clear:both;
    border:1px solid #2D8CF0;
    width: 16px;
    height: 16px;
    border-radius:4px;
    position:absolute;
    right: 32px;
    top:50%;
    margin-top:-10px;
}
.box-select .active{border:1px solid #2D8CF0;background: var(--background) url(/templates/default/images/pc/icon-yes.png) no-repeat 410px 14px;}
.box-select .active .li-tit{color:#2D8CF0;}
/* .box-select .active .li-user{color:#2D8CF0;} */

#box-handle-person li .li-user,#box-relevanceuser li .li-user{ float:none;}


.paging{ text-align:center;}
.paging ul{display:inline-block;border-radius:15px;overflow:hidden;vertical-align: middle;}
.paging li{width: 34px;height: 34px;font-size: 16px;line-height: 34px;text-align: center;margin:0 5px;display:inline-block;vertical-align:middle;}
.paging li:first-child{border-left:0px;}
.paging li a{display: block;color:var(--color);background: var(--item-bg);border-radius: 8px;}
.paging li a:hover{opacity:.84;}
.paging .perv,.paging .next{ font-family: simsun;font-weight:bold;}
.paging .on a{background: #2D8CF0 !important;color:#fff;}
.paging .pageNum{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: var(--body-color);
    margin-left: 30px;
}
.paging .pageNum label{
    display: inline-block;
    margin-right: 10px;
}
.paging .pageNum label i{
    color: #;
}
.paging .pageNum input{
    color: #2D8CF0;
    background: var(--item-bg);
    border-radius: 8px;
    width: 55px;
    height: 34px;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    margin: 0 9px;
    border: var(--border-tr-color);
    display: inline-block;
}
.paging .pageNum a{
    color: #fff;
    background: #2D8CF0;
    width: 70px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    margin: 0 5px;
    border-radius: 4px;
    display: inline-block;
    cursor:pointer;
    margin-left:15px;
}
.paging .pageNum a:hover{
    opacity:.9;
}

.filter{ line-height:38px;margin-top:30px; }
.filter li{float:left; padding:0px 12px;border-left:1px solid #ebebeb; color:var(--color); cursor:pointer; position:relative;}
.filter li:first-child{border-left:0px;}
.filter li .icon-bottom{ font-size:14px; margin-left:5px;color:#2D8CF0;}
.filter li .btn span{font-weight:bold;color:#2D8CF0;}
.filter li .box{width:130px; background: var(--background);border-radius:4px; overflow:hidden;box-shadow:0px 2px 10px rgba(0,0,0,0.12); position:absolute;left:50%;margin-left:-65px;top:40px; z-index:9; padding:5px 0px;border:var(--project-botton-border-color); display:none; -webkit-transition:.3s; transition:.3s;}
.filter li .box label{ display:block;height:36px; line-height:36px; font-size:12px; padding:0px 15px; -webkit-transition:.3s; transition:.3s; cursor:pointer;}
.filter li .box label:hover,
.filter li .box .on{color:#2D8CF0;}
.filter li .box input[type=checkbox]{width:15px;height:15px;border:1px solid #c1ccda; -webkit-appearance:none; background: var(--background) url(/templates/default/images/pc/check.png) no-repeat -13px 3px;margin:10px 10px 0px 0px;float:left;}
.filter li .box input[type=checkbox]:checked{ background: var(--background) url(/templates/default/images/pc/check.png) no-repeat 2px 3px;border:1px solid #2D8CF0;}
/*.filter li .box label:hover input[type=checkbox]{border:1px solid #2D8CF0;background: var(--background) url(check.png) no-repeat 2px 3px;}*/

.filter li .box:hover{box-shadow:0px 2px 10px rgba(0,0,0,0.16);}


/*项目设置*/
.projectSetup{ padding-left:180px;}
.projectSetup .tab-left{width:180px;position:absolute;left:0;top:0;height:100%;background: var(--background);}
.projectSetup .tab-left .line{width:1px;height:100%;position:absolute;right:0;/* background:#ddddeb; */}
.projectSetup .tab-left li{height: 46px;line-height: 46px;margin: 15px 20px;/* border-bottom:1px solid #ebebeb; */font-size: 15px;color:var(--color);border-radius: 15px;cursor:pointer;text-align: center;}
.projectSetup .tab-left .active{background: var(--project-bg);/* font-weight:bold; */color: #2D8CF0;/* border-left:3px solid #2D8CF0; *//* padding-left:27px; */position:relative;/* border-bottom:1px solid #ddddeb; */}

.projectSetup .drag-tips{height:40px;display: inline-block;line-height:40px;padding: 0px 15px;/* border:1px solid var(--tips-bg); */color: #FF9901;background: #FFFBE7;margin-bottom:20px;border-radius: 15px;font-weight: normal;}
.projectSetup .drag-tips span{
    color: #FF9901;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.projectSetup .drag-tips img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.projectSetup .new_drag-tips{height: 56px;line-height: 56px;padding: 0px 15px;border-radius: 15px;background: var(--background);margin-bottom:20px;position: relative;padding-right: 100px;}
.projectSetup .new_drag-tips .drag-tit{
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}
.projectSetup .new_drag-tips img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.projectSetup .new_drag-tips span{
    color: #FF9901;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.projectSetup .new_drag-tips a{
    border: 1px solid #2D8CF0;
    color: #2D8CF0;
    padding: 0 15px;
    height:28px;
    line-height: 28px;
    border-radius: 8px;
    position: absolute;
    right: 15px;
    top: 50%;
    display:none;font-size: 14px;
    margin-top: -15px;
}
.projectSetup .new_drag-tips a.on{
    display:block;
}
.projectSetup .new_drag-tips a:hover{
    background:#2D8CF0;
    color:#fff;
}
.projectSetup .new_drag-tips .drag-tit p{
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    margin-right: 10px;
    cursor:pointer;
    font-size: 15px;
    position: relative;
    color:var(--td-color);
    line-height: 39px;
}
.projectSetup .new_drag-tips .drag-tit p:hover{
    color:#2D8CF0;
}
.projectSetup .new_drag-tips .drag-tit p i{
    position: absolute;
    right: 2px;
    top: -8px;
    color: #FA3E4C;
    font-size: 15px;
}
.projectSetup .new_drag-tips .drag-tit p.on{color:#2D8CF0;}
.projectSetup .new_drag-tips .drag-tit p:after{display:block;content:'';clear:both;width: 22px;height: 4px;background: transparent;position:absolute;left:50%;bottom:0;margin-left: -11px;border-radius: 2px;}
.projectSetup .new_drag-tips .drag-tit p.on:after{background:#2D8CF0;}





.projectSetup .tabBox-right .tabBox{ padding:30px;}
.projectSetup .tabBox-right .logo{width:190px;text-align:center;height:55px;margin-bottom:15px;padding:15px 0px;background: var(--background);border-radius: 15px;}
.projectSetup .tabBox-right .logo img{height:55px;}
.projectSetup .tabBox-right .version{width:85px; height:85px; position:absolute;top:0;left:220px; line-height:87px; text-align:center; font-size:14px;border-radius:50%;border:1px solid #2dc26c;color:#2dc26c;}
.projectSetup .tabBox-right .tabBox .button{ padding:0px 30px; cursor:pointer;height:38px; float:left; line-height:38px; font-size:14px; -webkit-transition:.3s; transition:.3s;border:1px solid #2D8CF0;color:#fff; background:#2D8CF0; text-align:center;border-radius:15px; margin:31px 10px 0 0;}
.projectSetup .tabBox-right .tabBox .button:hover{ box-shadow:var(--project-button-hover);}


.projectSetup .input-text{ position:relative;margin-top:15px;}
.projectSetup .input-text span{position:absolute;left:20px;font-size:14px;top:0;line-height:40px;color: #999;}
.projectSetup .input-text .main-text{width:84%; padding-left:90px;}
.projectSetup .input-text textarea.main-text{height:100px;line-height:24px;padding-top:7px;padding-bottom:7px;resize: none;}

.projectSetup .basic-info .info{line-height:34px;margin-top:20px;color:var(--td-color);}
.projectSetup .basic-info .info span{width:74px;float:left; padding-left:16px;color:#999;}

.projectSetup .basic-info .gray-button{margin:30px 15px 0px 0px;}
.projectSetup .member .member_item{display:none;}
.projectSetup .member .member_item.on{display:block;}
.projectSetup .member .name{height:44px;line-height:44px;font-weight:bold;font-size: 15px;/* padding:0px 20px; *//* background:var(--td-hover-background); */color:var(--td-color);padding-right: 20px;position: relative;}
.projectSetup .member .name .btn-add-sousuo{
    position: absolute;
    right: 0;
    font-size: 22px;
    font-weight: normal;
    
    transition: all .2s linear;
    cursor: pointer;transform:rotate(180deg);
    z-index:11;color: #FC234C;
}
.projectSetup .member .name .btn-add-sousuo.on{
    transform:rotate(0deg);
    margin-top: -4px;color:var(--color);
    
}

.projectSetup .member .name .btn{float:right;font-weight:normal;margin-right: 10px;}
.projectSetup .member .name .btn a{margin-left: 15px;color:var(--color);font-size: 20px;}
.projectSetup .member .name .btn a:hover{color:#2D8CF0;}
.projectSetup .member .box{margin: 5px 0px 20px 0px;}
.projectSetup .member .divUsers li{padding: 15px 15px 15px 90px;position:relative;/* margin:0px 20px; *//* border:1px solid #ebebeb; */min-height: 50px;margin-bottom: 15px;border-radius: 15px;background: var(--background);}
.projectSetup .member .divUsers li .btn{ position:absolute;right:0;top:0; display:none;}
.projectSetup .member .divUsers li .btn a{height:22px; line-height:22px; background:url(/templates/default/images/pc/rgba0_25.png);color:#fff;float:left; padding:0px 10px;margin-left:1px; -webkit-transition:0s; transition:0s;}
.projectSetup .member .divUsers li .btn a:hover{ background:#2D8CF0;}
.projectSetup .member .divUsers li:hover .btn{ display:block;} 
.projectSetup .member .divUsers li .status{float:right;font-size:14px;line-height: 50px;}
.projectSetup .member .divUsers li img{width: 50px;height: 50pxx;border-radius:50%;position:absolute;left: 20px;top: 14px;}
.projectSetup .member .divUsers li font{ padding-left:10px;}
.projectSetup .member .divUsers li p{font-size: 14px;line-height: 25px;color:var(--color);}
.projectSetup .member .divUsers li strong{font-size: 15px;color:var(--td-color);margin-top: 2px;display: inline-block;}
.projectSetup .member .divrols li{
    padding: 10px 10px 10px 25px;
    line-height: 34px;
    min-height: 34px;
    margin-bottom: 15px;
    border-radius: 15px;
    background: var(--background);
}
.projectSetup .member .divrols li p{font-size: 16px;line-height: 34px;color:var(--td-color);display: inline-block;vertical-align: middle;}
.projectSetup .member .divrols li .btn{
    float:right;
    background:var(--body-background);
    padding: 0 15px;
    border-radius: 15px;
}
.projectSetup .member .divrols li .btn a{
    display:inline-block;
    vertical-align:middle;
    font-size: 20px;
    margin: 0 5px;
}

.projectSetup .member .drag-empty{margin:15px 20px 0px 20px;}

.projectSetup .member .add-member,
.projectSetup .add-role{line-height: 30px;text-align:center;font-size:14px;padding: 0px 10px;height: 30px;border:var(--project-input-border-color);color:var(--color);cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius: 8px;margin-top: 5px;}
.projectSetup .member .add-member:hover{border:1px solid #2D8CF0;color:#2D8CF0;}
.projectSetup .member .add-member{
        
}
.projectSetup .module li{ padding-left:15px;}
.projectSetup .module li .user-r{ line-height:40px;width:120px}
.projectSetup .module li img{ position:inherit; float:left; margin-right:15px;}
.projectSetup .module li .li-tit{ line-height:24px;margin-top:8px; font-size:14px;}

.projectSetup .add-role{/* margin:5px 20px 0px 20px; */border:var(--project-input-border-color);color:var(--color);line-height: 28px;height: 28px;display: inline-block;/* vertical-align: middle; */padding: 0 10px;position: relative;top: -3px;}

.projectSetup .setUp .class-name{height:42px;line-height:42px;font-weight:bold;/* border-bottom:1px solid #ebebeb; */font-size: 15px;color:var(--td-color);}
.projectSetup .setUp ul{margin: 15px 0px 20px 0px;}
.projectSetup .setUp li{width:50%;float:left;}
.projectSetup .setUp li .inner{cursor:pointer;font-size:14px;color:var(--color);line-height:34px;/* border:1px solid #ebebeb; */margin: 0px 10px 15px 0px;padding:10px 15px;background: var(--background);border-radius: 15px;}
.projectSetup .setUp li .set{/* border-right:1px solid #ebebeb; */float:right;margin-right:20px;padding-right:15px;}
.projectSetup .setUp li .icon-shezhi3{ font-size:22px; }
.projectSetup .setUp li .set a:hover{color:#2D8CF0;}
.projectSetup .setUp li .gray-btn-line{ float:right; font-size:12px;height:32px; line-height:32px; padding:0px 15px;}




.projectSetup .setUp li .item{position: relative;height: 32px;z-index: 111;width: 80px;padding: 0 10px;float: right;border: var(--border-E9F0F7);border-radius: 15px;}
.projectSetup .setUp li .item .item-name{
    position:relative;
    height: 32px;
    line-height: 32px;
}
.projectSetup .setUp li .item  .item-name span{
    position: absolute;
    right: 0;
    transition:all .2s linear;
}
.projectSetup .setUp li .item  .item-name.on span {
    transform:rotate(180deg);
    color:#2D8CF0;
}
.projectSetup .setUp li .select-level{
    position: absolute;
    left: 0;
    top: 33px;
    display: none;
}
.projectSetup .setUp li .select-level .option-list{min-width: 102px;position: static;/* left:0; *//* top: 5px; */border:var(--border-eceef1);border-radius: 15px;display: block;background: var(--background);}
.projectSetup .setUp li .select-level .option-list .option{height: 32px;font-size: 14px; line-height: 32px; padding: 0 10px; cursor: pointer;}

.projectSetup .setUp li .select-level .select span,
.projectSetup .setUp li .select-level .option-list .option span{width: 12px;height: 12px;float:left;margin:9px 10px 0 0;border-radius: 3px;}
.projectSetup .setUp li .select-level .level-1{border:1px solid #FA3E4C}
.projectSetup .setUp li .select-level .level-2{border:1px solid #FF9901}
.projectSetup .setUp li .select-level .level-3{border:1px solid #2D8CF0}
.projectSetup .setUp li .select-level .level-4{border:1px solid #46c370}



.projectSetup .setUp li .select-level .on .level-1{background:#FA3E4C;}
.projectSetup .setUp li .select-level .on .level-2{background:#FF9901;}
.projectSetup .setUp li .select-level .on .level-3{background:#2D8CF0;}
.projectSetup .setUp li .select-level .on .level-4{background:#46c370;}

.projectSetup .setUp li .select-level .level1.on{color:#FA3E4C;}
.projectSetup .setUp li .select-level .level2.on{color:#FF9901;}
.projectSetup .setUp li .select-level .level3.on{color:#2D8CF0;}
.projectSetup .setUp li .select-level .level4.on{color:#46c370;}

.projectSetup .setUp li .select-level .level1:hover{color:#FA3E4C;}
.projectSetup .setUp li .select-level .level2:hover{color:#FF9901;}
.projectSetup .setUp li .select-level .level3:hover{color:#2D8CF0;}
.projectSetup .setUp li .select-level .level4:hover{color:#46c370;}







.projectSetup .setUp .li-drag{width:100%;float:none}
.projectSetup .setUp .li-drag .inner{position: relative;font-size:14px;color:var(--color);line-height:34px;margin: 0px 0px 15px 0px;padding:10px 15px;background: var(--background);border-radius: 15px;}
.projectSetup .setUp .li-drag .dragDiv {position: absolute;width: 100%;  height: 55px;top: 0px;left:0} 

.projectSetup .setUp li .checkbox{ display:none;}

.projectSetup .setUp li .inner:hover{ background:var(--td-hover-background);}
.projectSetup .setUp li .inner:hover .icon-shezhi3{
    color:#2D8CF0;
}
.projectSetup .setUp li label{/* float:left; *//* margin-left:20px; */font-size: 13px;}
.projectSetup .setUp li input[type=radio]{width:18px;height:18px;border:0px;float:left; -webkit-appearance:none; background:url(/templates/default/images/pc/radio-style.png?v=1.1) no-repeat;margin:8px 10px 0px 0px; cursor:pointer;}
.projectSetup .setUp li input[type=radio]:checked{background:url(/templates/default/images/pc/radio-style.png?v=1.1) no-repeat -40px 0px;}

.projectSetup .setUp .checkbox-style,.projectSetup .setUp .checkboxe-style{ float:right;}

.projectSetup .setUp .icon-bangzhu{font-size:21px;float:left;margin-right:10px;color: #A9B8C9;cursor:pointer;}
.projectSetup .setUp .icon-bangzhu:hover{color:#f3bb13;}

#helpTips{ position:fixed;max-width:200px; line-height:20px; padding:6px 15px 6px 35px; border:1px solid var(--tips-bg); color:var(--tips-color); background: #fffbe6 url(/templates/default/images/pc/warn.png) no-repeat 15px 10px;top:0;left:0;}

.set-addBox{width:60%; position:fixed;left:20%;top:50%; background: var(--background); padding:30px; border-radius:6px; z-index:999;}
.set-addBox .select-btn{ padding-right:42px;margin-top:15px;}
.set-addBox .gray-button{width:100%; text-align:center; background:var(--project-button-bg);}
.set-addBox .textbox{ padding-right:32px;}
.set-addBox .main-text{width:100%;}
.set-addBox .main-button{ margin-right:15px;}
.set-addBox .platform{ margin:15px 0;}
.set-addBox .platform .iconbox{width:100px;cursor: pointer;display: inline-block;padding:5px 0;margin: 10px 20px 10px 0;border: 1px solid var(--aside-border-color);line-height: 24px;text-align: center;}
.set-addBox .platform .curr {border: 1px solid #2D8CF0;}
.set-addBox .platform .iconbox em {display:block}
.set-addBox .platform .iconbox i{ font-size:20px}
    
.main-text{border:var(--project-botton-border-color);font-size:14px;padding:0px 15px;outline:none;-webkit-transition:.3s;transition:.3s;height:38px;line-height:38px;border-radius:4px;}
.main-text:focus{border:1px solid #2D8CF0;box-shadow:var(--project-input-focus);}

.main-button,
.vice-button,
.gray-button,
.green-btn-line,
.gray-btn-line{ padding:0px 20px;height:38px; line-height:38px;-webkit-transition:.3s; transition:.3s;float:left;cursor:pointer;border-radius:4px; font-size:14px;}

.main-button{ background:#2D8CF0; border:1px solid #2D8CF0; color:#fff;}

.main-button:hover{ background:#04ade4;border:1px solid #04ade4; box-shadow:0 1px 7px #bae5f3;}

.vice-button{ border:1px solid #2D8CF0; background: var(--background);color:#2D8CF0;}
.vice-button:hover{border:1px solid #04ade4;color:#04ade4; box-shadow:0 1px 7px #bae5f3;}
.gray-button{border:1px solid #ebebeb;color:var(--color); background: var(--background);}
.gray-button:hover{color:#2D8CF0;border:var(--project-botton-border-color); box-shadow:0px 1px 7px rgba(0,0,0,0.08);}

.green-btn-line{ border:1px solid #2dc26c;color:#2dc26c; background: var(--background);}
.gray-btn-line{ border:1px solid #5e6f83;color:#5e6f83; background: var(--background);}

.small-button{height:40px; line-height:40px;width:70px; text-align:center;border:var(--project-botton-border-color); background:var(--aside-border-color);border-radius:4px; cursor:pointer; font-size:14px; -webkit-transition:.3s; transition:.3s;}
.small-button:hover{ background:#f0f0f0;}


/*复选框*/
.checkbox-style,.checkboxe-style{width:50px;height:30px;background: var(--nochecked-bg);border-radius:50px;position:relative;cursor:pointer;-webkit-transition:0.3s;transition:0.3s;}
.checkbox-style i,.checkboxe-style i{width:26px;height:26px; background:#fff; position:absolute;right:22px;top:2px; box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:50%; -webkit-transition:0.3s; transition:0.3s;}
.checked-style{background: var(--checked-bg);}
.checked-style i{right:2px;}

.aside-problem-topbg{width:100%;height:325px; position:fixed;left:0;top:0; z-index:90;}

.aside-problem-leftbg{width:300px;height:100%; position:fixed; left:0;top:0; z-index:90;}

.aside-problem-bottombg{    width: 100%;
    min-height: 441px;
    position: absolute;
    background: url(/templates/default/images/pc/rgba0_25.png);
    left: 0;
    bottom: 0;
    z-index: 90;}


/*项目控制台统计*/
.chart-bar{height:40px; line-height:40px; overflow:hidden; text-align:center; background:#f3f3f3;margin-top:20px;border-radius:4px; cursor:pointer;border:1px solid #ebebeb; -webkit-transition:.3s; transition:.3s;}
.chart-bar span{ position:relative; padding-right:20px;}
.chart-bar .icon-arrow-copy{ position:absolute;right:0;top:50%;margin-top:-8px; line-height:16px; -webkit-transition:.3s; transition:.3s;}
.chart-bar .icon-rotate-animate{transform:rotate(-180deg);-ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg); }
.chart-bar .icon-tubiaozhuzhuangtu{ font-size:18px; margin-right:5px;}
.chart-bar:hover{ background:#f6f6f6;}
.chart-list{margin-top:40px;background: var(--background);}
.chart-list .chart-box{width:50%;float:left; height:300px; position:relative;border-bottom:1px solid #ebebeb;}
.chart-list .chart-box:before{ content:'';width:1px;height:100%; position:absolute;left:0;top:0; background:#ebebeb;}
.chart-list .chart-tab{border:1px solid #2D8CF0;border-radius:4px; cursor:pointer; position:absolute;right:20px;top:20px; overflow:hidden;}
.chart-list .chart-tab li{height:26px; line-height:26px; float:left; padding:0 15px; color:#808695}
.chart-list .chart-tab .active{ background:#2D8CF0;color:#fff;}
.chart-list .chart-info{ padding:68px 40px 20px 40px;}


.app-list,
.interface{margin-top:10px;}
.app-list ul{margin-left:-30px;}
.app-list li{width:33.3%;float:left;}
.app-list a{ display:block; padding:20px 20px 20px 100px; position:relative;height:60px;}
.app-list .app-li{ margin-left:30px; background: var(--background);border-radius:4px;}
.app-list .icon{width:60px;height:60px; text-align:center;color:#fff; line-height:60px; position:absolute;left:20px;top:20px; background:#ccc;border-radius:50%;}
.app-list .icon i{ font-size:28px;}
.app-list h4{ font-size:16px; line-height:26px;}
.app-list p{ line-height:22px;color:var(--color);}
.app-list .icon-bg1{ background:#2D8CF0;}
.app-list .icon-bg2{ background:#09adf2;}
.app-list .icon-bg3{ background:#fa6d23;}


.interface{ position:relative; padding-left:230px;}
.interface-menu{width:229px; position:absolute;left:0;top:0;border-right:1px solid #ebebeb;height:100%;}
.interface-menu .int-title{height:54px; line-height:54px; padding:0 10px 0 15px; font-size:14px;}
.interface-menu .int-title span{ float:right;}
.interface-menu .int-title i{width:38px; float:left; color:var(--color);text-align:center; cursor:pointer; font-size:18px;}

.interface-menu .int-title .on{background:none;}
.interface-menu .int-title i:hover,
.interface-menu .int-title .on .icon-paixu{color:#2D8CF0;} 
.interface-menu .group-box li{height:44px; line-height:44px; overflow:hidden; padding:0 5px 0 15px; font-size:14px;}
.interface-menu .group-box li{border-bottom:0px; cursor:pointer; color:var(--color);}
.interface-menu .on,
.interface-menu .group-box li:hover{ background:#f6f6f6;color:#2D8CF0;}
.interface-menu .group-name{height:inherit; line-height:22px;border-top:1px solid #ebebeb; padding:8px 5px 8px 15px; font-size:14px; border-bottom:1px solid #ebebeb;}
.interface-menu .group-name:hover .icon-more1,
.interface-menu .on .icon-more1,
.interface-menu .group-box li:hover .icon-more1{ display:block;}
.interface-menu .group-name i{ margin-right:10px;}
.interface-menu .group-name span{ font-size:12px;color:var(--color); display:block; line-height:22px;}
.interface-menu .icon-more1{ float:right; font-size:14px; margin-right:0px !important;color:var(--color); cursor:pointer; padding:0 10px; display:none; line-height:44px;}
.interface-menu .icon-more1:hover{color:#2D8CF0;}
.interface-menu .icon-post,
.interface-menu .icon-get{color:#fa6d23;width:50px; float:left;font-weight:bold; font-size:12px;}
.interface-menu .icon-get{color:#2abe4d;}

.interface-tab{ padding:10px 10px 0 5px; position:relative;height:32px;}
.interface-tab:before{ content:'';width:100%; position:absolute;bottom:0;left:0;height:1px; background:#e3e3e3;}
.interface-tab li{float:left;margin-left:5px;height:30px; line-height:30px; padding:0 30px 0 10px;width:100px;border:1px solid #e3e3e3; background:#f6f6f6;border-radius:4px 4px 0 0;color:var(--color);border-bottom:0px; cursor:pointer; overflow:hidden;position:relative;}
.interface-tab li:hover{ background:var(--item-bg);-webkit-transition:.3s; transition:.3s;}
.interface-tab li:hover .close-tab{ display:block;}
.interface-tab .active{ background: var(--background);height:31px; color:#2D8CF0;}
.interface-tab .active:hover{ background: var(--background);}
.interface-tab .add{width:30px; padding:0; text-align:center;}
.interface-tab .close-tab{ position:absolute;right:0;top:0;width:30px; text-align:center; color:var(--color); display:none;}
.interface-tab .close-tab i{ font-size:14px;}
.interface-tab .close-tab:hover{color:#2D8CF0;}

.interface-box{height:40px;}
.interface-box .box-title{ line-height:34px;font-size:14px;font-weight:bold; padding:20px 20px 10px 20px;}
.interface-box .box-search{ margin:0 20px; position:relative; padding:0 0px 0 91px; margin-right:182px;}
.interface-box .select{width:70px;position:absolute;left:0;top:0;height:38px;line-height:38px;border: 1px solid var(--nav-hover);padding:0 10px;background: var(--nav-hover);border-radius:4px 0px 0px 4px;cursor:pointer;}
.interface-box .select .iconfont{ position:absolute;right:15px;top:0; font-size:14px; -webkit-transition:.3s; transition:.3s;}
.interface-box .icon-rotate-animate{transform:rotate(-180deg);-ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg); }
.interface-box .select-box{width:100%;background: var(--background);border:1px solid #ebebeb;border-bottom:1px solid #dbdbdb;border-radius:4px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,0.1); padding:5px 0; position:absolute;left:-1px;top:48px; text-align:center; display:none;}
.interface-box .select-box p{display:block; line-height:34px; font-size:13px; overflow:hidden;padding:0 15px; display:block;color:var(--color);}    
.interface-box .select-box p:hover{ background:#f6f6f6; color:#2D8CF0;}
.interface-box .text-box{background: var(--nav-hover);width:95%;border: 1px solid var(--nav-hover);border-radius:0px 4px 4px 0px;}
.interface-box .text-box input{width:100%;height:38px; line-height:38px; padding:0 10px;border:0px; background:none;border-left:0px;}
.interface-box .text-box span{display:inline-block; right:0; cursor:pointer;top:0; line-height:38px;border-left:1px solid #e3e3e3; width:60px; text-align:center;}
.interface-box .box-search .button span{cursor: pointer;float: left;line-height: 38px;border: 1px solid var(--nav-hover);width: 60px;text-align: center;background: var(--nav-hover);margin-right: 5px;}
.interface-box .box-search .button{ position:absolute;right:-162px;top:0;}
   
    
    
    
   
    
    
.interface-box .box-search .vice-button{ margin-left:10px;}

.interface-box .box-table{margin-top:20px;border-bottom: 1px solid var(--xm-line-color);}
.interface-box input[type=checkbox]{width:16px;height:16px; -webkit-appearance:none; background:url(/templates/default/images/pc/checkbox.png) no-repeat 0 50%; display:block; margin:0 auto; cursor:pointer;}
.interface-box input[type=checkbox]:checked{ background:url(/templates/default/images/pc/checkbox.png) no-repeat -30px 50%;}
.interface-box input[type=radio]{width:15px;height:15px;border:1px solid #c1ccda; -webkit-appearance:none; background: var(--background) url(/templates/default/images/pc/check.png) no-repeat -13px 3px;margin:3px 3px 0px 0px;float:left;}
.interface-box input[type=radio]:checked{ background: var(--background) url(/templates/default/images/pc/check.png) no-repeat 2px 3px;border:1px solid #2D8CF0;}

.interface-box .box-tab{ margin:10px 20px 0 0; line-height:44px;}
.interface-box .box-tab li{ float:left; cursor:pointer;color:var(--color); font-size:14px; margin-left:20px; padding:0 10px;}
.interface-box .box-tab .active{border-bottom:2px solid #2D8CF0; color:#2D8CF0;}
.interface-box .box-tab li i{
    display:inline-block;
    vertical-align:middle;
    margin-top:-4px
}
.interface-box .box-tab li i.num{
    color:#2D8CF0;
    font-size:15px;
}
.interface-box .box-tab li i.dot{
    width:12px;
    height:12px;
    background:#2D8CF0;
    border-radius:50%;
    margin-left:8px;
}

.interface-box .box-result{ padding:0 20px 20px 20px;margin-top:10px;}
.interface-box .box-result .tit{ font-size:14px; line-height:44px;}
.interface-box .box-result .tit span{ float:right;color:var(--color);}
.interface-box .box-result .textArea{min-height:400px;width:100%;border:0px; outline:none; line-height:24px; font-size:14px;}
.interface-box .result-textarea{border: 1px solid var(--xm-line-color);padding:5px 10px;border-radius:4px;}
.interface-box .vin-text{height:26px;line-height:26px;padding:0 10px;border: 1px solid var(--xm-line-color);-webkit-transition:.3s;transition:.3s;}
.interface-box .vin-text:focus{border:1px solid #2D8CF0;}

.interface-operate{width:100px; position:absolute;top:44px;right:0px; z-index:99; background: var(--background);border:1px solid #ebebeb;border-bottom:1px solid #dbdbdb;border-radius:4px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,0.1); padding:5px 0;}
.interface-operate a{display:block; line-height:34px; font-size:13px; overflow:hidden;padding:0 15px; display:block;color:var(--color);}	
.interface-operate .icon-bianji{margin-top:1px;}
.interface-operate .icon-shanchu,
.interface-operate .icon-add1{ font-size:18px;}
.interface-operate a:hover{ background:#f6f6f6; color:#2D8CF0;}
.interface-operate .iconfont{width:24px; float:left;}
.sort-operate{width:130px;}
.sort-operate a{ font-size:12px;}

/*复选框*/
.set-addBox{width:60%; position:fixed;left:20%;top:50%; background: var(--background); padding:30px; border-radius:6px; z-index:999;}
.set-addBox .select-btn{ padding-right:42px;margin-top:15px;}
.set-addBox .gray-button{width:100%; text-align:center; background:var(--project-button-bg);}
.set-addBox .textbox{ padding-right:32px;}
.set-addBox .main-text{width:100%;}
.set-addBox .main-button{ margin-right:15px;}

.main-text{border: none;font-size:14px;padding: 0px 14px 0px 15px;border:var(--project-input-border-color);outline:none;-webkit-transition:.3s;transition:.3s;height: 38px;line-height:38px;border-radius: 15px;}
.main-text:focus{border:1px solid #2D8CF0;box-shadow:var(--project-input-focus);}

.main-button,
.vice-button,
.gray-button,
.green-button,
.green-btn-line,
.gray-btn-line{padding:0px 20px;height:38px;line-height:38px;-webkit-transition:.3s;transition:.3s;float:left;cursor:pointer;border-radius: 15px;font-size:14px;}

.main-button{ background:#2D8CF0; border:1px solid #2D8CF0; color:#fff;}

.main-button:hover{ background:#04ade4;border:1px solid #04ade4; box-shadow:0 1px 7px #bae5f3;}

.green-button{ background:#4eb967; border:1px solid #4eb967; color:#fff;}

.green-button:hover{ background:#56c871;border:1px solid #56c871; box-shadow:0 1px 7px #a0d6ad;}


.vice-button{ border:1px solid #2D8CF0; background: var(--background);color:#2D8CF0;}
.vice-button:hover{border:1px solid #04ade4;color:#04ade4; box-shadow:0 1px 7px #bae5f3;}

.gray-button{border: var(--border-E9F0F7);color:var(--color);background: var(--background);}
.gray-button:hover{color:#2D8CF0;border:var(--project-botton-border-color); box-shadow:0px 1px 7px rgba(0,0,0,0.08);}

.green-btn-line{ border:1px solid #2dc26c;color:#2dc26c; background: var(--background);}
.gray-btn-line{ border:1px solid #5e6f83;color:#5e6f83; background: var(--background);}

.small-button{height:40px; line-height:40px;width:70px; text-align:center;border:var(--project-botton-border-color); background:var(--aside-border-color);border-radius:4px; cursor:pointer; font-size:14px; -webkit-transition:.3s; transition:.3s;}
.small-button:hover{ background:#f0f0f0;}

.mini-btn{height: 26px;line-height: 26px;padding:0 12px;font-size:12px;}


/*@*/
.from-style .btn-at{width: 44px;height: 24px;border-right: var(--border-E9F0F7);text-align: center;line-height: 24px;font-size:20px;color:var(--color);border-radius:3px;position: absolute;right: 40px;top: 7px;cursor: pointer;}
.from-style .btn-at i{font-style: normal;width: 16px;height: 16px;background:#f24444;color: #fff;position: absolute;right: 0;top: -7px;text-align: center;line-height: 16px;font-size:12px;border-radius:50%;}
.from-style .btn-at:hover{color:#2D8CF0;/* border:var(--project-botton-border-color); */}


/*@ 弹出层*/

.from-style .at-box{width:400px;position: absolute;right:0;top: 42px;background: var(--background);/* border:1px solid #ebebeb; */z-index: 99;box-shadow: 0px 1px 11px rgb(0 0 0 / 8%);display: none;border-radius: 15px;}
.from-style .at-head{padding: 6px 0 6px 15px;/* background:#fbfbfb; */border-bottom: var(--border-E9F0F7);}
.from-style .at-head span{margin-right:10px;}
.from-style .at-head .at-close{float:right;line-height:30px; cursor: pointer;margin-right:0;padding:0 10px;color:var(--color);}
.from-style .at-head .at-close i{font-size:18px;}
.from-style .at-head .at-close:hover{color:#2D8CF0;}

.from-style .at-list{padding:0px 10px 10px 10px;height:200px; overflow-y:auto;}
.from-style .at-list .at-user{width:50%;float:left; font-size:14px;}
.from-style .at-list .at-user img{width:30px;height:30px;border-radius:50%;float:left; margin:10px 10px 0 0;}
.from-style .at-list .at-user-inner a{
    text-decoration: none;
}
.from-style .at-list .at-user-inner{margin:10px 5px 0 5px;border: 1px dashed #E9F0F7;padding: 0 10px;border-radius:4px;line-height:50px;height:50px;overflow: hidden;}
.from-style .at-list .at-user-inner span{float:right; cursor: pointer;color:#f24444;}
.from-style .at-list .at-user-inner:hover{border:1px dashed #c3c3c3;}




.box-select{width:500px; position:absolute;top:10%;height:80%;left:50%;margin-left:-250px; background:var(--body-background); z-index:999;border-radius:15px; overflow:hidden;}
.box-select .name{height:40px;line-height:40px;position:relative;/* padding-right:20px; *//* background:var(--td-hover-background); *//* border-top:1px solid #ebebeb; *//* border-bottom:1px solid #ebebeb; */font-weight:bold;font-size:14px;cursor:pointer;margin-top:-1px;}
.box-select .name .iconfont{color:var(--color);position:absolute;right:20px;line-height:40px;display:block;}
.box-select .name label{display:inline-block;text-align:left;/* padding:0px 20px; */margin-left:20px;}
.box-select .name input[type=checkbox]{width:16px;height:16px; -webkit-appearance:none; background:url(/templates/default/images/pc/checkbox.png) no-repeat; float:left;margin:13px 10px 0px 0px;}
.box-select .name input[type=checkbox]:checked{ background:url(/templates/default/images/pc/checkbox.png) no-repeat -30px 0px;}

/*项目名称设置*/
.settings{width: 500px;position: fixed;top: 50%;height: 540px;overflow: hidden;margin-top: -360px;left: 50%;margin-left: -250px;background: var(--background);z-index: 99;border-radius: 6px;padding-bottom: 64px;}
.settings .title{border-bottom:var(--border-eceef1);height: 44px; line-height: 44px;font-size: 18px;padding: 0 20px;margin-top:10px; position: relative}
.settings .title .icon-guanbi1{position: absolute;right:0;top:0;width:44px;height: 44px;font-size:22px; cursor: pointer;color:var(--color);}
.settings .title .icon-guanbi1:hover{color:#2D8CF0;}
.settings .drag-tips {height: 40px;line-height: 40px;padding: 0px 15px 0px 19px;color: #FF9901;
    background: #FFFBE7;font-size: 15px;margin: 15px;}
.settings .drag-tips span{font-size: 14px;color: #FF9901;padding:0px 5px;display: inline-block;vertical-align: middle;margin-top: -3px;}
.settings .sort{padding: 0px 15px;overflow-y: auto;height: 365px;}
.settings .add_box{margin: 0px 16px;border:var(--ui-state-highlight-dashed);border-radius: 4px;margin-top: 10px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;}
.settings .add_box span{display: block;font-size: 22px;color:var(--color);}
.settings .sort .edit_name{display: block;padding: 0px 100px 0 15px;line-height: 40px;height: 40px;display: block;border-radius: 4px;background: var(--background);border:var(--border-eceef1);margin-top: 10px;position: relative;}
.settings .sort .edit_name p{color: #2D8CF0;}
.settings .sort .edit_name p input{width:100%;display: block;line-height: 38px;height: 38px;background: var(--background);border:none;font-size: 15px;}
.settings .sort .edit_name span{display: block;position: absolute;top: 0;right: 0;}
.settings .sort .edit_name span em{display: inline-block;vertical-align: middle;font-size: 20px;margin-right: 10px;color:var(--color);display: inline-block;cursor: pointer;}
.settings .sort .edit_name span i{display: none;vertical-align: middle;font-size: 12px;padding: 0 7px;background: var(--background);height: 25px;border-radius: 4px;color: #2D8CF0;border: 1px solid #2D8CF0;line-height: 26px;cursor: pointer;margin-right: 5px;}
.settings .sort .edit_name span i:hover{opacity: .85;}
.settings .sort .edit_name span i.confirm{background: #2D8CF0;color: #fff;}
.settings .sort .edit_name span em:hover{color: #2D8CF0;}
.settings .sort .edit_name span.on em{display: none;}
.settings .sort .edit_name span.on i{display: inline-block;}
.settings .foot-btn{height:40px; line-height:40px;border-top:1px solid #ddddeb; padding:10px 0px; background: var(--background);position: absolute;
bottom: 0;left: 0;width:100%;}
.settings .foot-btn span{ display:inline-block; }
.settings .foot-btn .button{ padding:0px 30px; cursor:pointer;height:38px; float:left; line-height:38px; font-size:14px; -webkit-transition:.3s; transition:.3s;border:1px solid #2D8CF0;color:#fff; background:#2D8CF0; text-align:center;border-radius:4px; margin:0px 10px;}
.settings .foot-btn .button2{color:#2D8CF0;background: var(--background);}
.settings .foot-btn .button:hover{ box-shadow:var(--project-button-hover);}


@media screen and (min-width: 1200px) and (max-width: 1359px){
   .new-filter .imporant p span i{
    padding: 0px 5px;
   } 
   .new-filter .senior_icon{
    margin-left: 10px;
   }
}
@media screen and (min-width: 1360px) and (max-width: 1450px){
   .new-filter .imporant p span i{
    padding: 0px 10px;
   } 
}
/*账户信息*/

.basemenu{
    width: 200px;
    height: 100%;
    border-right:var(--border-E9F0F7);
   display:inline-block;vertical-align: top;
}
.baseInfo{
    /* min-width: 880px; */
    max-width: 800px;
    display:block;
    border-radius:15px;
    padding: 20px 0;
}
.baseInfo .HeadUserImg{
    margin: 0 20px;
    background: var(--infobg);
    padding: 40px;
    border-radius: 5px;
}
.baseInfo .HeadUserImg .infoimg{
    width: 96px;
    height: 96px;
    /* overflow: hidden; */
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 5px solid var(--top-background);
    position: relative;
    box-shadow: var(--box-shadow);
}
.baseInfo .HeadUserImg .infoimg img{
    width: 100%;
    object-fit: fill;
    border-radius: 50%;
}
.baseInfo .HeadUserImg .infoimg em{
    font-size: 15px;
    position: absolute;
    right: -2px;
    bottom: -4px;
    color: #fff;
    background: #2D8CF0;
	cursor:pointer;
    padding: 11px;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
}
.baseInfo .HeadUserImg .infoimg em:hover{
	opacity:.9;
}
.baseInfo .HeadUserImg p{
    text-align: center;
    line-height: 26px;
    letter-spacing: 1px;
}
.baseInfo .HeadUserImg p label{
    margin: 20px 0 0;
    font-size: 19px;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: 0;
}
.baseInfo .HeadUserImg p span{
    font-size: 15px;
    color: var(--color);
}
.basemenu .infolist{
    display: block;
    line-height: 44px;
    height: 44px;
    float: inherit;
    padding: 0px 0px 0 20px;
    font-size: 15px;
    cursor: pointer;
    
    border-bottom: var(--border-E9F0F7);
}
.baseInfo .contact h3{
    border-bottom: var(--border-E9F0F7);
    font-size: 17px;
    font-weight: bold;
    line-height: 50px;
    margin-top: 15px;
}
.baseInfo .infolist .icon{
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;
    color: var(--color);)
    _;)
    _;);
}
.baseInfo .infolist .icon i{
    font-size: 22px;
}
.baseInfo .infolist .icon em{
    background: #1ab064;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    /* position: absolute; */
    /* top: -67px; */
}
.basemenu p a{
    color:var(--color);
}
.basemenu p.on a{
    color:#2D8CF0;
}
.basemenu p.on,.basemenu p:hover{
    background:var(--body-background);
    
}

.accountinfo label{
    display: block;
    font-size: 21px;
    line-height: 40px;
    margin: 20px 0;
    font-weight: bold;
}
.baseInfo label{
     display: block;
     font-size: 16px;
     line-height: 40px;
     margin: 20px 0;
}
/*.baseInfo .vis{*/
/*    padding-left: 50px;*/
/*}*/
/*.baseInfo .vis p{text-align:center;height: 85px;}*/
/*.baseInfo .vis p span{*/
/*    width: 85px;*/
/*    height: 85px;*/
/*    line-height: 87px;*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*    border-radius: 50%;*/
/*    border: 1px solid #2dc26c;*/
/*    color: #2dc26c;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    float:left;*/
/*}*/
/*.baseInfo .vis p i{*/
/*    font-style: normal;*/
/*    font-size: 16px;*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    margin:0 120px;*/
/*    color:var(--color);*/
/*    line-height:84px;*/
    
/*}*/
/*.baseInfo .vis p i em{*/
/*    color: #FC234C;*/
/*    font-style: normal;*/
/*}*/
/*.baseInfo .vis p a{*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/
/*    line-height: 36px;*/
/*    border-radius: 5px;*/
/*    text-align: center;*/
/*    width: 100px;*/
/*    background: #2dc26c;*/
/*    font-size: 14px;*/
/*    color: #fff;*/
/*    transition: all .2s linear;*/
        /*box-shadow: 0px 1px 7px 0px rgba(0,0,0,.1);*/
/*}*/
/*.baseInfo .vis p a:hover{*/
/*   box-shadow:0px 1px 7px 0px rgba(0,0,0,.1);*/
/*    transform:translate3d(0,0,-10px);*/
/*}*/
.baseInfo .vis{
    font-size:0;
    padding: 0 0 40px;
    border-bottom: 1px solid #f3f3f3;
}
.baseInfo .vis p{
    width:33.33%;
    display:inline-block;
    vertical-align:top;
}
.baseInfo .vis p span{
    display:block;
    height:40px;
    line-height:40px;
}
.baseInfo .vis p span em{
    font-size: 14px;
    color:#666;
    display:inline-block;
    vertical-align:middle;
    width:120px;
    font-style:normal;
    text-indent: 20px;
}
.baseInfo .vis p span i{
    font-style:normal;
    display:inline-block;
    vertical-align:middle;
    font-size: 14px;
    color:#2D8CF0;
    text-indent:25px;
}
.baseInfo .vis .drag-tips {
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--tips-bg);
    color:var(--tips-color);
    font-size: 15px;
    margin: 25px 0;
    /*text-indent:0 10px;*/
    padding:0 20px;
    background: #fffbe6;}
/*.baseInfo .vis span{font-size: 20px;color: #F4BC2A;padding:0px 5px;display: inline-block;vertical-align: middle;margin-top: -3px;}*/
limits{
    padding: 20px;
    /*font-size: 0;*/
    /*background: #fbfbfb;*/
    /*box-shadow: 0px 0px 3px 0px rgba(0,0,0,.1);*/
    /*margin: 45px auto;    padding: 10px 0;*/
}
.limits{
    /* width: 100%; */
    /* display:inline-block; */
    /* vertical-align:middle; */
    background: var(--infobg);
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.limits label{
	margin:0;
	line-height: 24px;
	float: right;
	height: 24px;
	font-weight: normal;
	color: var(--color);
}
.limits label span{
	display:inline-block;
	vertical-align:middle;
}
.limits p{
		 margin-top: 2px;
		 }
.limits .progressname{
    
margin-bottom: 8px;
    
font-size: 14px;
    
font-weight: bold;
}
.limits small{
    /* width: 95px; */
    /* text-align:center; */
    line-height: 24px;
    /* height:120px; */
    font-weight:normal;
    font-size:14px;
    display:inline-block;
    vertical-align: middle;
}
.limits p span{
    display: inline-block !important;!i;!;
    vertical-align:middle;
    /* width: 28%; */
    font-size:13px;
    color:#666;
    /* height: 80px; */
    position: relative;
    text-align: center;
    top: -2px;
}

.limits p span b{
    font-weight:normal;
    position: static !important;!i;!;
}
.limits em{
        height: 8px;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        border-radius: 5px;
        background: var(--account-bg);
        line-height: 6px;
}
.limits em i{
        display: block;
        background: #2D8CF0;
        height: 8px;
        width: 0;
        border-radius: 5px;
        text-align: right;
        color:var(--color);
}
.expiry{
    /* height:60px; */
    line-height: 50px;
    float:right;
    margin-top: 20px;
}
.expiry p{
    font-size:13px;
    color:#666;
    
}
.expiry p i{
    padding:0 5px;
    color:#ff8700;
    font-size:13px;
    display:inline-block;
    vertical-align:middle;
}
.expiry p a{
    padding:0 10px;
    font-size:13px;
    color:#fff;
    border-radius:3px;
    background:#ff8700;
    line-height:30px;
    height:30px;
    display:block;
    max-width: 90px;
    text-align:center;
    margin: 0 auto;
}
.baseInfo .contact{
    padding: 0 50px;
}
.baseInfo .contact .infolist{
    display: block;
    padding: 10px 0 10px;
    font-size: 15px;
    position:relative;
    font-weight: 550;
    padding-left: 40px;
    border-bottom: var(--border-E9F0F7);
}
.baseInfo .contact .infolist span{
    color:var(--color);
    display: block;
    font-weight: normal;
    /* position: absolute; */
    /* left: 0; */
    font-size: 14px;
    /* height: 60px; */
    line-height: 24px;
}
.baseInfo .contact .infolist .info_item{
    /* border-bottom: var(--border-E9F0F7); */
    width: 100%;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    color: var(--body-color);
    height: 30px;
    font-weight: normal;
}
.baseInfo .contact .infolist .info_item strong{font-weight:normal;}
.baseInfo .contact .infolist .info_item.inp input {
    width:100%;
    background: transparent;
    border: none;
    font-size: 16px;
    letter-spacing: 1px;
}
.baseInfo .contact .infolist .info_item.img img{
height: 30px;
    /*margin: 5px 0;*/
    border-radius: 50%;
}
.baseInfo .contact .infolist .info_item.text i{
    font-size:15px;padding-left:10px;
}
.baseInfo .contact .infolist .info_item.text{}
/*.baseInfo .contact p.on input{border-bottom:var(--border-E9F0F7);}*/
.baseInfo .contact b{display: block;position: absolute;top: 30px;right: 0;font-weight:normal;line-height: 30px;}
.baseInfo .contact b em{display: inline-block;vertical-align: bottom;font-size: 15px;color: #2D8CF0;display: inline-block;cursor: pointer;}
.baseInfo .contact b i{display: none;vertical-align: middle;font-size: 12px;padding: 0 10px;background: var(--background);height: 25px;border-radius: 8px;color: #2dc26c;border: 1px solid #2dc26c;line-height: 26px;cursor: pointer;margin-left: 9px;}
.baseInfo .contact b i:hover{opacity: .85;}
.baseInfo .contact b i.confirm{background: #2dc26c;color: #fff;}
.baseInfo .contact b em:hover{color: #2D8CF0;}
.baseInfo .contact .edit.on b em{display: none;}
.baseInfo .contact .edit.on b i{display: inline-block;}
.baseInfo .contact b a{
    border: 1px solid #FF9901;
    color: #FF9901;
    padding: 0 10px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    border-radius: 8px;
    margin-right: 25px;
}
.baseInfo .contact b a:hover{
   background:#FF9901;
    color:#fff;
}
.baseInfo .contact b a.accountpay{
    color: #fff;
    margin-right: 0;
    border: none;
    background: #2D8CF0;
    padding: 0 15px;
    line-height: 36px;
    position: relative;
    top: -9px;
    font-size: 15px;
}
.baseInfo .contact b a.accountpay:hover{
    background:#035bb7;
}
/*付款*/
.select_vis{
    font-size: 0;
}
.select_vis .vis_list{width: 33.33%;display: inline-block;vertical-align: top;}
.select_vis .vis_list .vis_cont{cursor: pointer;display: block;width: 90%;margin: 0 auto;border:var(--border-E9F0F7);position: relative;}
.select_vis .vis_list .vis_cont h5{text-align: center;padding: 20px 0;border-bottom: var(--border-E9F0F7);font-size: 20px;
line-height: 40px;margin-bottom: 20px;}
.select_vis .vis_list .vis_cont h5 span{display: block;font-size: 14px;color:var(--color);
line-height: 40px;}
.select_vis .vis_list .vis_cont p span{
    text-align: left;
    display: block;
    font-size: 14px;
    color: #888;
    padding: 0px 10px;
    line-height: 40px;
}
.select_vis .vis_list .vis_cont p span i{
    font-style: normal;
    float: right;
}
.select_vis .vis_list .vis_cont em{
    position: absolute;
    bottom: -4px;
    right: -3px;
    color:#2D8CF0;
    font-size: 25px;
    display: none;
}
.select_vis .vis_list.on .vis_cont{
    border:1px solid #2D8CF0;
}
.select_vis .vis_list.on .vis_cont em{display: block;}
.vis_checkbox{display: inline-block; color:var(--color); cursor: pointer; position: relative; padding-left:21px}
.vis_checkbox input[type="checkbox"]{display: none;}
/*.vis_checkbox:before{content: '';width:14px;height: 14px;border:var(--border-eceef1);border-radius: 4px; position: absolute;left:0;top:50%;margin-top:-8px;}*/

/*.vis_checkbox.check:before{ background: #2D8CF0 url('/templates/default/images/pc/checked.png') no-repeat 50% 50%;border: 1px solid #2D8CF0; }*/

.rechargeType{border-radius: 4px;
    display: inline-block;vertical-align: middle;background: var(--nav-hover);padding: 5px;
}
.buyTime span{
    margin-right: 20px;
    font-size: 15px;
    display: inline-block;
    line-height: 35px;
    margin-left: 13px;
}
.rechargeType span{
      font-size: 13px;
    display: inline-block;
        line-height: 28px;
    width: 140px;
   letter-spacing:1px;
    text-align:center;
    padding-left:0;
    border-radius: 2px;
}
.rechargeType span:hover{
    color:var(--black);
}
.buyTime span b,.rechargeType span b{color: #FC234C;font-weight: 550;padding-left: 5px;}
.pay{
	/*border-bottom:var(--border-E9F0F7);*/
	padding-bottom:30px;
}
.pay span{
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    /* margin-left: 13px; */
    border: var(--border-E9F0F7);
    width: calc(33.333% - 36px);
    border-radius: 8px;
    line-height: 44px;
    /* padding: 8px 0; */
    color: var(--black);
    text-align: left;
    box-shadow: 0px 0px 1px rgb(0 0 0 / 15%);
}
.pay span i{
    font-size: 29px;
    margin: 0 10px;
    color: var(--body-color);
    display: inline-block;
    vertical-align: middle;
  
}
.pay span i.icon-zhifubao{
    color: #3AACED;
}
.vis_checkbox.check{background: var(--background);border-color: 1px solid var(--black);}
.rechargeType span.vis_checkbox.check{    color: var(--body-color);}
/*.vis_checkbox.check i,.vis_checkbox.check i.icon-zhifubao{color:#fff;}*/
.pay_cont{padding-top: 20px;margin: 30px 0;background: var(--top-background);padding: 10px 20px;position: relative;border:var(--border-E9F0F7);border-radius: 8px;box-shadow: 0px 0px 1px rgb(0 0 0 / 15%);}
.pay_cont p{display: inline-block;padding: 15px;/* border:1px solid #3A8BEF; */border-radius: 3px;}
.pay_cont p span{display: block;font-size: 16px;color: var(--color);line-height: 25px;}
.pay_cont p span b{
    /*font-size: 30px;*/
    /* color: #ff4f53; */
    /* font-weight: 550; */
    }
.pay_cont a{
    padding: 8px 35px;
    font-size: 15px;
    color: #fff;
    background: #ff8900;
    display: block;
    border-radius: 8px;
    line-height: 28px;
    position: absolute;
    margin-top: 55px;
    cursor: pointer;
    letter-spacing: 1px;
    top: 50%;
    right: 30px;
    margin-top: -24px;
}
.pay_cont a:hover{opacity:.85;}


.order{
    display:block;
    /*padding-left:20px;*/
    width: 85%;
    min-width: 890px;
    max-width: 1400px;
}
.order label{font-size:26px;
line-height:60px;display:block;margin-bottom:10px;
}
.order .tbl{
    width:100%;
    border-radius:15px;
    overflow:hidden;
    border:var(--border-E9F0F7);
}

.order .tbl p{font-size:0;}
.order .tbl .tbl_head.tbl_body p span,.order .tbl .tbl_body p span{width: 11%;display:inline-block;border-right:var(--border-E9F0F7);text-align:center;font-size:15px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.order .tbl .tbl_body p{border-top: var(--border-E9F0F7);text-align:center;line-height:45px;}
.order .tbl .tbl_body p span{text-indent:0;text-align:center;font-size:14px;}

.order .tbl .tbl_head.tbl_body p{background:var(--body-background);line-height:55px;border-top:none;}
.order .tbl .tbl_head.tbl_body p span.tbl_lg,.order .tbl p span.tbl_lg{width: 14%;}
.order .tbl .tbl_head.tbl_body p span.last_lg,.order .tbl p span.last_lg{border-right:none;}
.order .tbl p span.last_lg i.iconfont{font-size:20px;border:none;cursor:pointer;}
.order .tbl p span.last_lg i.iconfont:hover{
    color:#2D8CF0;
}
.order .tbl i{display:block;line-height:45px;font-size:13px;color:#999;text-align:center;font-style:normal;border-top: 1px solid #eaeaea;}



.project-info .Team-left{width: 240px;position: fixed;height: 100%;left:0;top:0;box-sizing: border-box;overflow-y: auto;left: 0;background: var(--background);top: 65px;height: 100%;border-right: var(--border-eceef1);}
.project-info .Team-left .item{
    margin: 0 15px;
    /* margin-left: 36px; */
}
.project-info .Team-left .item-all{
    /* margin-left: 5px; */
}
.project-info .Team-left a{font-size: 14px;display:block;/* width: 100%; */height: 41px;margin-top: 6px;line-height: 41px;font-weight:normal;padding-right: 45px;border-radius: 9px;color:var(--color);overflow:hidden;padding-left: 20px;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.project-info .Team-left .item-all a{
    font-size: 17px;
    line-height: 58px;
    height: 58px;
    padding-left: 10px;
    }
.project-info .Team-left a span{
    min-width: 16px;
    min-height: 16px;
    line-height: 16px;
    margin-top: 10px;
    color: #2D8CF0;
    padding: 2px 0px;
    border-radius: 9px;
    text-align: center;
    font-size: 15px;
    position: absolute;
    right: 12px;
}
.project-info .Team-left .item-all a em{font-size: 21px;position: absolute;display: block;color:var(--color);font-weight: normal;right: 9px;top: 0;}
.project-info .Team-left .on{color:#2D8CF0;font-weight:bold;}
.project-info .Team-left .item:last-child a{border-bottom: 0px;}
/* .project-info .Team-left .item a:hover{color:#2D8CF0; background:var(--body-background);} */
.project-info .Team-left a:hover em{color: #2D8CF0;}

.project-info .Team-right{overflow-y: auto;}
.project-info .Team-right .team-head{
    line-height: 34px;
    height: 34px;
    font-size: 18px;
    /* padding: 12px 20px; */
    /* border-bottom: var(--border-eceef1); */
    display: block;
    font-weight: 700;
    margin-bottom: 20px;
}
.project-info .team_table{
    width:100%;
}
.project-info .team_table .team_head{
    /* background:var(--body-background); */
    /*height: 45px;*/
    /*line-height: 45px;*/
}
.project-info .team_table .team_list{
    display:block;
    font-size: 0;
    border-bottom: var(--border-E9F0F7);
    cursor: pointer;
}











/*.project-info .team_table .team_body{overflow: hidden;}*/
.project-info .team_list p{
    /*width: 16%;*/
    display: inline-block;
    vertical-align:middle;
    line-height: 22px;
    padding: 20px 0;
    font-size: 16px;
    text-align: center;
}
.project-info .team_head .team_list p{
    color:var(--color);
}
.project-info .team_body .team_list p{
    color:var(--body-color);
}
.project-info .team_list p img{
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}
.project-info .team_list p.state span{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    text-align: left;
}
.project-info .team_list p.headimg span{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px);
    text-align: left;
}
.project-info .team_list p i{
    color: #FC234C;
    /* padding-right: 9px; */
    width: 60px;
    display: inline-block;
}
.project-info .team_list p i.sure{
    color: #1ab064;
    width:auto;
}
.project-info .team_list p span.iconfont{
    font-size: 20px;
    margin: 0 5px;
}
.project-info .team_list p em{
    color: #fff;
    background: #1ab064;
    padding: 3px 6px;
    white-space: nowrap;
    border-radius: 4px;
}
.project-info .team_list p em.team_state1{
    background: #FC234C;
}
.project-info .team_body .team_list:hover{
    /*background: #f8fcff;*/
    background:var(--td-hover-background)

}

.stategroup{
    width: 290px;
    position: relative;
    margin-left: 20px;
}
.stategroup p{
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--aside-content-color);
    border-radius: 15px;
    position: relative;cursor:pointer;
    margin-top: 12px;
    padding: 0 40px 0px 15px;
}
.stategroup p em{
    float: right;
    font-size: 12px;
    margin-right: 18px;
    color: #fff;
    padding: 0 10px;
    height: 24px;
    border-radius: 8px;
    line-height: 24px;
    margin-top: 8px;
}
.stategroup p img{
    height: 30px;
    display: inline-block;border-radius: 50%;
    vertical-align: middle;
}
.stategroup p span{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 550;
    margin-left: 10px;
}
.stategroup p i{
    font-size: 22px;
    position: absolute;
    right: 20px;
    display:block;
    width: 22px;
    top:0;
    color:var(--color);
    transition:all .2s linear;
}
.stategroup p:hover i{
    color: var(--body-color);
}
.stategroup p.on i{
    transform:rotate(180deg);
    color:#f6981d;
}

.stategroup .state-group{
    position: absolute;
    border: 1px solid var(--aside-content-color);
    top: 44px;
    left: 0;
    width: 100%;
    border-radius: 15px;
    background: var(--background);
    padding: 10px 0;
    z-index: 111;
    display:none;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px 0px rgb(46 46 46 / 10%);
}
.stategroup .state-group label{
    display: block;
    margin: 0 10px;
    line-height: 48px;
    border-radius:15px;
    position: relative;
    cursor: pointer;
}

.stategroup .state-group label span{
    font-size: 14px;
    display: block;
    width: 155px;
    position: relative;
    padding-left: 15px;
}
.stategroup .state-group label i{
    font-size: 20px;
    position: absolute;
    right: -15px;
    color: #999;
}
.stategroup .state-group label a{
    position: absolute;
    border: 1px solid #d5d6d8;
    border-radius: 8px;
    height: 24px;
    line-height: 24px;
    width: 55px;
    text-align: center;
    right: 15px;
    top: 50%;
    margin-top: -12px;
}
.stategroup .state-group label a:hover{
    opacity:.85;
}
.stategroup .state-group label a.blue{
    border-color:#2D8CF0;
    background:#2D8CF0;
    color: #fff;
}
.stategroup .state-group label:hover{background:var(--aside-top-hover);}


.kanbanbox{padding: 0 20px 20px;}
.bugkanban-tab{height: 32px;line-height: 32px;border-radius: 15px;background: var(--background);margin-top: 15px;}
.bugkanban-tab li{padding: 0 15px;display: inline-block;vertical-align: middle;font-size:14px;color:var(--color);border-radius: 15px;/* border: 1px solid #fff; */cursor: pointer;/* margin-right: 20px; */}
.bugkanban-tab li:hover{color:#2D8CF0;}
.bugkanban-tab .on{background: #2D8CF0;color: #fff;position: relative;}
.bugkanban-tab .on:hover{background: #2D8CF0;color:#fff;}
.bugkanban-title{height: 64px; line-height: 64px;padding:0px 20px;}
.bugkanban-title strong{font-size: 20px;}

.kanbanbox ul{font-size: 0;margin-left: -20px;}
.kanbanbox li{width: 20%;display: inline-block;vertical-align: top;}
.kanbanbox li .col-4{background:var(--body-background);padding: 10px;border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;overflow-y: auto;overflow-x: hidden;background: #f2f5f8 url(/Templates/Default/Images/bug-none.png) no-repeat center  30px;background-size:  67px 64px;}
.kanbanbox li .kb_name{position: relative;line-height: 46px;padding: 0 15px;}
.kanbanbox li .kb_name label{font-weight: 550;font-size: 15px;display: block;}
.kanbanbox li .kb_name i{color:var(--color);font-size: 15px;position: absolute;right: 10px;top: 50%;background:var(--body-background);padding: 0 4px;border-radius: 5px;height: 22px;min-width: 22px;text-align: center;line-height: 22px;margin-top: -11px;}
.kanbanbox li .col{padding:2px;display: block;margin-left: 20px;background: var(--background);border-radius: 15px;box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%);overflow:hidden;}
.kanbanbox li .col-4 .col-bug{cursor:pointer;padding: 15px;background: var(--background);border-radius: 8px;margin-bottom: 12px;} 
.kanbanbox li .col-4 .col-bug-none{
    position:relative;left:0;width:100%;
    z-index:1;
}
.kanbanbox li .col-4 .col-bug-none img{display: block;height: 64px;
    margin: 30px auto;}
.kanbanbox li .col-4 .col-bug .state p{position: relative;/* padding: 10px; */padding-right: 100px;font-size: 13px;line-height: 26px;white-space: nowrap;overflow: hidden;} 
.kanbanbox li .col-4 .col-bug .state p i{color:var(--color);font-size: 13px;margin-left: 15px;}
.kanbanbox li .col-4 .col-bug .state p label{position: absolute;right: 0;height: 25px;line-height: 25px;}
.kanbanbox li .col-4 .col-bug .state p label img{border-radius: 50%;height: 25px;display: inline-block;vertical-align: middle;margin-right: 4px;}
.kanbanbox li .col-4 .col-bug .state p label span{font-size: 13px;display: inline-block;vertical-align: middle;}
.kanbanbox li .col-4 .col-bug em{font-weight: 550;font-size: 15px;line-height: 22px;margin: 12px 0;overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
    display: -webkit-box;} 
.kanbanbox li .col-4 .col-bug .info{line-height: 24px;font-size: 14px;text-align: right;white-space: nowrap;} 
.kanbanbox li .col-4 .col-bug .info span{font-size: 13px;float: left;white-space: nowrap;display: block;height: 24px;line-height: 24px;}
.kanbanbox li .col-4 .col-bug .info em:after{display:block;content:'';clear:both;width: 6px;height: 6px;padding:0;position:absolute;left:0;top:50%;margin-top: -3px;border-radius: 50%;}
.kanbanbox li .col-4 .col-bug .info em.color-bg:after{background:#2D8CF0;}
.kanbanbox li .col-4 .col-bug .info em.colorbg-1:after{background:#FA3E4C;}
.kanbanbox li .col-4 .col-bug .info em.colorbg-2:after{background:#FF9901;}
.kanbanbox li .col-4 .col-bug .info em.colorbg-3:after{background:#18BE6B;}
.kanbanbox li .col-4 .col-bug .info em{display:inline-block;position: relative;padding-left: 12px;}
.kanbanbox li .col-4 .col-bug .info i,.kanbanbox li .col-4 .col-bug .info em{font-weight:normal;height: 24px;line-height: 24px;margin: 0;vertical-align: middle;display: inline-block;font-size: 13px;}

.kanbanbox li .col-4 .col-bug:hover{
  background:var(--td-hover-background);
}