@charset "utf-8";

.left-wrapper {width: 835px;float: left;}
.left-wrapper .section{padding: 0 20px;}
.left-wrapper .left-title {padding: 15px 0;border-bottom: 1px solid #eeeeee;}
.left-wrapper .left-title .title {padding-left: 8px;line-height: 20px;font-size: 18px;border-left: 4px solid #17b1f2;color: #333;height: auto;}
.left-wrapper .left-title .title .more {float: right;font-size: 12px;color: #17b1f2;}
.appInfo{ width:100%;padding-bottom: 30px;}
.appTitle{display: flex;width: 100%;justify-content: space-between;}
.appName{margin-left: 15px;margin-top: 15px; max-width:700px; height:29px; line-height:29px; overflow:hidden;}
.appName h1{ float:left; font-size:25px; font-weight:bold; color:#333333;}
.appName p{ float:left; color:#999999; margin:0px 0px 0px 15px;}
.appPercent {flex-shrink: 0;}
.appPercent p{display: block;width: 102px;height: 43px;line-height: 40px;text-align: center;background: url(../images/bg26.png) no-repeat 0px 0px;color: #FFFFFF;text-decoration: none;}
.appCont{display: flex; width:100%; margin-top: 20px;}
.appImg{ width:130px; height:130px; margin-left: 15px;}
.appImg img{ width: 100%;height: 100%; border-radius:15px;}
.appMiddle{flex: 1;margin-left: 20px;}
.appList{display: flex;flex-wrap: wrap; margin-top:3px;}
.appList li{width: 163px; margin-top:10px;color: #333333;height: 20px;line-height: 20px;overflow: hidden;}
.appList li span{color: #999;}
.appList li.type a {color: #17b1f2;margin-right: 5px;}
.appList li.tags {width: 100%;display: flex;flex-wrap: wrap;}
.appList li.tags a {background-color: #f6f6f6;border: 1px solid #f6f6f6; color: #aaa;border-radius: 10px;padding: 0 10px;height: 20px;line-height: 20px;font-size: 12px;margin-right: 20px;box-sizing: border-box;}
.appList li.tags a:hover {color: #fff;border-color: #17b1f2;background-color: #17b1f2;}
.appCode{flex-shrink: 0; width:135px; height:131px; border-left:1px solid #F0F0F0;margin-right: 25px;}
.appCodeIn{ width:110px; margin-left:25px;}
.appCodeIn img{ width:110px; height:110px;}
.appCodeIn p{ font-size:12px; color:#999999; text-align:center; margin-top:8px;}
.game-down-container {display: flex;margin-top: 12px;/* justify-content: center; */margin-left: 145px;}
.game-down {position: relative;width: 140px;height: 40px;margin-right: 25px;}
.game-down:first-of-type {margin-left: 0px;}
.game-down.box {width: 300px;}
.game-down.box .small-text {display: inline-block; font-size: 12px;margin-left: 10px;}
.game-down .download-button, .game-down .empty {display: block;width: 100%;height: 100%;color: #ffffff;font-size: 16px;text-align: center;line-height: 40px;border-radius: 5px;}
.game-down .download-button .icon {display: inline-block;position: relative;width: 25px;height: 25px;margin-right: 8px;background-size: 100%;background-repeat: no-repeat;}
.game-down .download-button .icon.android {top: 5px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADc0lEQVRoQ+2aTahVVRTHf/9BiNIoUWhgGYnmZxhqgg/TwNRJ0NgPMD9mjSKcCL03tFEEjsSaFDgzUIQc+BEppVH0woeiUlTooBwEPsMc/GPdzn0cj+e+t88+j3f7uGt471prr//aa62919pHtCDb7wK/S3o/R43tvcACScM58iGjXMGQs/00cEvSnBw9tm8Dr0v6Oke+NYACxGHgvqSRrhG2A9A8YD4wLmmsaqDtt4GlkvblGj9dAJ4AvpO0zPZ+4ACwpsaoq8BF4KSkU7b/AFZIutVvAIuBQ8CuhoacCBlJ4w3lHmFvmwPrgE+ByIUcMjAk6VKOcKsQKipQdvWoGDxczqEmYLJ2YJqN79qbBaIxANs7gI8rXloLPAmcS/TeZuAecKXCv1PSJ4k6Omw5AC4AG8uLSJLtl4EvExdfL+kr25EDZfpc0iuJOpoDsP0a8FmPBa4DSxIXD95ZwMIa/q2SziTqabYDtj8E9qQqz+T7SNKbqbKNQsj2TeD5VOWZfN9LWpUq2xRANWZT12nEFzmVKpDMaHsRcCNVcUu+ZyX9lKKjFkCRrLGNv0g6HopsJ4NNWXgqnihsxbpROF4Azki6VpV7zCjbp4HtJca46m4DVjao81PZN9X/myWdtx3nyqaC+QFwRFLcYifoEQC25wK/1WiPq/L5mQQA3AVGK7aMSnpxMgCBtu407QeAONDq7lqbJMVh2qHqDvyTAIQt0bJWqRNeAwBTZWHL/+OyN9iBshP7kcSDHej3DvQqo/+aKjQAMAihFmdBnAP/zxCaHT0A8FTFe0NAzEBTxyYtnN8RnWwHnpH0c+1dKH60fRQoT4y/AdYDG2YYwEPgi4onxiQt73mdLgBE67gFiE4oOqCYJl+y3eum2tbbdfLdhiam3LuBsOly3UNIcpvYDwApnmkCYDUQ4TQT9JKkb1MWagIgXl1iLpQ7Sk+xJ3juRMhIup8ikAygyI+oDmdTFLfgeVVScrVrBKAAEVUgEjrewILq2r74feLNbBK+aA27/e2vMTiQFE9RydQYQFVzzYS5w1KdrvXgC4NjV7NpAGCwA4MQyk6fvwX/CyH0Q81T0Y+Sniv7xna8n8U7Wpnek3SwjQ+nowrF/LJ6FoxUL1623wI+qBjbeezrK4AijAJEfDoTdKzX5zO23wDeAf6MwW15xpkL4i9EApVAen8qVwAAAABJRU5ErkJggg==);}
.game-down .download-button .icon.ios {top: 4px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADx0lEQVRoQ9WaT4hWZRTGf89CU8RZiCYJYYGO5KJAKy1BHfIPkubGBgwlrcRNG1GnKAXdKGa00aBFBo6LklFQRxQlpxGlzASFSKhEMREXWqERKS6OnOF+MHO79773fnO5cz3w8i3e95zzPO+/e857PjHEYmbtwEpgMnBLUlsRSCoyuMyxZvYmsBF4qZ/d3seCgJl9BaxOmJBvJC0vMlGVr4CZXQaeSwG5TNLB2hIws5vAhBSAd4BWSX/XkoCZ7Qf8wKbJl5LWFAHvYyvZQma2GOgOgHtd0rG6EjgCLMkAt1XSlqLgq1yBu0BLCsAOSTubAV8JATObDlxIAfiRpO3Ngq+KwFzguxjIM8B2SccHA75KAg70d+AH4Kg3STZY8IUJmNlI4G1gEjAGeBL4KwJ2TtLFECgzGw28AswBfHXGR+0BcAVwsj2SfJWCkusaNbPhwIYIfGuG1fvAOeBbb5J+9LFm5h8vD9IWRc3Jh+QSsBfolOSTlChBAmb2DNAFvBjymNB/D7gGvNCEbkPlBrBJUmeSjUwCZjYLODsI52WqviXp67jBVAJmNhX4pUwEJdhaKOlkfzuJBCLwvo+fKsFpGSZ8K74r6UCuFTCz0Ke/DFB5bVwFVqXdSv9bgZyBV17nZYx7TVJP7luoZrP/iaQPsmZhwAqY2dPAH2VMWwk2/DswR5Lv/1SJE5gPDDjlJQBp1kSuBCdO4H1gV7MeS9ZbL+mzkM04gR1AR0ipov42Sb0hX3ECe4B3QkoV9bdI+ifkK07gELA0pFRR/1hJf4Z8xQl4Uu0RYx3keUk/h4DECfihWRdSqqi/XZJHwZkSJ7AW+CKkVFF/l6Ssd6Q+GHECSflrRXgT3bwqydPQVIkTGAH8N5SIY76Dq5AUzPkLgq9EXWSLpK1pYJIIfAqsrwv6CMduwAM7Ty8HSBKB2cDpmhFwOB5kOonP+2NLy8hOAAtqSMIh7ZH0XgNbGgGvnngVpY4yIMHJSurrdph9MrslvRHcQj7AzHzg4ZotwTxJp3IRiEjsA1bUhERighN62JoGfA88McQk/vX31KTgLs/Tor/ffzjEBLZJ+jgJQx4CwwC/VgtV0Esk7JeJv8g9bIpAdBbGAT8BE0sElsfUda/kS7qdO5RIG2hm/l+G3/J4LXGM1429MJIqwS3UX9PMXgb63vwrkBmSzof8FCIQbadnoyrKlAzjHsN7ocN/G/G8V2W8zYx+09R/9bRWktcVglKYQERiFOAhrhc9vArpW6uvKhNVZjLrX2bmfj1kb5SZ/LdBeLMkvzZzySNAkSNAFi8lSwAAAABJRU5ErkJggg==);}
.game-down .download-button .icon.box {top: 6px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAE00lEQVRoQ+2ZW6xdUxSGv19IEJeEEHF5KCESl74IEZdUpOUFQUIr7i3VSKjSKFF1aUq1iIRqo0UraD20LiFUGiIRl/BSPCBo3OqFRCTVB/HLaOY+WWedvdaaa699SKPj7Zw15z/+f445xxxzbLGTm3Zy/uwS8F9H8P8bAdv3AZMlndolCrY/BDZKunsQnNYRsH0S8AJwdHL4K3CKpG/aELB9FPARcGCa9zVwmaRP2uC0EmD7YWBOhYNzJG3McW57CvBWxdhHJN2agxNjsgTYPhN4ETi0AXiWpOV1Y2zPApY14PwMTJP0XpOQRgG2g9DMJqDC96WS5vYbb3sJcFsLrBWSbqgbXynA9rnAWmD/Fg57QzcEUUnfxj9sHwksBS4cAOt3YKqkN/vN7SvA9hrgigGcFadsLqx2kD+xI95zkq4sY4wSYDtW6CVg947OetP/SOdsnyHh/QVcIikivMPKAu4BFgzJ2U+SDk9b6EfgsCHh3ispeI4VkJx1FfE2sG/5grP9ARARmTygkG3AkiL5MRHoAdseRMRXwPuSrq0jaPtp4PTCRZijZwuwuky+UsAAkXhA0p05TAqLtAi4I2NOJflaAQVHrnHyWpQVkiLdtjbbU6N8AM6rmLxF0oQ64MaLLEWjLCLyexymSLedzXakx9i2RbKN5LMi0CcScZs+KOm3zswLALYPAOYBVwHbmla+NzUrAikKser7Ac8Ci8ZJQJyjHYWcpCxuWYNsfwkcU1iwXyLkklYMIwq2o9aKLXRIES9HRKMA258Dx1UQjWpxuaSoVFub7WlAVKdnVE1uElFXzD0BnAZMzGC2CtgqaX7G2Cju7k+lee2dUcBaJunGfthVxdxTwKVxo+YQSmO2A+skXV03x3acocDeswV2DF0p6brynDECbK8GxlR9LZx9BmyXdHJxju2PE+kTWmCVh66RFFlqxMrFXFxIsTrDsDjovQhGDTTqgHZwEFGOC3CHlQVELo5y+uwODopTY9XDRkWjA/amVE6P3EFVZyAOVxzMLhaZqfe0jMsvMk4Xmy4pCsFRVpeF4pBFNKrqlDoyCyMjpTfwHpJmp8xz1wAKot6KR0wkiTGWcw/EfmuT568BXgUeAy5PHoNEPM6jnfJMCxHRmagtFBsF9JzZDhEjh6cPiVihIBiNrseBs0pjvgAil/8dnbiGNLpWUtaWyxYQZGyfn6Kxd4lcpM7oYhwLvFxzf/wJ3AS8AUSXoZxS49UVqx4RzLK2AiZJetf2SmB68rBB0kW2o65/PssrLJY0z/b6QqtllaQZtidI+i4TJ68zV9hGk+I5KGmh7Ui1UyTdPkDDKiDXS7rY9uLU3N1kOxbliH5PxypBrSMAvBNvX+BmSZ/ajr9D2CC2WdJE28cDC4EL0kNppOvQBDqIgHXAwQk4btg29VI/PnEu9ip8GNU2GaqAdJB3A6JLPbsJvOX3OA9ze+3I3LmtIlAETb8ThJDoXHexeOnNkfTKICADCygc7OuBJ4GITFubHwmh7aTi+M4C0raK3uejwIxMMrFdbpH0feb4ymFDEVCIRmyneCfHhdbPfognpKTXuxLvzR+qgIKQqEIfKpFcICl+GByqjYuAtK0OimdgenPMlLR1qMwT2LgJGA+y/TB3Cfi3VrrKz04fgX8Au1yJQH84ciEAAAAASUVORK5CYII=);}
.game-down .download-button .icon.h5 {top: 5px;background-image: url(../images/icon_h5.png);}
.game-down .download-button .icon.h5-phone {top: 6px;background-image: url(../images/icon_h5_phone.png);}
.game-down.android .download-button, .game-down.h5 .download-button {background-color: #67c23a;}
.game-down.android .download-button:hover, .game-down.h5 .download-button:hover {background-color: #85ce61;}
.game-down.box .download-button {background-color: #e6a23c;}
.game-down.box .download-button:hover {background-color: #ebb563;}
.game-down.ios .download-button, .game-down.h5-phone .download-button {background-color: #409eff;}
.game-down.ios .download-button:hover, .game-down.h5-phone .download-button:hover {background-color: #66b1ff;}
.game-down.empty .download-button, .game-down.empty .download-button:hover {background-color: #909399;}
.eight-ewm {text-indent: 0;position: absolute;width: 202px;background: #fff;box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);text-align: center;padding: 15px 0px;border-radius: 4px;left: 50%;top: 45px;transform: translateX(-50%); z-index: 9999;display: none;}
.eight-ewm.box1 {height: 200px;}
.eight-ewm.box2 {height: 178px;}
.eight-ewm.box3 {height: 178px;}
.eight-ewm div {font-size: 14px;color: #333;line-height: 22px;}
.eight-ewm img {width: 130px;height: 130px;margin: 10px auto;float: none;}
.eight-ewm a {color: #ff0000;font-size: 14px;cursor: pointer;}
.eight-ewm button {display: inline-block;width: 100%;background: #ff4b4b;color: #fff;text-align: center;line-height: 45px;border-radius: 6px;font-size: 14px;border: none;cursor: pointer;}
.intro_content .left-title .title {line-height: 26px;}
.intro_content .app_desc_box {color: #333;font-size: 14px;line-height: 30px;}
.intro_content .app_desc_box p {margin-top: 10px;}
.intro_content .app_desc_box img {max-width: 90%;display: block;margin: 0 auto;}
.intro_content h3{display: block;margin: 10px 0; color: #333;position: relative;padding-left: 8px; font-weight: 700;border-left: 4px solid #3BAEF2;border-bottom: 1px solid #efefef;height: 25px;font-size: 15px;line-height: 21px;}

.jietu{position: relative;padding: 17px 0 40px;}
.jietu .logbg {width: 100%;height: 100%;background-color: #000;opacity: 0.7;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.jietu .logbg .c-btn {position: fixed;top: 3%;right: 30%;cursor: pointer;}
.jietu .logbg .c-btn img {width: 60px;height: 60px;}
.jietu #slide1 {display: none;z-index: 10000;position: fixed;width: 95%;margin: 0 2.5%;height: 70%;top: 15%;left: 0;}
.jietu #slide1 .swiper-wrapper {width: 100%;}
.jietu #slide1 .swiper-slide {text-align: center;width: 100%;display: flex;align-items: center;justify-content: center;}
.jietu #slide1 .swiper-slide img {max-width: 100%;max-height: 100%;cursor: pointer;}
.jietu #slide2 {z-index: 2;height: 300px;margin-bottom: 25px;margin: 0 auto;}
.jietu #slide2 .swiper-slide {width: auto !important;display: flex;align-items: center;justify-content: center;}
.jietu #slide2 .swiper-slide img {height: 100%;cursor: pointer;}
.jietu #slide2 .swiper-button-prev {display: none;top: 22px;left: 0;height: 100%;background-color: #000;opacity: 0.7;background-size: 32px 32px;background-image: url(../images/swiper-left.png);}
.jietu #slide2 .swiper-button-next {display: none;top: 22px;right: 0;height: 100%;background-color: #000;opacity: 0.7;background-size: 32px 32px;background-image: url(../images/swiper-right.png);}
.jietu #slide2:hover .swiper-button-prev,
.jietu #slide2:hover .swiper-button-next {display: block;}
.jietu .swiper-scrollbar {position: absolute;left: 0;bottom: 15px;width: 100%;height: 10px;}

.related_version ul {margin-top: 20px;}
.related_version li { width: 190px; height: 68px; margin-right: 9px; margin-bottom: 12px; border: 1px solid #e6e6e6; border-radius: 4px; float: left; transition: all 0.2s ease; }
.related_version li:nth-of-type(4n){margin-right: 0;}
.related_version li a { width: 190px; display: block; overflow: hidden;}
.related_version li img { border-radius: 8px; width: 48px; height: 50px; display: block; float: left; margin: 8px 11px; }
.related_version li .name {white-space: nowrap;overflow: hidden; font-size: 14px; width: 110px; line-height: 14px; color: #333; float: left; margin-top: 14px; transition: all 0.2s ease; }
.related_version li .storage { font-size: 12px; line-height: 12px; color: #999999; float: left; margin-top: 14px; }
.related_version li:hover { border: 1px solid #48abff; }
.related_version li:hover .name  { color: #48abff; }

.related_news ul {display: flex;flex-wrap: wrap;padding: 20px 0;}
.related_news ul li {width: 50%;height: 37px;line-height: 37px;overflow: hidden;background: #f2f2f4;display: flex;padding-right: 15px;box-sizing: border-box;justify-content: space-between;}
.related_news ul li:nth-child(4n-1) {background: #ffffff;}
.related_news ul li:nth-child(4n) {background: #ffffff;}
.related_news ul li a {padding: 0 10px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.related_news ul li span {flex-shrink: 0;}

.related_zt {position: relative;}
.related_zt .tab-title {width: auto;height: 24px;line-height: 24px;overflow: hidden;position: absolute;top: 13px;left: 140px;}
.related_zt .tab-title li {float: left;margin-right: 10px;border-radius: 4px;cursor: pointer;background-color: #a3b0be;color: #fff;padding: 0 0.5em;}
.related_zt .tab-title li.active {background-color: #17b1f2;color: #fff;}
.related_zt .tab-cont {display: none;}
.related_zt .tab-cont.active {display: block;}
.related_zt .action_game {width: 100%;height: 120px;border-bottom: 1px dashed #eaeaea;margin-top: 10px;padding-bottom: 20px;}
.related_zt .action_game .zt-img {display: block;float: left;width: 240px;height: 120px;position: relative;margin-right: 20px;}
.related_zt .action_game .zt-img img {border-radius: 6px;display: block;float: left;width: 240px;height: 120px;}
.related_zt .action_game .zt-img .circle {width: 20px;height: 120px;float: left;background-position: -88px -32px;}
.related_zt .action_game .zt-img .circle i {width: 20px;height: 88px;display: none;float: left;position: relative;top: 16px;background-position: -88px -32px;}
.related_zt .action_game .zt-img .type_num {width: 74px;height: 24px;font-size: 13px;color: #fff;line-height: 24px;text-align: center;position: absolute;left: 1px;bottom: 9px;letter-spacing: 1px;background: rgba(0, 51, 51, 0.8);}
.related_zt .action_game .zt-img .type_num span {color: #fff;display: block;}
.related_zt .action_game .zt-info {float: left;width: 520px;}
.related_zt .action_game .zt-info .name {width: 100%;height: 20px;line-height: 20px;color: #333333;font-size: 18px;margin: 10px 0;font-weight: bold;overflow: hidden;}
.related_zt .action_game .zt-info .name a {color: #333333;}
.related_zt .action_game .zt-info .name a:hover {color: #17b1f2;}
.related_zt .action_game .zt-info .txt {height: 80px;line-height: 26px;color: #666;font-size: 14px;overflow: hidden;letter-spacing: 1px;}
.related_zt .down_cont {margin-top: 20px;overflow: hidden;}
.related_zt .down_cont li {width: 253px;height: 88px;float: left;background-color: #f5f5f5;margin-right: 18px;margin-bottom: 19px;position: relative;border-radius: 6px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.related_zt .down_cont li:nth-child(3n) {margin-right: 0;}
.related_zt .down_cont li a {width: 100%;height: 88px;display: block;color: #b3b6b8;font-size: 12px;line-height: 10px;text-align: left;border-radius: 6px;}
.related_zt .down_cont li img {border-radius: 8px;width: 70px;height: 70px;display: block;float: left;margin: 10px;}
.related_zt .down_cont li .cont {float: left;margin-top: 15px;width: 160px;}
.related_zt .down_cont li .cont .name {width: 100%;white-space: nowrap;overflow: hidden;font-size: 14px;line-height: 16px;color: #333;margin-bottom: 11px;}
.related_zt .down_cont li .cont .type {white-space: nowrap;overflow: hidden;width: 120px;height: 12px;line-height: 12px;color: #666;}
.related_zt .down_cont li .cont .big {margin-bottom: 10px;color: #666;line-height: 12px;}
.related_zt .down_cont li .cont > i {width: 20px;height: 18px;position: absolute;bottom: 14px;right: 14px;background-image: url(../images/icon2.png);background-size: 800px 800px;background-repeat: no-repeat;background-position: -524px -9px;display: none;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.related_zt .down_cont li:hover {background-color: #f0f9ff;}
.related_zt .down_cont li:hover i {display: block;}

.related_game .introTit{ display: block; margin-top: 15px; color: #333; position: relative; padding: 0 0 0 8px; font-weight: bold; border-left: 4px solid #17b1f2; border-bottom: 1px solid #efefef; height: 34px; font-size: 14px; line-height: 34px; }
.related_game .news_list { overflow:hidden;padding-bottom: 20px;}
.related_game .news_list ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.related_game .news_list li {width:379px;height:16px;padding:17px 0;border-bottom:1px dotted #e7e7e7;position: relative;}
.related_game .news_list li p {font-size:16px;line-height:16px;overflow:hidden;height:16px;padding-left:11px;border-left:3px solid #b7b7b7;font-size:14px;width: 280px;text-overflow: ellipsis;white-space: nowrap;}
.related_game .news_list li span { position: absolute;top: 10px;right: 0;}
.related_game .news_list li span a { display: inline-block;width: 74px;height: 28px;color: #17b1f2;border: 1px solid #17b1f2;text-align: center;line-height: 28px;}
.related_game .news_list li span a:hover {background-color: #17b1f2; color: #fff;}

.right-wrapper {width: 350px;float: right;}
.right-wrapper section {padding: 8px;}
.right-wrapper .right-title {padding: 10px 8px 0;border-bottom: 1px solid #eeeeee;}
.right-wrapper .right-title .title {margin-bottom: 10px;padding: 0 0 0 8px;line-height: 20px;font-size: 16px;border-left: 4px solid #17b1f2;color: #333;}
.right-wrapper .right-title .title .more {float: right;font-size: 12px;color: #17b1f2;}
.right-box {box-sizing: border-box;width: 100%;padding: 0px;}
.right-box a {display: block;}
.recom-app-box {position: relative;padding: 10px;background-color: #fff;margin-bottom: 15px;}
.recom-app-box .img {position: relative;display: block;width: 100%;height: 100%;}
.recom-app-box .img::after {position: absolute;content: "";height: 50%;bottom: 0;left: 0;width: 100%;overflow: hidden;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, transparent), color-stop(98%, rgba(0, 0, 0, 0.9)));background-image: -webkit-linear-gradient(top, transparent 3%, rgba(0, 0, 0, 0.9) 98%);background-image: linear-gradient(-180deg, transparent 3%, rgba(0, 0, 0, 0.9) 98%);border-radius: 12px;}
.recom-app-box .img .big-img {width: 100%;border-radius: 12px;}
.recom-app-box .img .content {position: absolute;top: 0;left: 17px;right: 17px;height: 100%;margin: auto;z-index: 1;}
.recom-app-box .img .content .bottom-text {box-sizing: border-box;position: absolute;height: 158px;padding-top: 55px;bottom: 0;left: 0;width: 100%;overflow: hidden;color: #fff;}
.recom-app-box .img .content .bottom-text .game-info {position: relative;padding-bottom: 10px;}
.recom-app-box .img .content .bottom-text .game-info::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);border-bottom: 1px solid #ededed;opacity: 0.44;}
.recom-app-box .img .content .bottom-text .game-icon {float: left;width: 45px;height: 45px;margin-right: 7px;border-radius: 6px;overflow: hidden;}
.recom-app-box .img .content .bottom-text .game-icon img {width: 100%;height: 100%;display: block;}
.recom-app-box .img .content .bottom-text .title {height: 28px;line-height: 28px;font-size: 21px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;color: #fff;}
.recom-app-box .img .content .bottom-text .tags {font-size: 12px;line-height: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.recom-app-box .img .content .bottom-text .game-score {height: 35px;margin-top: 8px;}
.recom-app-box .img .content .bottom-text .game-score .score-info {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.recom-app-box .img .content .bottom-text .game-score .score {line-height: 35px;font-size: 30px;color: #f67b29;float: left;margin-right: 9px;}
.recom-app-box .img .content .bottom-text .game-score .score-count {font-size: 12px;line-height: 12px;margin-top: 2px;margin-bottom: 3px;}
.recom-app-box .img .content .bottom-text .game-score .score-star i {float: left;width: 11px;height: 11px;background: url(../images/score-star.png) no-repeat;background-size: 100% auto;margin-right: 1px;}
.recom-app-box .down-btn {position: absolute;right: 25px;bottom: 24px;z-index: 2;}
.recom-app-box .down-btn .ewm-box {display: none;position: absolute;bottom: 30px;left: -78px;width: 175px;z-index: 100;background-color: #fff;border: 1px solid #f1911b;padding: 10px 0;border-radius: 4px;}
.recom-app-box .down-btn .ewm-box p {text-align: center;font-size: 14px;color: #333;line-height: 22px;}
.recom-app-box .down-btn .ewm-box p img {width: 130px;height: 130px;}
.recom-app-box .down-btn:hover .ewm-box {display: block;}
.recom-app-box .ad-count-down {display: block;width: 75px;height: 24px;font-size: 12px;line-height: 24px;text-align: center;color: #fff;border-radius: 4px;background-image: -webkit-linear-gradient(315deg, #f67b29, #fea647);background-image: linear-gradient(-225deg, #f67b29, #fea647);}

.hot-download ul {padding: 10px 8px;}
.hot-download ul li {position: relative;padding: 8px 0;}
.hot-download ul li img {width: 60px;height: 60px;border-radius: 10px;display: inline-block;float: left;}
.hot-download ul li .con {padding: 0 60px 0 14px;height: 60px;overflow: hidden;}
.hot-download ul li .con h3 {height: 30px;line-height: 30px;font-size: 14px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-download ul li .con h3 a {color: #333;}
.hot-download ul li .con h3 a:hover {color: #17b1f2;}
.hot-download ul li .con p {height: 18px;line-height: 18px;overflow: hidden;color: #999;font-size: 12px;}
.hot-download ul li .btn {position: absolute;top: 20px;right: 0;width: 55px;height: 25px;border: 1px solid #17b1f2;display: block;color: #17b1f2;text-align: center;line-height: 25px;}
.hot-download ul li .btn:hover {background-color: #17b1f2;color: #fff;}

.hot-rank .rank-list {padding: 15px 8px;}
.hot-rank .rank-list li {width: 100%;height: 138px;margin-bottom: 20px;position: relative;overflow: hidden;}
.hot-rank .rank-list li:last-of-type {margin-bottom: 0;}
.hot-rank .rank-list li img {width: 100%;/* height: 100%;*/;overflow: hidden;transition: transform 0.5s;}
.hot-rank .rank-list li p {position: absolute;bottom: 0;width: 100%;padding: 0 10px;line-height: 40px;background-image: linear-gradient(-180deg, transparent, #000);text-align: center;box-sizing: border-box;z-index: 1;font-size: 16px;color: #fff;}
.hot-rank .rank-list li:hover img {transform: scale(1.3);}

.hot-game ul {padding: 0 8px;}
.hot-game li{ padding: 18px 0; border-bottom: 1px solid #eeeeee; overflow: hidden;}
.hot-game li a.a_img{width: 75px;height: 75px;border-radius: 10px;overflow: hidden;float: left;}
.hot-game li a.a_img img{ width: 75px;height: 75px;transition: all 0.3s; transform: scale(1.2);}
.hot-game li a.a_img img:hover{ transform: scale(1); }
.hot-game li dl{ float: left;width: 249px;height: 78px;overflow: hidden;margin-left: 10px;}
.hot-game li dl dt a{font-size: 16px;width: 100%;height: 20px;overflow: hidden;line-height: 20px; display: block;transition: all 0.1s;}
.hot-game li dl dd{ color: #999999;margin-top: 8px;width: 100%;height: 20px;overflow: hidden; font-size: 12px;}
.hot-game li dl dt a:hover{color: #17b1f2;/* text-decoration: underline; */}
.hot-game li dl dd a{ width: auto;color: #999999;transition: all 0.3s;height: 20px;line-height: 20px;font-size: 12px;text-align: center;background: #f5f5f5;border-radius: 4px;padding: 0 10px;display: block;float: left;margin-right: 10px;}
.hot-game li dl dd a:hover{ background: #17b1f2;color: #ffffff; }

.hot-tag .tag-content {padding: 8px;overflow: hidden;}
.hot-tag .tag-content .tag-item {float: left;display: block;margin: 5px 8px 6px 0;padding: 4px 10px;border: 1px solid #17b1f2;border-radius: 4px;text-decoration: none;font-size: 14px;color: #17b1f2;}
.hot-tag .tag-content .tag-item a {color: inherit;}
.hot-tag .tag-content .tag-item:hover {background: #17b1f2;color: #fff;}

/* ┗( ▔, ▔ )┛ */