* {margin:0; padding:0;}
input,button{outline:none}
body {
    font-family: 'Microsoft YaHei', sans-serif;
    color:#444;
    font-size:14px;
    /*overflow:hidden;*/
    width:100%;
    background-color:transparent;

}
div.box-border {
    padding:25px;
}




/**tool*/

.tool-box{
    cursor: pointer;
background-color: #f1f1f1;
border: 1px solid #cacaca;
width: 250px;
height: 124px;
margin: auto;
}
.tool-box .row {
    margin:20px 0;

}
.tool-box:hover{
    background-color: #ecf7ff;
    border: 1px solid #4fb6fe;
}



.tool-box .row {
     margin-left:0;
 }
.tool-box .row .col-sm-4{
    padding-left: 3px;
}
.tool-box .row .col-sm-8{
    padding: 0;
}
.desc {
    margin: 15px 0;
    float: right;
    width: 100%;
    padding-left: 20px;
}
.desc>h1{
    font-size: 18px;
}
.desc>p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #999;
}
/****************************/
.box {
    -webkit-user-select: none;
    padding-left: 25px;
    margin:auto;
    list-style-type:none
}
.box li {
    float:left;
    margin:10px;
}

.disabled {
    cursor: not-allowed;
    /*pointer-events: none;*/
    background-color: #d6d6d6;
}

.disabled:hover{
    border: 1px solid #fe0f4a;
    background-color: #d6d6d6;

    /*pointer-events: none;*/
}