@charset "utf-8";
body{background: #f4f4f4;}
.el_headers{background:#fff;}

.label-box{
    /* width: 200px; */
    /* float: left; */
    background: #fff;
}
.count{
    float: right;
    width: 1010px;
	margin-top: 15px;
}
.label-tab:after { content: ""; display: block; clear: both; }
.label-tab a { float: left; color: #333; font-size: 16px; font-weight: bold; padding: 0 36px 0 66px; border: solid 1px #eaeaea; height: 50px; line-height: 50px; position: relative; border-bottom: none; transition: all .1s ease; }
.main.glo-cen {margin: 40px auto;width: 1200px;overflow: hidden;}
.label-tab a:before { width: 23px; height: 16px; content: ""; position: absolute; top: 50%; left: 32px; transform: translateY(-50%); background: url(../images/jlt.png) -23px 0 no-repeat; }
.label-tab { border-bottom: 2px solid #f58021; }
.label-tab a.active,.label-tab a:hover { color: #f58021; font-size: 18px; box-shadow: 0px 0px 13px 0px    rgba(0, 0, 0, 0.1); height: 58px; margin-top: -8px; line-height: 58px; }
.label-tab a:nth-of-type(2):before { background-position-x: -51px; width: 16px; height: 16px; left: 38px; }
.label-tab a:nth-of-type(3):before { background-position-x: -72px; width: 17px; height: 18px; left: 38px; }
.label-tab a:nth-of-type(4):before { background-position-x: -94px; width: 14px; height: 17px; left: 40px; }
.label-tab a:hover:before,.label-tab a.active:before { background-position-y: -21px; }
.software-list li:hover .item-tit h5 { font-weight: bold; }

.cate-box{overflow:hidden;}
/* label */
.label-count {padding: 25px 20px;}
.label-tip { float: left; color: #999; font-size: 14px; height: 28px; line-height: 28px; }
.type-box {overflow: hidden;margin-top: 15px;float: left;width: 180px;background: #fff;}
.sort-box { overflow: hidden; }
.sort-list { float: left; }
.sort-list a { float: left; height: 28px; background: #ffffff; border: solid 1px #ec3838; line-height: 28px; color: #ec3838; padding: 0 25px 0 10px; font-size: 14px; position: relative; transition: all .3s ease; margin-left: 15px; }
.sort-list a:after { content: ""; position: absolute; top: 50%; right: 8px; width: 10px; height: 10px; transform: translateY(-50%); background: url(../images/jlt.png) 0 -70px no-repeat; transition: all .3s ease; }
.sort-list a.active,.sort-list a:hover { background: #ec3838; color: #fff; }
.sort-list a.active:after, .sort-list a:hover:after { background-position-y: -60px; }
.type-box .label-tip {height: 35px;line-height: 35px;margin-top: 15px;display: none;}
.type-list {/* float: left; *//* width: 1100px; */padding: 10px 0;}
.type-list a {padding: 0 17px;text-align: center;line-height: 40px;height: 40px;font-size: 14px;color: #333;transition: all .3s ease;display: block;}
.type-list a.active,.type-list a:hover { color: #fff; background: #ec3838; }

/* list */
.software-list {overflow: hidden;}
.software-list li {float: left;width: 251px;overflow: hidden;position: relative;margin-top: 1px;margin-left: 1px;background: #fff;}
.item-tit {position: absolute;top: 20px;right: 10px;}
.item-tit h5 {height: 24px;line-height: 24px;font-size: 14px;color: #333;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 143px;font-weight: bold;}
.item-tit em {float: right;height: 50px;line-height: 50px;color: #999;font-size: 18px;display: none;}
.item-tit em b { font-size: 24px; color: #db3b3b; }
.item-count img {display: block;width: 70px;height: 70px;border-radius: 10px;transition: all 0.3s linear;}
.item-count-r {/* float: left; *//* width: 144px; *//* margin-left: 10px; */}
.img-box {float: left;margin-right: 10px;width: 70px;height: 70px;overflow: hidden;}
.software-list li:hover .img-box img{
    transform: scale(1.1);
    transition: all 0.3s linear;
}
.item-count {overflow: hidden;margin: 20px;}
.item-info span {display: block;color: #999;font-size: 12px;margin-top: 0;height: 22px;line-height: 22px;overflow: hidden;}
.item-info {overflow: hidden;margin-top: 24px;}
.item-info span em { color: #333; }
.item-info span:first-child em{
    width: 72px;
    height: 24px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 12px;
    margin-left: 5px;
}
.item-info span a {color: #2985de;margin-left: 5px;}
.item-btn {display: block;width: 108px;height: 36px;background-color: #2097f2;border-radius: 5px;text-align: center;line-height: 36px;color: #fff;margin-top: 8px;font-size: 14px;display: none;}
.item-tip {display: block;color: #333;font-size: 12px;line-height: 26px;height: 52px;overflow: hidden;margin: 20px 18px;display: none;}
.item-btn:hover { color: #fff; background: #187ac5; }
/* pager */
.pager{ margin-top:50px; height:30px; line-height:30px; text-align:center; font-size:14px; padding: 20px 20px 20px 0; overflow: hidden; zoom: 1; width: 100%; }
.pager a{ background:#e8e8e8; padding: 5px 11px; margin: 0 6px 0 0; color: #666; border: 1px solid #d7d7d7; }
.pager a:hover{ color:#fff; background:#c03131; text-decoration:none; }
.pager span{ padding: 4px 10px; margin: 0 1px 0 0; background: #c03131; color:#fff; }
.pager b.sele{ color:#fff; background:#c03131; text-decoration:none; padding: 4px 10px; margin: 0 3px 0 0; }
.pager b.total{ color:#999; font-weight:normal; }
.pager b.selected{ background: #c03131; border: 1px solid #c03131; color:#fff; padding: 5px 11px; margin: 0 6px 0 0; }
.pager strong.total{ color: #888; font-weight:normal; }



.left-box {
    float:left;
    width: 160px;
    background: #fff;
    padding: 8px 0;
}

.left-box li.active a {
    color: #CE0212;
}

.left-box li a {
    display: block;
    width: 100%;
    padding: 8px 0;
    color: #333333;
    text-align: center;
}