@charset "utf-8";

.gameTags {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}

.gameTags>i {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    height: 18px;
    width: 18px;
    transform: rotate(45deg);
    background-color: #fff;
}

.gameTags .line {
    width: 100%;
    height: 1px;
    background-color: red;
    background-image: linear-gradient(to right, #fec798, #9614c8);
}

.gameTags .tags_wrap {
    width: 1200px;
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
}

.gameTags .tags_wrap ul,
.tags_wrap li {
    overflow: hidden;
    zoom: 1;
}

.gameTags .tags_wrap ul {
    width: 1300px;
    padding: 31px 0 16px;
}

.gameTags .tags_wrap ul>i {
    float: left;
    display: block;
    font-size: 20px;
    color: #ccc;
    font-weight: bold;
    line-height: 52px;
    width: 26px;
    height: 52px;
    text-align: center;
}

.gameTags .tags_wrap li {
    float: left;
    width: 176px;
    height: 50px;
    border: 1px solid #fd8042;
    border-radius: 2px;
    margin-bottom: 16px;
    text-align: center;
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    background-size: 5px 5px;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%, transparent 75%, transparent);
}

.gameTags .tags_wrap li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    zoom: 1;
}

.gameTags .tags_wrap li p {
    float: left;
    line-height: 12px;
    font-size: 14px;
    color: #999;
    max-width: 100px;
}

.gameTags .tags_wrap li p span {
    overflow: hidden;
    white-space: nowrap;
}

