@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: 30px;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;width: 100%;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;}