.navbar-menu{display: none;}
.body-width .main-block {margin-top: -152px;}

.search-head {width: 100%;height: 69px;line-height: 69px;background: #FFFFFF;border-top: 1px solid #DFDFDF;}
.head-logo {width: 1200px;min-width: 1200px;margin: 0px auto;}

/*站长工具首页*/
.bg-top{padding: 0px !important;height: 319px;background: url('../images/tool/bg-tool.png') no-repeat center;}
.head-con{position: relative;width: 1200px;margin: 0 auto;}
.search-box{width:760px;margin: 0px auto;}
.head-name{margin-top: 82px;}
.head-name ul{float: left;background: #8d96a5;margin-bottom: 0px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.head-name ul li:first-child{margin-left: 5px ;}
.head-name ul li:first-child+li{margin-right: 8px;}
.head-name ul li{float: left;height: 40px;line-height: 40px;text-align: center;margin-right: 12px;}
.head-name ul li a{display: inline-block;width: 90px;height: 33px;line-height: 33px;background: #727e91;font-size: 16px;color: #d6d6d8;margin-top: 7px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.head-name ul li a:hover,.head-name ul li a.active{color: #3EB5F6;background: #FFFFFF;height: 38px;}
.search-box .search-con{background:#8D96A5;padding: 5px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.search-box .search-con .search-link,.search-box .search-con .search-record{width: 750px;height: 50px;position: relative;}
.search-box .search-con .search-link input,.search-box .search-con .search-record input{background: #FFFFFF;font-size: 16px;line-height: 50px;width: 680px;border: none;padding: 0px 10px;float: left;outline: none;}
.search-box .search-con .search-link span.searchspan,.search-box .search-con .search-record span.searchspan{display: inline-block;width: 70px;background: #00a8ff url('../images/tool/search.png') no-repeat center;float: left;height: 50px;cursor: pointer;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.search-box .cue{color: #b3b3b3;padding-left: 15px;clear: both;}
.head-con .four-link{width: 648px;margin: 47px auto 0px;}
.head-con .four-link span{color: #41d9f9}
.head-con .four-link a{ display: inline-block; width: 91px; height: 91px; border-radius: 50%; text-align: center; line-height: 130px; color: #DFDFDF; background: #1b3f70; position: relative; margin-right: 90px; }
.head-con .four-link a:last-child{margin-right: 0px;}
.head-con .four-link a:first-child+a img{left: 33px}
.head-con .four-link a img{position: absolute;top:18px;left: 30px;}
.head-con .four-link a:hover{background: #142d51;}

.middle-con{background: #FFFFFF;margin-top: 13px;}
.my-collection .my{margin: 8px 0px 12px -4px;}
.my-collection .my span{display: inline-block;width: 112px;height: 24px;background: #6EC4F2 url('../images/tool/gerosi.png') no-repeat 7px;padding-left: 30px;font-size: 16px;color: #ffffff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.my-collection a.more{margin-right: 4px;float: right;font-size: 16px;color: #B3B3B3;margin-top: 6px;}
.my-collection a.setup{margin-right: 17px;float: right;font-size: 16px;color: #B3B3B3;margin-top: 6px;}
.my-collection a.cancel{margin-right: 17px;float: right;font-size: 16px;color: #B3B3B3;margin-top: 6px;display: none;}
.my-collection a.saveok{margin-right: 17px;float: right;font-size: 16px;color: #B3B3B3;margin-top: 6px;display: none;}
.collection-list ul{float: left;padding-left: 9px;}
.collection-list ul li{width: 220px;height: 105px;border: 1px solid #E7EBED;padding: 15px;position: relative;float: left;margin-right: 16px;margin-bottom: 10px;}
.collection-list ul li a{color: #333;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 150px;*/display: inline-block;}
.collection-list ul li a img{width: 32px;height: 32px;border-radius: 5px; border: 1px solid #E7EBED;}
.collection-list ul li a span{color: #333333;font-size: 18px;margin-left: 8px;}
.collection-list ul li i{display: none;width: 18px;height: 18px;background: url('../images/tool/minus.png') no-repeat center;position: absolute;top: 5px;top: -8px;right: -8px;cursor: pointer;}
.b-shadow{box-shadow: 1px 1px 3px 0 #c2471f;}
.hot-tools{height: 108px;margin-bottom: 44px;}
.hot-tools .con-left{float: left;width: 220px;line-height: 105px;border: 1px solid #ebebeb;background: #F7F7F7;}
.hot-tools .con-left img{margin: 0px 11px 0px 16px;}
.hot-tools .con-left span{font-size: 18px;color: #61A6D6;}
.hot-tools .con-right{float: left;width: 970px;height: 108px;border-top: 1px solid #ebebeb;}
.hot-tools .con-right ul{float: left;}
.hot-tools .con-right ul li{float: left;width: 161.67px;height: 53.5px;line-height: 53px;border: 1px solid #ebebeb;border-top: none;border-left: none;}
.hot-tools .con-right ul li a{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 150px;}
.hot-tools .con-right ul li a img{margin: 0px 7px 0px 14px;width: 16px;height: 16px;}
.hot-tools .seemore{font-size: 12px;color: #B3B3B3;}
.view-more{text-align: center;margin-bottom: 30px;}
.view-more a{color: #B3B3B3;display: inline-block;width: 130px;height: 34px;line-height: 34px;text-align: center;background: #F2F2F2;border-radius:20px;}
.historybox{width: 680px;height: auto;max-height: 310px;overflow: hidden;background: #fff;border: 1px solid #dfdfdf;margin-top: 5px;position: absolute;top: 55px;z-index: 999;}
.historybox li{line-height: 30px;height: 30px;padding: 0px 5px;}
.historybox .hurl{display: inline-block;width: 90%;}
.historybox span.del-span{cursor: pointer;text-align: center;display: inline-block;width: 8%;}
.hide{display: none;}


.datalist ul li .bottom-show{position: absolute;bottom:0px;left: 0px;background: #F1F6FA;height: 33px;width: 100%;padding-left: 10px;line-height: 33px;display: none;}
.datalist ul li .bottom-show span.views{display: inline-block;background: url('../images/tool/eye.png') no-repeat 10px;padding-left: 30px;color: #9fadc7;}
.datalist ul li .bottom-show span.yellow-xing{display: inline-block;background: url('../images/tool/yellow-xing.png') no-repeat 10px;padding-left: 30px;color: #ff6633;cursor: pointer;}
.datalist ul li .bottom-show span.gray-xing{display: inline-block;background: url('../images/tool/gray-xing.png') no-repeat 10px;padding-left: 30px;color: #9fadc7;cursor: pointer;}



.info-top span.webname {font-size: 18px;color: #31708f;display: inline-block;float: right;width: 140px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info-top .info-title p{font-size: 12px;margin-top: 10px;color: #b3b3b3;}
.detail-link {
    position: absolute;
    right: 12px;
    bottom: 3px;
    display: inline-block;
    width: 44px;
    height: 22px;
    line-height: 22px;
    background: #6ec4f2;
    color: #fff !important;
    text-align: center;
    border-radius: 3px;
}
.hot-tools span.tl{color: #61A6D6;font-size: 16px;}