.gameTags .tags_wrap li p span {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.gameTags .tags_wrap li i {
    float: left;
    display: inline-block;
    width: 25px;
    height: 26px;
    margin: 0 12px 0 33px;
    position: relative;
}

.gameTags .tags_wrap li:nth-of-type(1) {
    border-color: #e7a4f3;
}

.gameTags .tags_wrap li:nth-of-type(2) {
    border-color: #7fdddc;
}

.gameTags .tags_wrap li:nth-of-type(3) {
    border-color: #cbb5f3;
}

.gameTags .tags_wrap li:nth-of-type(4) {
    border-color: #f4aaaa;
}

.gameTags .tags_wrap li:nth-of-type(5) {
    border-color: #c6dd94;
}

.gameTags .tags_wrap li:nth-of-type(6) {
    border-color: #ffc933;
}

.gameTags .tags_wrap li:nth-of-type(7) {
    border-color: #93c3ff;
}

.gameTags .tags_wrap li:nth-of-type(8) {
    border-color: #7bd58e;
}

.gameTags .tags_wrap li:nth-of-type(9) {
    border-color: #7cd7fd;
}

.gameTags .tags_wrap li:nth-of-type(10) {
    border-color: #ff8c5e;
}

.gameTags .tags_wrap li:nth-of-type(11) {
    border-color: #eaafe0;
}

.gameTags .tags_wrap li:nth-of-type(12) {
    border-color: #d9d9d9;
}

.gameTags .tags_wrap li:nth-of-type(n+12) {
    border-color: #d9d9d9;
}

.gameTags .tags_wrap li:nth-of-type(1):hover,
.gameTags .tags_wrap li:nth-of-type(1).current {
    background-color: #f4d0fb;
}

.gameTags .tags_wrap li:nth-of-type(2):hover,
.gameTags .tags_wrap li:nth-of-type(2).current {
    background-color: #bdefee;
}

.gameTags .tags_wrap li:nth-of-type(3):hover,
.gameTags .tags_wrap li:nth-of-type(3).current {
    background-color: #e1d4f8;
}

.gameTags .tags_wrap li:nth-of-type(4):hover,
.gameTags .tags_wrap li:nth-of-type(4).current {
    background-color: #ffe3e8;
}

.gameTags .tags_wrap li:nth-of-type(5):hover,
.gameTags .tags_wrap li:nth-of-type(5).current {
    background-color: #e8f2d3;
}

.gameTags .tags_wrap li:nth-of-type(6):hover,
.gameTags .tags_wrap li:nth-of-type(6).current {
    background-color: #fff1c8;
}

.gameTags .tags_wrap li:nth-of-type(7):hover,
.gameTags .tags_wrap li:nth-of-type(7).current {
    background-color: #d5eafe;
}

.gameTags .tags_wrap li:nth-of-type(8):hover,
.gameTags .tags_wrap li:nth-of-type(8).current {
    background-color: #e7f8ec;
}

.gameTags .tags_wrap li:nth-of-type(9):hover,
.gameTags .tags_wrap li:nth-of-type(9).current {
    background-color: #d6f2fd;
}

.gameTags .tags_wrap li:nth-of-type(10):hover,
.gameTags .tags_wrap li:nth-of-type(10).current {
    background-color: #ffece4;
}

.gameTags .tags_wrap li:nth-of-type(11):hover,
.gameTags .tags_wrap li:nth-of-type(11).current {
    background-color: #fdebfa;
}

.gameTags .tags_wrap li:nth-of-type(12):hover,
.gameTags .tags_wrap li:nth-of-type(12).current {
    background-color: #f6f6f6;
}

.gameTags .tags_wrap li:nth-of-type(n+12):hover,
.gameTags .tags_wrap li:nth-of-type(n+12).current {
    background-color: #f6f6f6;
}

.gameTags .tags_wrap li:nth-of-type(1) i {
    width: 25px;
    height: 20px;
    background-position: -7px -56px;
    top: 15px;
}

.gameTags .tags_wrap li:nth-of-type(2) i {
    width: 23px;
    height: 22px;
    background-position: -50px -56px;
    top: 14px;
}

.gameTags .tags_wrap li:nth-of-type(3) i {
    width: 24px;
    height: 24px;
    background-position: -91px -56px;
    top: 13px;
}

.gameTags .tags_wrap li:nth-of-type(4) i {
    width: 23px;
    height: 23px;
    background-position: -133px -56px;
    top: 13.5px;
}

.gameTags .tags_wrap li:nth-of-type(5) i {
    width: 24px;
    height: 23px;
    background-position: -174px -56px;
    top: 13.5px;
}

.gameTags .tags_wrap li:nth-of-type(6) i {
    width: 24px;
    height: 24px;
    background-position: -258px -56px;
    top: 13px;
}

.gameTags .tags_wrap li:nth-of-type(7) i {
    width: 23px;
    height: 26px;
    background-position: -300px -56px;
    top: 12px;
}

.gameTags .tags_wrap li:nth-of-type(8) i {
    width: 19px;
    height: 24px;
    background-position: -341px -56px;
    top: 13px;
}

.gameTags .tags_wrap li:nth-of-type(9) i {
    width: 22px;
    height: 22px;
    background-position: -378px -56px;
    top: 14px;
}

.gameTags .tags_wrap li:nth-of-type(10) i {
    width: 22px;
    height: 22px;
    background-position: -418px -56px;
    top: 14px;
}

.gameTags .tags_wrap li:nth-of-type(11) i {
    width: 24px;
    height: 23px;
    background-position: -572px -210px;
    top: 13.5px;
}

.gameTags .tags_wrap li:last-of-type p {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
    line-height: 50px;
    margin: auto;
}


.applyTags {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
}

.applyTags>i {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    height: 18px;
    width: 18px;
    transform: rotate(45deg);
    background-color: #fff;
}

.applyTags .line {
    width: 100%;
    height: 1px;
    background-color: red;
    background-image: linear-gradient(to right, #fec798, #9614c8);
}

.applyTags .tags_wrap {
    width: 1200px;
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
}

.applyTags .tags_wrap ul,
.tags_wrap li {
    overflow: hidden;
    zoom: 1;
}

.applyTags .tags_wrap ul {
    width: 1300px;
    padding: 31px 0 16px;
}

.applyTags .tags_wrap ul>i {
    float: left;
    display: block;
    font-size: 20px;
    color: #ccc;
    font-weight: bold;
    line-height: 52px;
    width: 26px;
    height: 52px;
    text-align: center;
}

.applyTags .tags_wrap li {
    float: left;
    width: 176px;
    height: 50px;
    border: 1px solid #fd8042;
    border-radius: 2px;
    margin-bottom: 16px;
    text-align: center;
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    background-size: 5px 5px;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%, transparent 75%, transparent);
}

.applyTags .tags_wrap li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    zoom: 1;
}

