.m-title-box{ width: auto; height: 45px; margin: 0 15px; display:block; overflow: hidden; position: relative;}
.m-title-box .u-icon{ width: 22px; height: 25px; background: url(/skin/file/images/softindex-icon.png) no-repeat; float: left; margin: 7px 10px 0 0; display: inline; overflow: hidden;}
.m-title-box .u-icon-2{ height: 22px; background-position: 0 -63px; margin-top: 9px}
.m-title-box .u-icon-3{ height: 22px; background-position: 0 -122px; margin-top: 9px}
.m-title-box strong{ width: auto; height: 40px; line-height: 40px; font-size: 18px; font-weight: normal; color:#009bff; float: left; display: inline; overflow: hidden;}
.m-title-box .m-title-btn{ width: auto; height: auto; float: left; margin: 0 0 0 50px; display: inline; overflow: hidden;}
.m-title-box .m-title-btn li{ width: auto; height: auto; float: left; margin: 0 20px 0 0; display: inline; overflow: hidden; cursor: pointer;}
.m-title-box .m-title-btn li b{ width: 82px; height: 37px; line-height: 37px; font-size: 16px; font-weight: normal; color: #666; text-align: center; border: 1px solid #eee; border-bottom: 2px solid #eee; background: #fafafa; display:block; overflow: hidden;}
.m-title-box .m-title-btn li i{ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #009bff; display:none; overflow: hidden; margin: auto;}
.m-title-box .u-solid{ width: 100%; height: 2px; background: #009bff; display: block; overflow: hidden; position: absolute; left: 0; top: 38px; z-index: 5;}
.m-title-box .m-title-btn li.f-hover b{ background: #009bff; color: #fff; border-color: #009bff;}
.m-title-box .m-title-btn li.f-hover i{ display:block}
.m-title-box .u-title-more{ width: auto; height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; color: #999; float: right; display: inline; overflow: hidden;}

.g-usesoft-box{ background:#fff; margin-top:15px; padding: 15px 0;}
.g-usesoft-box .m-usesoft-cont{ width: 100%; height: auto; display:block; overflow: hidden;}
.g-usesoft-box .m-usesoft-cont a{ width: 278px; height: auto; float: left; margin: 25px 0 0 15px; display: inline; overflow: hidden;}
.g-usesoft-box .m-usesoft-cont a .u-face{ width: 68px; height: 68px; border-radius: 15px; float: left; margin: 0 17px 0 0; display: inline; overflow: hidden;}
.g-usesoft-box .m-usesoft-cont a strong{ width: 178px; height: 18px; line-height: 18px; font-size: 16px; font-weight: normal; color: #333; float: left; margin: 4px 0 0; display: inline; overflow: hidden;}
.g-usesoft-box .m-usesoft-cont a .u-rank{ width: auto; height: 14px; float: left; margin:7px 0 0 0; display: inline; overflow: hidden;}
.g-usesoft-box .m-usesoft-cont a em{ width: 178px; height: 16px; line-height: 16px; font-size: 14px; font-weight: normal; color: #999; float: left; margin: 4px 0 0; display: inline; overflow: hidden;}
.g-usesoft-box .m-usesoft-cont a:hover strong{ color: #009bff}
.g-usesoft-box .m-usesoft-cont:nth-child(n+3){ display:none}


.g-softclass-box{ background:#fff; margin-top:15px; padding: 15px 0;}
.g-softclass-box .m-class-cont{ width: 1168px; height: auto; border: 1px solid #eee; margin: 22px auto 0; padding: 0 0 15px 0; display:block; overflow: hidden;}
.g-softclass-box .m-class-cont .u-class-h3{ width: 1126px; height: 22px; line-height: 22px; font-size: 18px; font-weight: bold; color: #222; margin: 20px auto 0; display:block; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-link{ width: 1154px; height: auto; margin: 5px auto 0; display:block; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-link a{ width: 98px; height: 34px; line-height: 34px; font-size: 14px; font-weight: normal; color: #999; text-align: center; border: 1px solid #eee; background: #fdfdfd; float: left; margin: 15px 0 0 14px; display: inline; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-link a:hover{ color: #fff; background: #009bff; border-color: #009bff; text-decoration: none}
.g-softclass-box .m-class-cont .m-class-down{ width: 1126px; height: auto; margin: 20px auto 0; border-top:1px dotted #eee; display:block; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-down a{ width: 281px; height: auto; float: left; margin: 20px 0 0 0; display: inline; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-down a .u-face{ width: 46px; height: 46px; border-radius: 8px; float: left; margin: 0 14px 0 0; display: inline; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-down a strong{ width: 178px; height: 18px; line-height: 18px; font-size: 14px; font-weight: normal; color: #333; float: left; margin: 4px 0 0; display: inline; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-down a em{ width: 178px; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; color: #999; float: left; margin: 4px 0 0; display: inline; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-down a:hover strong{ color: #009bff}

.g-softclass-box .m-class-cont .m-class-key{ width: 100%; height: auto; display:block; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-key a{ width: 265px; height: auto; float: left; margin: 26px 0 0 20px; display: inline; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-key a img{ width: 100%; height: 140px; display:block; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-key a strong{ width: 100%; height: 17px; line-height: 17px; font-size: 15px; font-weight: normal; color: #333; text-align: center; margin: 14px 0 0; display: block; overflow: hidden;}
.g-softclass-box .m-class-cont .m-class-key a:hover strong{ color: #009bff; text-decoration: none}

.g-newdown-box{ background:#fff; margin-top:15px; padding: 15px 0;}
.g-newdown-box .m-newdown-az{ width: 100%; height: auto; margin: 0; display:block; overflow: hidden;}
.g-newdown-box .m-newdown-az a{ width: 182px; height: auto; float: left; margin: 30px 0 0 15px; display: inline; overflow: hidden;}
.g-newdown-box .m-newdown-az a .u-face{ width: 56px; height: 56px; border-radius: 8px; float: left; margin: 0 11px 0 0; display: inline; overflow: hidden;}
.g-newdown-box .m-newdown-az a strong{ width: 113px; height: 18px; line-height: 18px; font-size: 14px; font-weight: normal; color: #333; float: left; margin: 2px 0 0; display: inline; overflow: hidden;}
.g-newdown-box .m-newdown-az a em{ width: 113px; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; color: #999; float: left; margin: 1px 0 0; display: inline; overflow: hidden;}
.g-newdown-box .m-newdown-az a:hover strong{ color: #009bff}

.g-newdown-box .m-newdown-pc{width: 100%; height: auto; margin:8px 0 0; display:block; overflow: hidden;}
.g-newdown-box .m-newdown-pc li{ width: 385px; height: auto; float: left; margin: 14px 0 0 15px; display: inline; overflow: hidden;}
.g-newdown-box .m-newdown-pc li .u-face{ width: 18px; height: 18px; float: left; margin: 0; display: inline; overflow: hidden;}
.g-newdown-box .m-newdown-pc li a{ width: 260px; height: 18px; line-height: 18px; font-size: 14px; font-weight: normal; color: #222; float: left; margin: 0 0 0 8px; display: inline; overflow: hidden;}
.g-newdown-box .m-newdown-pc li em{ width: 70px; height: 18px; line-height: 18px; font-size: 14px; font-weight: normal; color: #999; text-align: right; float: left; margin: 0 0 0 8px; display: inline; overflow: hidden;}