.tools-main .tools-main-right {
    float: right;
    /*width: 770px;*/
    width: 1020px;
    box-sizing: border-box;
    padding: 20px 0px 300px 34px;
}

.tools-main {
    position: relative;
    width: 1200px;
    box-sizing: border-box;
    margin: 0px auto;
    display: flex;
}

.tools-main .tools-main-left {
    width: 180px;
    box-sizing: border-box;
    float: left;
    border-right: 1px solid #ebebeb;
    padding: 20px 20px 90px 0px;
}

.tools-main .tools-main-left a {
    text-decoration: none;
}

.tools-main .tools-main-left dl {
    border-top: none;
    font-size: 14px;
}

.tools-main .tools-main-left dt {
    line-height: 40px;
    height: 40px;
    position: relative;
    margin-top: 6px;
    cursor: pointer
}

.tools-main .tools-main-left dt:first-child {
    margin-top: 0;
}

.tools-main .tools-main-left dt:first-child:hover a {
    color: #3F82FC;
}

.tools-main .tools-main-left dt:first-child:hover span {
    color: #3F82FC;
}

.tools-main .tools-main-left dt:first-child:hover i {
    color: #3F82FC;
}

.tools-main .tools-main-left dt i {
    font-size: 12px;
    color: #333;
}

.tools-main .tools-main-left dt .icon-angle-up,
.tools-main .tools-main-left dt .icon-angle-down {
    margin-left: 14px;
    position: absolute;
    right: -10px;
    color: #999;
    font-size: 25px;
    line-height: 40px;
}

.tools-main .tools-main-left dt .icon {
    font-size: 18px;
    margin-right: 14px;
}

.tools-main .tools-main-left dt a {
    background-color: #fff;
    font-weight: bold;
    color: #333;
}

.tools-main .tools-main-left dt span {
    background-color: #fff;
    font-weight: bold;
    color: #333;
}

.tools-main .tools-main-left dt a:hover {
    background-color: #fff;
}

.tools-main .tools-main-left dt.list-on a {
    background-color: #fff;
    color: #333;
}

.tools-main .tools-main-left dt.list-on a {
    color: #333;
}

.tools-main .tools-main-left dt.list-on a:hover {
    color: #3F82FC;
}

.tools-main .tools-main-left dd {
    background: #fff;
    display: block;
}

.tools-main .tools-main-left dd a {
    display: block;
    color: #666;
    height: 40px;
    line-height: 40px;
    padding-left: 43px;
}

.tools-main .tools-main-left dd a:last-child {
    border: none;
}

.tools-main .tools-main-left dd a:hover {
    color: #3F82FC;
}

.tools-main .tools-main-left .item-on {
    color: #3F82FC;
}

.tools-main .tools-main-left .item-on:hover {
    color: #3F82FC;
}

.tools-main .list-point {
    display: inline-block;
    background: #f00;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    top: -11px;
    right: 10px;
    position: relative;
}

/*edit by tangjingxin*/
/*解决鼠标悬浮时，字体变粗导致icon下移问题*/
.tools-main dd a.zz-menu-optimization i {
    margin-left: 3px;
}


#toolsTitle {
    margin-bottom: 20px;

}
h1 {
    font-size: 28px;
    letter-spacing: 3px;
}
h1, h2, h3 {
    color: #333;
    font-weight: bold;
}

.clearfix .title h3 {
    padding-top: 8px;
    padding-bottom: 6px;
    border-top: 2px solid #16A2FF;
    font-size: 16px;
    color: #444;
    display: inline-block;
}

.input-group-addon { margin: auto 0; }