.applyTags .tags_wrap li p {
    float: left;
    line-height: 12px;
    font-size: 14px;
    color: #999;
    max-width: 100px;
}

.applyTags .tags_wrap li p span {
    overflow: hidden;
    white-space: nowrap;
}

.applyTags .tags_wrap li p span {
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    color: #666;
}

.applyTags .tags_wrap li i {
    float: left;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 12px 0 33px;
    position: relative;
}

.applyTags .tags_wrap li:nth-of-type(1) {
    border-color: #86bcff;
}

.applyTags .tags_wrap li:nth-of-type(2) {
    border-color: #ff986f;
}

.applyTags .tags_wrap li:nth-of-type(3) {
    border-color: #7fdddc;
}

.applyTags .tags_wrap li:nth-of-type(4) {
    border-color: #ffc933;
}

.applyTags .tags_wrap li:nth-of-type(5) {
    border-color: #f4aaaa;
}

.applyTags .tags_wrap li:nth-of-type(6) {
    border-color: #c6dd94;
}

.applyTags .tags_wrap li:nth-of-type(7) {
    border-color: #e7a4f3;
}

.applyTags .tags_wrap li:nth-of-type(8) {
    border-color: #89da9a;
}

.applyTags .tags_wrap li:nth-of-type(9) {
    border-color: #bfa4ef;
}

.applyTags .tags_wrap li:nth-of-type(10) {
    border-color: #7cd7fd;
}

.applyTags .tags_wrap li:nth-of-type(11) {
    border-color: #da557c;
}

.applyTags .tags_wrap li:nth-of-type(12) {
    border-color: #52bea6;
}

.applyTags .tags_wrap li:nth-of-type(13) {
    border-color: #81a0d7;
}

.applyTags .tags_wrap li:nth-of-type(n+13) {
    border-color: #81a0d7;
}

.applyTags .tags_wrap li:nth-of-type(1):hover,
.applyTags .tags_wrap li:nth-of-type(1).current {
    background-color: #e0effd;
}

.applyTags .tags_wrap li:nth-of-type(2):hover,
.applyTags .tags_wrap li:nth-of-type(2).current {
    background-color: #fdf1eb;
}

.applyTags .tags_wrap li:nth-of-type(3):hover,
.applyTags .tags_wrap li:nth-of-type(3).current {
    background-color: #d5fdfd;
}

.applyTags .tags_wrap li:nth-of-type(4):hover,
.applyTags .tags_wrap li:nth-of-type(4).current {
    background-color: #fdf3d7;
}

.applyTags .tags_wrap li:nth-of-type(5):hover,
.applyTags .tags_wrap li:nth-of-type(5).current {
    background-color: #fceef0;
}

.applyTags .tags_wrap li:nth-of-type(6):hover,
.applyTags .tags_wrap li:nth-of-type(6).current {
    background-color: #f1f9e0;
}

.applyTags .tags_wrap li:nth-of-type(7):hover,
.applyTags .tags_wrap li:nth-of-type(7).current {
    background-color: #f7ecf8;
}

.applyTags .tags_wrap li:nth-of-type(8):hover,
.applyTags .tags_wrap li:nth-of-type(8).current {
    background-color: #def1e3;
}

.applyTags .tags_wrap li:nth-of-type(9):hover,
.applyTags .tags_wrap li:nth-of-type(9).current {
    background-color: #efe9f8;
}

.applyTags .tags_wrap li:nth-of-type(10):hover,
.applyTags .tags_wrap li:nth-of-type(10).current {
    background-color: #ebf9fe;
}

.applyTags .tags_wrap li:nth-of-type(11):hover,
.applyTags .tags_wrap li:nth-of-type(11).current {
    background-color: #f9ebef;
}

.applyTags .tags_wrap li:nth-of-type(12):hover,
.applyTags .tags_wrap li:nth-of-type(12).current {
    background-color: #ecf7f4;
}

.applyTags .tags_wrap li:nth-of-type(13):hover,
.applyTags .tags_wrap li:nth-of-type(13).current {
    background-color: #eaeff8;
}

.applyTags .tags_wrap li:nth-of-type(n+13):hover,
.applyTags .tags_wrap li:nth-of-type(n+13).current {
    background-color: #eaeff8;
}

