/*多级tree选择*/
.tree-ul li{padding-left:20px; line-height: 30px;
}

/*二级按钮*/
/* .l_buttom{border-radius: 3px;cursor: pointer;line-height: 30px;display: inline-block;height: 30px;border: 1px solid #398cff;background: #f3fafe;color: #398cff;padding: 0 20px; */
}

/*三角形*/
/*向上*/
.triangle_border_up{
    width:0;
    height:0;
    border-width:0 30px 30px;
    border-style:solid;
    border-color:transparent transparent #333;/*透明 透明  灰*/
    margin:40px auto;
    position:relative;
}
.triangle_border_up span{
    display:block;
    width:0;
    height:0;
    border-width:0 28px 28px;
    border-style:solid;
    border-color:transparent transparent #fc0;/*透明 透明  黄*/
    position:absolute;
    top:0px;
    left:0px;
}
/*向下*/
.triangle_border_down{
	cursor: pointer;
    width:0;
    height:0;
    border-width:8px 4px 0;
    border-style:solid;
    border-color:#a7a7a7 transparent transparent;/*灰 透明 透明 */
    margin:0 5px 0  0;
    position:relative;
    display: inline-block;
}
.triangle_border_down span{
    display:block;
    width:0;
    height:0;
    border-width:28px 28px 0;
    border-style:solid;
    border-color:#fc0 transparent transparent;/*黄 透明 透明 */
    position:absolute;
    top:0px;
    left:0px;
}
/*向左*/
.triangle_border_left{
    width:0;
    height:0;
    border-width:30px 30px 30px 0;
    border-style:solid;
    border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */
    margin:40px auto;
    position:relative;
}
.triangle_border_left span{
    display:block;
    width:0;
    height:0;
    border-width:28px 28px 28px 0;
    border-style:solid;
    border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */
    position:absolute;
    top:0px;
    left:0px;
}
/*向右*/
.triangle_border_right{
	cursor: pointer;
    width: 0px;
    height: 0;
    border-width: 4px 0 4px 8px;	
    border-style: solid;
    border-color: transparent transparent transparent #a7a7a7;
    margin:0px 5px 0 0px;
    position: relative;
    display: inline-block;
}
.triangle_border_right span{
    display:block;
    width:0;
    height:0;
    border-width:28px 0 28px 28px;
    border-style:solid;
    border-color:transparent transparent transparent #fc0;/*透明 透明 透明 黄*/
    position:absolute;
    top:0px;
    left:0px;
}
/*end三角形*/

/*操作按钮*/
/* .btn1{width: 128px;height: 30px;font-size: 14px;cursor: pointer;box-sizing: border-box;line-height: 28px;text-align: center;border: 1px solid #999;} */
/* .btn2{width: 128px;height: 30px;font-size: 14px;cursor: pointer;box-sizing: border-box;line-height: 28px;text-align: center;border: 1px solid #398cff;color: #fff;background:#398cff;} */
/*end操作按钮*/

/*步骤div*/
.step_div{background: #e7e5e5;width: 900px; margin: 0px auto 30px auto;height:30px;line-height: 30px;}
.step_div .sel{background: #398cff   ;color: #ffffff}
.step_div .sel:after{background: url(../images/setpsel.png) no-repeat right;content: " ";height: 30px;width: 20px;position: absolute;right: -17px;}
/*end步骤div*/

/*新建应用*/
.addico{cursor: pointer;text-align: center;height: 260px;width: 240px;border: 1px solid #fff;-moz-box-shadow:0 0 10px #aaa;-webkit-box-shadow:0 0 10px #aaa;box-shadow:0 0 10px #aaa;}
.addico:hover{border: 1px solid #398cff;}

/*未读*/
.Unreadico{top: 10px;text-align: center;width: 20px;height: 20px;right: 25px;line-height: 20px;color: #fff;position: absolute;border-radius: 50%;background-color: #ee2d2d;}
.noread:before{display: inline-block;content: " ";background: #ee2d2d;width: 5px;height: 5px;border-radius: 50%;margin-right: 5px;vertical-align: middle;}

/*导航连接样式*/
ul.rootul {display: inline-flex;}
ul.rootul li.rootli{display: inline-block;color:#666666;}
ul.rootul li.rootli.link:after{content: ">"}
ul.rootul li.rootli.link{color:#3581eb;cursor: pointer;}

/*所有按钮*/

.button_b{width: 100px;height: 36px;line-height: 34px;font-size: 14px;cursor: pointer;box-sizing: border-box;text-align: center;border: 1px solid #398cff;color: #ffffff;background: #398cff;border-radius: 2px;}
.button_b:active{background: #3581eb;border: 1px solid #3581eb;}
.button_b._n{background:#cccccc;color: #ffffff;border:1px solid #cccccc;}

.button_c{width: 100px;height: 36px;line-height: 34px;font-size: 14px;cursor: pointer;box-sizing: border-box;text-align: center;border: 1px solid #cccccc;color: #333333;background: #ffffff;border-radius: 2px;}
.button_c:active{background: #f5f5f5;}

.button_a{width: 100px;height: 36px;line-height: 34px;font-size: 14px;cursor: pointer;box-sizing: border-box;text-align: center;border: 1px solid #97c0f9;color: #398cff;background: #eff6ff;border-radius: 2px;}
.button_a:active{background: #d7e8ff}
.button_a.lock{cursor:not-allowed;background: #f3f3f3;border: 1px solid #e1e1e1;color:#999;}

.button_r_b{min-width: 75px;height: 30px;line-height: 30px;font-size: 14px;cursor: pointer;box-sizing: border-box;text-align: center;border: 1px solid #398cff;color: #ffffff;background: #398cff; padding: 0 20px;border-radius: 15px;}
.button_r_b:active{background: #3581eb;border: 1px solid #3581eb;}

.button_r_c{min-width: 75px;height: 30px;line-height: 30px;font-size: 14px;cursor: pointer;box-sizing: border-box;text-align: center;border: 1px solid #cccccc;color: #333333;background: #ffffff; padding: 0 20px;border-radius: 15px;}
.button_r_c:active{background: #f5f5f5;}