.applyTags .tags_wrap li:nth-of-type(1) i {
    width: 28px;
    height: 28px;
    background-position: -279px -171px;
    top: 11px;
}

.applyTags .tags_wrap li:nth-of-type(2) i {
    width: 28px;
    height: 25px;
    background-position: -317px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(3) i {
    width: 26px;
    height: 24px;
    background-position: -355px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(4) i {
    width: 26px;
    height: 26px;
    background-position: -391px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(5) i {
    width: 26px;
    height: 26px;
    background-position: -427px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(6) i {
    width: 28px;
    height: 24px;
    background-position: -463px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(7) i {
    width: 28px;
    height: 26px;
    background-position: -501px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(8) i {
    width: 26px;
    height: 24px;
    background-position: -539px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(9) i {
    width: 24px;
    height: 24px;
    background-position: -575px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(10) i {
    width: 26px;
    height: 25px;
    background-position: -609px -171px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(11) i {
    width: 27px;
    height: 28px;
    background-position: -608px -207px;
    top: 12px;
}

.applyTags .tags_wrap li:nth-of-type(12) i {
    width: 26px;
    height: 27px;
    background-position: -645px -171px;
    top: 11px;
}

.applyTags .tags_wrap li:nth-of-type(13) i {
    width: 28px;
    height: 28px;
    background-position: -645px -208px;
    top: 11px;
}

.applyTags .tags_wrap li:nth-of-type(n+13) i {
    width: 26px;
    height: 27px;
    background-position: -645px -208px;
    top: 11px;
}

.applyTags .tags_wrap li:last-of-type p {
    display: block;
    max-width: 100%;
    text-align: center;
    line-height: 50px;
    margin: auto;
}

.softWareList {
    background-color: #f4f4f4;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.softWareList ul,
.softWareList ul li {
    overflow: hidden;
    zoom: 1;
}

.softWareList ul {
    width: 1300px;
    padding-top: 23px;
}

.softWareList ul li {
    position: relative;
    float: left;
    width: 330px;
    height: 108px;
    padding: 25px;
    border-radius: 4px;
    border: 1px solid #ededed;
    background-color: #fff;
    margin: 0 26px 23px 0;
}

.softWareList li>a,
.softWareList li>div,
.softWareList li>p {
    display: block;
    float: left;
}

.softWareList li>a img {
    width: 108px;
    height: 108px;
    border-radius: 16px;
    margin-right: 16px;
}

.softWareList li>div {
    width: 206px;
    height: 108px;
    overflow: hidden;
}

.softWareList li>div a {
    display: block;
    width: 146px;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
}

.softWareList li>div p {
    font-size: 14px;
    color: #858585;
    line-height: 22px;
}

.softWareList li>div p span {
    color: #454545;
}

.softWareList li>div p:last-of-type {
    margin-top: 3px;
}

.softWareList li .down {
    position: absolute;
    display: block;
    top: 27px;
    right: -2px;
    font-size: 12px;
    color: #666;
    line-height: 24px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    width: 78px;
    text-align: center;
}

.softWareList li .down.no:hover {
    background-color: #b9d317;
    border-color: #b9d317;
    color: #fff;
}

.softWareList li>p {
    display: block;
    height: 70px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    margin-top: 20px;
}

.softWareList ul li:hover {
    box-shadow: 0px 20px 12px -20px #e0e0e0;
}

.softWareList ul li:hover .down {
    background-color: #ff7800;
    color: #fff;
    border-color: #ff7800;
}

.softWareList ul li:hover .down.no {
    background-color: #b9d317;
    color: #fff;
    border-color: #b9d317;
}

.softWareList li .down:hover {
    background-color: #ff7800;
    color: #fff;
    border-color: #ff7800;
}

.softWareList li:hover div a {
    color: #fd8042;
}

.softWareList li>a img:hover {
    opacity: 0.9;
}

.softWareList li a.no:hover {
    background-color: #b9d317;
    border-color: #b9d317;
    color: #fff;
}

.softWareList li:hover {
    -moz-box-shadow: 0px 0px 5px #ededed;
    -webkit-box-shadow: 0px 0px 5px #ededed;
    box-shadow: 0px 0px 5px #ededed;
}