.download-btn-group {
    width: 150px;
    height: 110px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-30px, -50%);
}
.download-btn-group .real-btn{
    position: absolute;
    display: block;
    width: 150px;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px #ececec;
    font-weight: 600;
    box-shadow: 1px 1px 3px #333;
}
.download-btn-group .android-btn {
    top: 0;
    right: 0;
    background-color: #1abc9c;
}
.download-btn-group .ios-btn {
    top: 60px;
    right: 0;
    background-color: #3498db;
}

.download-btn-group .btn-text {
    margin-left: -35px;
}
.download-btn-group .erweima {
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    right: 10px;
}

.ios-btn:hover .erweima-box-ios {
    width: 170px;
    height: 174px;
    padding-bottom:12px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #ccc;
}
.android-btn:hover .erweima-box-android {
    width: 170px;
    height: 174px;
    padding-bottom:12px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #ccc;
}

.erweima-box-android {
    top: -30px;
}
.erweima-box-ios {
    top: -90px;
}

.erweima-box {
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    left: -175px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.erweima-box img {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 32px;
    left: 10px;
}

@font-face {font-family: "iconfont";
  src: url(../fonts/iconfont.eot?8920d8e96d79b514bdcc072e0958abfb); /* IE9 */
  src: url(../fonts/iconfont.eot?8920d8e96d79b514bdcc072e0958abfb#iefix) format('embedded-opentype'),
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url(../fonts/iconfont.woff?387293684487b9f6ffb773de5fa4d3fc) format('woff'),
  url(../fonts/iconfont.ttf?e8ba13ce5fb9958d40668dc30db239ed) format('truetype'),
  url(../fonts/iconfont.svg?d89abf19bc993bf44514dd24963be968#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconmore:before {
  content: "\E602";
}

.iconarrow-right-circle:before {
  content: "\E665";
}

.iconarrow-left-circle:before {
  content: "\E666";
}

.iconyoubianjiantoujiaoduxiao:before {
  content: "\E639";
}

.iconchakan:before {
  content: "\E60A";
}

.iconandriod2:before {
  content: "\E6BE";
}

.iconios2:before {
  content: "\E62A";
}

.iconandriod:before {
  content: "\E616";
}

.iconios:before {
  content: "\E61F";
}

.iconruanjian:before {
  content: "\E706";
}

.iconruanjianxiazai:before {
  content: "\E6BD";
}

.icondian:before {
  content: "\EC1E";
}

.iconadd:before {
  content: "\E6DF";
}

.iconclose:before {
  content: "\E6E9";
}

.iconcollection_fill:before {
  content: "\E6EA";
}

.iconhomepage_fill:before {
  content: "\E702";
}

.iconlike_fill:before {
  content: "\E707";
}

.iconmanage_fill:before {
  content: "\E70B";
}

.iconundo:before {
  content: "\E739";
}

.iconsearch:before {
  content: "\E741";
}

.iconpackup:before {
  content: "\E749";
}

.iconunfold:before {
  content: "\E74A";
}

.icontime:before {
  content: "\E631";
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    font-family: "Microsoft YaHei", "Arial", "Heiti SC";
    font-size: 14px;
    background: #fff;
    color: #545454;
    min-width: 1200px;
}

ul,
ol,
li {
    list-style: none;
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.sort-l {
    width: 860px;
}

.sort-r {
    width: 320px;
    margin-left: 19px;
}

.show-center .sort-r {
    margin-top: 25px;
}

.show-center #homeTopRight {
    margin-top: 5px;
}

.m-title {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #63a92e;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px;
}

.show-center .m-title {
    margin: 0 0 10px;
}

.home-top .m-title {
    margin-bottom: 10px;
}

.mt20 {
    margin-top: 20px;
}

.btn {
    display: block;
    font-size: 14px;
    color: #63a92e;
    border: 1px solid #63a92e;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 58px;
    border-radius: 4px;
}

.btn:hover {
    background: #63a92e;
    color: #fff;
}

/* head */
.head {
    width: 100%;
    height: auto;
    background: #fff;
    border-bottom: 1px solid #63a92e;
}

.header {
    width: 1200px;
    height: 83px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    width: 310px;
    height: 50px;
}

.header .logo img {
    width: 100%;
    height: 100%;
}

/* footer */
footer {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding: 25px 0;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
}


.search {
    width: 260px;
    height: 34px;
    border: 1px solid #63a92e;
    justify-content: space-between;
    border-radius: 18px;
}

.search .text {
    height: 19px;
    width: 170px;
    background: none;
    outline: none;
    color: #999;
    font-size: 14px;
    border: none;
    padding: 8px 10px;
}

.search .button {
    width: 90px;
    height: 34px;
    font-size: 14px;
    background: #63a92e;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.nav {
    height: 45px;
    line-height: 45px;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.nav a {
    display: inline-block;
    height: 45px;
    width: 118px;
    text-align: center;
    margin-right: 1px;
    color: #333;
    font-size: 22px;
}

.nav a:hover {
    color: #63a92e;
}

.bread {
    width: 1200px;
    margin: 10px auto 20px;
}

.crumb .index {
    display: inline;
    font-size: 14px;
    color: #666;
}

.crumb .index a,
.crumb .index span {
    color: #666;
    margin: 0 1px;
}

.crumb .index:last-child span {
    color: #969696;
}

.main {
    width: 1200px;
    margin: 0 auto;
    min-height: 1000px;
}

.flex {
    display: flex;
}

.location-box {
    background-color: #f5f5f5;
    height: 50px;
    line-height: 50px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    left: 0px;
    margin: 10px 0;
    z-index: 999;
    text-align: center;
}

.location-box a {
    color: #333;
    font-size: 18px;
    margin: 0 20px;
}

.location-box a.now {
    color: #63a92e;
    font-size: 18px;
    font-weight: bold;
    margin: 0 20px;
}

.card {
    margin-bottom: 20px;
}

/* 五角星评分 */
.set_image_all {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.set_image_all .set_image_item {
    position: relative;
    display: inline-block;
    z-index: 11;
    visibility: visible;
}

.set_image_all .set_image_top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.set_image_all .set_image_top>div {
    display: inline-block;
    overflow: hidden;
}

.set_image_all .set_image_top>div>img {
    height: 100%;
}

.star_grade {
    display: inline-block;
}


/* sort-box */
.sort-box {
    line-height: 24px;
    color: #222;
    overflow: hidden;
}

.sort-box dt {
    width: 55px;
    float: left;
    font-size: 14px;
}

.sort-box dd {
    overflow: hidden;
}

.sort-box dd a {
    display: inline-block;
    padding: 0 15px;
    float: left;
    margin-right: 20px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #fff;
    margin-bottom: 10px;
}

.sort-box dd a.on,
.sort-box dd a:hover {
    color: #63a92e;
    border: 1px solid #63a92e;
}


/* 翻页 */
.page {
    padding: 10px;
    margin: 30px 0;
    text-align: center;
    font-size: 16px;
    clear: both;
}

.page li{display: inline-block;}
.page a.current,
.page a.current:hover {
    color: #fff !important;
    background-color: #63a92e;
    border: 1px solid #63a92e;
}

.page span a {
    padding: 0;
    width: 38px;
    line-height: 38px !important;
    text-align: center;
    display: inline-block;
}

.page a {
    padding: 8px 12px;
    margin-right: 8px;
    color: #666 !important;
    text-decoration: none;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}


.card .tab-title {
    height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #63a92e;
    position: relative;
}

.card .tab-title span {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.card .tab-title span:nth-child(1) {
    padding-left: 0;
}

.card .tab-title span:nth-child(n + 8) {
    display: none;
}

.card .more-link {
    color: #848484;
    line-height: 50px;
    position: absolute;
    right: 20px;
}


/* 友情链接 */
.friend-link {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.friend-link ul li {
    display: inline;
    margin-right: 10px;
}

.friend-link ul li a {
    font-size: 14px;
    color: #737373;
}

.friend-link ul li:hover a {
    color: #63a92e;
}

.flex-w {
    display: flex;
    flex-wrap: wrap;
}

.search-box {
    height: 45px;
    background-color: #63a92e;
    overflow: hidden;
}

.search-tab {
    width: 1200px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #63a92e;
}

.search-tab a {
    display: inline-block;
    height: 45px;
    width: 120px;
    text-align: center;
    margin-right: 1px;
    color: #fff;
    font-size: 16px;
}

.search-tab a:hover,
.search-tab a.on {
    background: #79bf44;
}

.search-page .tips {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
}

.search-page .tips span {
    color: #eb3223;
    margin: 0 5px;
}

.search-page .tips i {
    color: #79bf44;
    margin: 0 5px;
}

.search-app-list li {
    width: 590px;
    height: 165px;
    background-color: #ffffff;
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 20px;
    border: solid 2px #79bf44;
    box-sizing: border-box;
}

.search-app-list li:nth-child(2n) {
    margin-left: 20px;
}

.search-app-list li .icon {
    width: 120px;
    height: 120px;
    overflow: hidden;
}

.search-app-list li .icon img {
    width: 120px;
    height: 120px;
    border-radius: 12px;
}

.search-app-list li .info {
    padding-left: 20px;
    width: 404px;
}

.search-app-list li .info .name {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0px;
    color: #eb3223;
    margin-top: 6px;
}

.search-app-list li .info p {
    font-size: 12px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}

.search-app-list li .info p.desc {
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #333333;
}

.search-app-list li:hover {
    background-color: #f0f8eac0;
}

.search-info-list {
    margin-top: -10px;
}

.search-info-list li {
    width: 590px;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.search-info-list li:nth-child(2n) {
    margin-left: 20px;
}

.search-info-list li .img {
    width: 210px;
    height: 137px;
    overflow: hidden;
    display: block;
    margin-right: 20px;
}

.search-info-list li .img img {
    width: 210px;
    height: 137px;
    display: block;
}

.search-info-list li .txt {
    width: 370px;
    height: 137px;
    overflow: hidden;
    position: relative;
}

.search-info-list li .txt h4 {
    margin-bottom: 10px;
    height: 23px;
    overflow: hidden;
}

.search-info-list li .txt h4 a {
    color: #63a92e;
    font-size: 20px;
}

.search-info-list li .txt .desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
}

.search-info-list .txt em {
    color: #f00;
}

.search-info-list li .txt .time {
    position: absolute;
    bottom: 0;
    color: #999;
    font-size: 12px;
}

.search-info-list li .txt .time i {
    font-size: 12px;
}
.down-panel {
    background-color: #fff;
    margin: 10px 0;
}

.down-panel .title {
    margin: 5px 0;
}

.down-panel .title h3 {
    color: #63a92e;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 5px;
    height: 30px;
    border-left: 5px solid #63a92e;
}

h3.title-h3 {
    color: #63a92e;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
}

.down-l {
    width: 820px;
    margin-right: 20px;
}

.down-r {
    width: 360px;
}

.app-down-box {
    position: relative;
    padding: 0 10px 15px;
    align-items: center;
    z-index: 99999;
}

.app-down-box .img {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 14px;
    margin-right: 20px;
}

.app-down-box .img img {
    width: 140px;
    height: 140px;
}

.app-down-box .info {
    width: 410px;
}

.app-down-box .info h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-down-box .info .f-item {
    font-size: 14px;
    color: #444;
    float: left;
    width: 45%;
    margin: 5px 0;
}

.app-down-box .info .f-item i,
.app-down-box .info p i {
    color: #666;
    font-size: 13px;
}

.app-down-box .info p {
    line-height: 40px;
    color: #c672f7;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    clear: both;
}

.app-down-box .f-item .star_grade_topic {
    display: inline-block;
}

/* shoot */
.shoot-box {
    padding: 10px 0;
}

.slide-content {
    width: 800px;
    margin-top: 10px;
    margin-bottom: 30px;
    position: relative;
    padding: 0 10px;
}

.slide-content .screenshot {
    overflow: hidden;
}

.slide-content .screenshot-list {
    height: 300px;
    width: 9999px;
    /* overflow: hidden; */
    display: flex;
}

.screenshot-list li {
    margin-right: 5px;
    position: relative;
    z-index: 0;
}

.screenshot-list .screenshot-slider {
    position: absolute;
    width: 70px;
    height: 300px;
    background-repeat: no-repeat;
    z-index: 99999;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-position: 10px 100px;
}

.screenshot-list #slide-left.active {
    background-image: url("../images/arrow-left.png");
    background-color: #fff;
}

.screenshot-list #slide-right {
    margin-left: 730px;
    background-position: 15px 100px;
}

.screenshot-list #slide-right.active {
    background-image: url("../images/arrow-right.png");
    background-color: #fff;
}

.screenshot-list li .screenshot-img {
    height: 300px;
}

/* introduction */
.detail-info {
    padding: 0 10px 10px;
}

.detail-info h2,
.detail-info h3 {
    color: #333;
    font-weight: 600;
    display: block;
    margin: 10px 0;
    font-size: 18px;
}

.detail-info p,
.detail-info li
{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin: 15px 0;
}

.detail-info p a {
    color: #666;
}

.detail-info img,
.detail-info p img {
    display: block;
    max-width: 80%;
    margin: 15px auto;
}

.basic-info {
    padding: 0 10px 10px;
}

.basic-info table {
    font-size: 13px;
    color: #666;
}

.basic-info table td {
    width: 250px;
}

/* relation */
.relation-app {
    padding: 0 10px 10px;
    flex-wrap: wrap;
}

.relation-app .box {
    width: 133px;
    padding: 10px 0;
    height: 120px;
    text-align: center;
}

.relation-app .box .icon {
    width: 80px;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    font-size: 10px;
    display: block;
    margin: 0 auto;
}

.relation-app .box .icon img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 14px;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.2)));
}

.relation-app .box .name {
    width: 100px;
    overflow: hidden;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 16px;
    margin-top: -20px;
}

.relation-news {
    padding: 0 10px 10px;
}

.relation-news ul {
    display: flex;
    flex-wrap: wrap;
}

.relation-news li {
    width: 50%;
    line-height: 35px;
    display: flex;
    align-items: center;
}

.relation-news li .icon {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #999;
    margin-right: 10px;
}

.relation-news li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

.down-r .down-topic-list li {
    margin: 0 auto 10px;
    /* width: 320px;
    height: 100.6px;
    overflow: hidden;
    position: relative; */
}

.down-r .down-topic-list li a {
    display: flex;
    width: 320px;
    height: 100.6px;
    overflow: hidden;
    position: relative;
}

.down-r .down-topic-list li div {
    width: 210px;
    height: 100.6px;
    overflow: hidden;
    border-radius: 4px;
}

.down-r .down-topic-list img {
    width: 210px;
    height: 100.6px;
    transition: all 0.2s;
}

.down-r .down-topic-list li:hover img {
    transform: scale(1.1);
}

.down-r .down-topic-list li p {
    display: block;
    flex-grow: 1;
    text-align: center;
    height: 100.6px;
    line-height: 115px;
    width: 90px;
    padding: 0 10px;
}

.down-r .down-topic-list li:hover {
    background: rgba(221, 221, 221, 0.562);
}

.down-r .down-topic-list li:nth-child(n + 6) {
    display: none;
}

.topic-detail .relation-topic-list {
    margin-left: -5px;
    margin-top: -20px;
}

.relation-topic-list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    margin-top: -10px;
}

.topic-detail .relation-topic-list li {
    width: 195px;
    margin-left: 10px;
}

.relation-topic-list li {
    width: 250px;
    height: 125px;
    margin-left: 20px;
    margin-top: 20px;
    overflow: hidden;
}

.topic-detail .relation-topic-list li a {
    width: 195px;
}

.relation-topic-list li a {
    display: block;
    width: 240px;
    height: 125px;
    position: relative;
    overflow: hidden;
}

.relation-topic-list li a img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.relation-topic-list li a img:hover {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all 0.5s;
}

.relation-topic-list .img-cover {
    position: absolute;
    width: 100%;
    height: 32px;
    overflow: hidden;
    left: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=20);
    opacity: 0.4;
}

.relation-topic-list .img-name {
    position: absolute;
    width: 92%;
    overflow: hidden;
    bottom: 0;
    z-index: 2;
    color: #fff;
    line-height: 32px;
    font-size: 14px;
    padding: 0 4%;
    text-align: center;
}

.guess-youlike ol {
    flex-wrap: wrap;
}

.guess-youlike li {
    width: 27%;
    padding: 5px 10px;
}


.guess-youlike li:hover .btn {
    background-color: #63a92e;
    color: #fff;
}

.guess-youlike li:hover .name {
    color: #63a92e;
}

.guess-youlike li .icon {
    width: 90px;
    height: 90px;
    border-radius: 14px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}


.guess-youlike li .icon img {
    width: 90px;
    height: 90px;
}


.guess-youlike li .name {
    font-size: 14px;
    color: #273849;
    line-height: 20px;
    display: block;
    width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px auto 0;
    text-align: center;
}


.down-r .down-rank-box .rank-list,
.info-r .info-card .rank-list {
    width: 320px;
    margin: 0 auto;
}

.down-r .down-rank-box .rank-list li,
.info-r .info-card .rank-list li {
    display: flex;
    margin: 10px 0;
}

.down-r .down-rank-box .rank-list li:nth-child(n + 11) {
    display: none;
}


.down-r .down-rank-box .rank-list li .num,
.info-r .info-card .rank-list li .num {
    display: block;
    width: 20px;
    height: 20px;
    background: #f6f6f6;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    margin-top: 25px;
    margin-right: 5px;
}

.down-r .down-rank-box .rank-list li:nth-child(1) .num,
.info-r .info-card .rank-list li:nth-child(1) .num {
    background: #ff0000;
    color: #fff;
}

.down-r .down-rank-box .rank-list li .icon,
.info-r .info-card .rank-list li .icon {
    width: 70px;
    height: 70px;
    border-radius: 14px;
    overflow: hidden;
    margin-right: 20px;
}

.down-r .down-rank-box .rank-list li .icon img,
.info-r .info-card .rank-list li .icon img {
    width: 70px;
    height: 70px;
    transition: all 0.2s;
}

.down-r .down-rank-box .rank-list li:hover img,
.info-r .info-card .rank-list li:hover img {
    transform: scale(1.1);
}

.down-r .down-rank-box .rank-list li:hover,
.info-r .info-card .rank-list li:hover {
    background-color: #f0fff0;
}

.down-r .down-rank-box .rank-list li .info,
.info-r .info-card .rank-list li .info {
    flex-grow: 1;
    width: 120px;
    text-align: left;
}

.down-r .down-rank-box .rank-list li .info a,
.info-r .info-card .rank-list li .info a {
    display: block;
    margin: 10px 0;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.down-r .down-rank-box .rank-list li .info .down,
.info-r .info-card .rank-list li .info .down {
    font-size: 12px;
    color: #999;
}

/* index */
.sort-list {
    overflow: hidden;
    margin-left: -18px;
}

.sort-list li {
    float: left;
    width: 155px;
    height: 190px;
    border: 1px solid #ddd;
    text-align: center;
    margin: 0 0 20px 18px;
    font-size: 12px;
    position: relative;
    color: #777;
    background: #fff;
    position: relative;
}

.sort-list li .icon {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    display: block;
    margin: 10px auto 0;
}

.sort-list li .icon img {
    width: 80px;
    height: 80px;
}

.sort-list li .name {
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 5px auto;
    font-size: 14px;
    overflow: hidden;
    width: 90%;
}

.sort-list li p.info {
    height: 28px;
    line-height: 28px;
    background: #f5f5f5;
    color: #999;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 155px;
}

.top-list {
    overflow: hidden;
}

.top-list li {
    overflow: hidden;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

.show-center .top-list li {
    padding: 12px 0;
}

.top-list li .num {
    display: block;
    width: 20px;
    height: 20px;
    background: #63a92e;
    color: #fff;
    text-align: center;
    margin-left: 3px;
    margin-right: 12px;
}

.top-list li .name {
    display: block;
    width: 190px;
    height: 20px;
    overflow: hidden;
}

.top-list li .name:hover {
    color: #63a92e;
}

.top-list li .size {
    display: block;
    color: #999;
}


.down-topic-list li {
    margin: 0 auto 10px;
    /* width: 320px;
    height: 100.6px;
    overflow: hidden;
    position: relative; */
}

.down-topic-list li a {
    display: flex;
    width: 320px;
    height: 100.6px;
    overflow: hidden;
    position: relative;
}

.down-topic-list li div {
    width: 210px;
    height: 100.6px;
    overflow: hidden;
    border-radius: 4px;
}

.down-topic-list img {
    width: 210px;
    height: 100.6px;
    transition: all 0.2s;
}

.down-topic-list li:hover img {
    transform: scale(1.1);
}

.down-topic-list li p {
    display: block;
    flex-grow: 1;
    text-align: center;
    height: 100.6px;
    line-height: 115px;
    width: 90px;
    padding: 0 10px;
}

.down-topic-list li:hover {
    background: rgba(221, 221, 221, 0.562);
}

.down-topic-list li:nth-child(n + 6) {
    display: none;
}


/* index */
.sort-list {
    overflow: hidden;
    margin-left: -18px;
}

.sort-list li {
    float: left;
    width: 155px;
    height: 190px;
    border: 1px solid #ddd;
    text-align: center;
    margin: 0 0 20px 18px;
    font-size: 12px;
    position: relative;
    color: #777;
    background: #fff;
    position: relative;
}

.sort-list li .icon {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    display: block;
    margin: 10px auto 0;
}

.sort-list li .icon img {
    width: 80px;
    height: 80px;
}

.sort-list li .name {
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 5px auto;
    font-size: 14px;
    overflow: hidden;
    width: 90%;
}

.sort-list li p.info {
    height: 28px;
    line-height: 28px;
    background: #f5f5f5;
    color: #999;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 155px;
}

.sort-list li .btn {
    display: block;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    font-size: 14px;
    color: #63a92e;
    border-radius: 5px;
    letter-spacing: 1px;
}

.sort-list li .btn:hover {
    background-color: #63a92e;
    color: #fff;
}

.top-list {
    overflow: hidden;
}

.top-list li {
    overflow: hidden;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

.top-list li .num {
    display: block;
    width: 20px;
    height: 20px;
    background: #63a92e;
    color: #fff;
    text-align: center;
    margin-left: 3px;
    margin-right: 12px;
}

.top-list li .name {
    display: block;
    width: 190px;
    height: 20px;
    overflow: hidden;
}

.top-list li .size {
    display: block;
    color: #999;
}



/* home */
.top1 {
    width: 400px;
    max-height: 560px;
    overflow: hidden;
    margin-right: 20px;
}

.top2 {
    flex: 1;
    margin-right: 20px;
    max-height: 555px;
    overflow: hidden;
}

.top3 {
    width: 310px;
    max-height: 555px;
    overflow: hidden;
}

.slideBox1 {
    width: 400px;
    height: 330px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}

.slideBox1 .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.slideBox1 .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox1 .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.slideBox1 .hd ul li.on {
    background: #f00;
    color: #fff;
}

.slideBox1 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox1 .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox1 .bd img {
    width: 400px;
    height: 330px;
    display: block;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox1 .prev,
.slideBox1 .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.slideBox1 .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.slideBox1 .prev:hover,
.slideBox1 .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox1 .prevStop {
    display: none;
}

.slideBox1 .nextStop {
    display: none;
}

.slideBox2 {
    width: 310px;
    height: 200px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}

.slideBox2 .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 12px;
    z-index: 1;
}

.slideBox2 .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox2 .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.slideBox2 .hd ul li.on {
    background: #f00;
    color: #fff;
}

.slideBox2 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox2 .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox2 .bd img {
    width: 310px;
    height: 200px;
    display: block;
}

.title_gray {
    height: 45px;
    background: #fafafa;
    border-bottom: 1px solid #e8e7ed;
}

.title_gray h3 {
    display: block;
    height: 20px;
    line-height: 20px;
    color: #63a92e;
    font-size: 18px;
    border-left: 4px solid #63a92e;
    padding-left: 10px;
    margin-top: 10px;
    float: left;
}

.more {
    color: #63a92e;
    float: right;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
}

.top2 .tab_menu li {
    width: 33.33%;
    text-align: center;
    float: left;
    font-size: 18px;
    cursor: pointer;
}

.top2 .tab_menu li span {
    display: block;
    width: 97px;
    line-height: 42px;
    border-bottom: 3px solid transparent;
    margin: 0 auto;
}

.top2 .tab_menu li.current span {
    font-weight: 700;
    color: #63a92e;
    border-color: #63a92e;
}

.top2 .tab_cont ul {
    padding: 14px 0;
}

.top2 .tab_cont .sub_box li {
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding: 7px 0;
    display: flex;
    align-items: center;
}

.top2 .tab_cont .sub_box li .title:hover {
    color: #63a92e;
}

.top2 .tab_cont .sub_box li .type {
    color: #999;
    width: 70px;
}

.top2 .tab_cont .sub_box li .title {
    width: 300px;
    display: flex;
    margin-right: 10px;
}

.top2 .tab_cont .sub_box li .title img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.top2 .tab_cont .sub_box li .title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.top2 .tab_cont .sub_box li .time {
    float: right;
    color: #999;
    font-size: 12px;
}

.new-app {
    flex-wrap: wrap;
    margin-left: -10px;
}

.new-app li {
    width: 45%;
    padding: 10px;
}

.new-app li .img {
    width: 68px;
    height: 68px;
    overflow: hidden;
    margin-right: 10px;
}

.new-app li .img img {
    width: 68px;
    height: 68px;
}

.new-app li .info {
    flex: 1;
    width: calc(100% - 78px);
}

.new-app li:hover .info span.name {
    color: #63a92e;
}

.new-app li .info span {
    display: block;
    color: #999;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 7px;
}

.new-app li .info span.name {
    color: #444;
    font-size: 16px;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.top3 .guess-youlike {
    max-height: 250px;
    overflow: hidden;
}

.top3 .guess-youlike ol li {
    width: 30%;
    padding: 0 5px 5px;
}


/* 切换内容 */
.cur {
    color: #63a92e;
    font-weight: 600;
}

.hide {
    display: none;
}

.tab-cont {
    height: 374px;
}

.tab-cont ul li {
    width: 14%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    float: left;
    margin: 20px 0;
}

.tab-cont ul li a {
    display: block;
    text-align: center;
}

.tab-cont ul li .icon {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 14px;
}

.tab-cont ul li .icon img {
    width: 80px;
    height: 80px;
}

.tab-cont ul li .name {
    line-height: 40px;
    height: 40px;
    width: 100%;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab-cont ul li:hover .name {
    color: #63a92e;
}

.tab-cont ul li:hover .btn {
    background: #63a92e;
    color: #fff;
}

.app-tabs {
    width: 890px;
    overflow: hidden;
    margin-top: 20px;
}

.game-tabs {
    width: 890px;
    overflow: hidden;
}

/* version-app */
.version-app {
    padding: 10px;
    flex-wrap: wrap;
}

.version-app .box {
    width: 155px;
    padding: 10px 0;
    height: 130px;
    text-align: center;
}

.version-app .box .icon {
    width: 80px;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    font-size: 10px;
    display: block;
    margin: 0 auto;
}

.version-app .box .icon img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 14px;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.2)));
}

.version-app .box .name {
    overflow: hidden;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    margin-top: -30px;
    height: 40px;
}
.article-wrap {
    width: 800px;
    padding: 10px;
}

.article-wrap .title-wrap {
    border-bottom: 1px solid #f5f5f5;
    padding: 20px 0;
}

.article-wrap .title-wrap h1 {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.article-wrap .title-wrap p {
    text-align: center;
    margin: 20px 0 0;
}

.article-wrap .title-wrap p span {
    font-size: 14px;
    color: #999;
    margin-right: 10px;
}

.article-wrap .content-wrap {
    margin: 20px 0;
    overflow-x: auto;
}

.article-wrap .content-wrap h2,
.article-wrap .content-wrap h3 {
    margin: 20px 0;
}

.article-wrap .content-wrap p {
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 15px;
    word-break: break-all;
}

.topic-detail .article-wrap .content-wrap img.main-img,
.topic-detail .article-wrap .content-wrap p img.main-img {
    margin: 10px auto;
    max-width: 80%;
    display: block;
    opacity: 0.7;
}

.article-wrap .content-wrap img,
.article-wrap .content-wrap p img {
    margin: 10px auto;
    max-width: 80%;
    display: block;
}

.topic-detail .article-wrap .content-wrap h2,
.topic-detail .article-wrap .content-wrap h3 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.topic-detail .article-wrap .content-wrap h2:hover a,
.topic-detail .article-wrap .content-wrap h3:hover a {
    color: #63a92e;
}

.article-wrap .content-wrap h2,
.article-wrap .content-wrap h3 {
    font-size: 18px;
    color: #333;
}

.info-down-box {
    position: relative;
    padding: 0 10px 15px;
    align-items: center;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}

.info-down-box .info img {
    margin: 0;
    max-width: none;
}

.info-down-box .img img {
    width: 120px;
    height: 120px;
}

.info-down-box .img img.img-topic {
    width: 100px;
    height: 100px;
    max-width: 100%;
}

.info-down-box .info {
    width: 410px;
}

.info-down-box .info h1,
 .info-down-box .info h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info-down-box .info .f-item {
    font-size: 14px;
    color: #444;
    float: left;
    width: 45%;
    margin: 5px 0;
}

.info-down-box .info .f-item i,
.info-down-box .info p i {
    color: #666;
    font-size: 13px;
}

.info-down-box .f-item .star_grade_topic {
    display: inline-block;
}


.game-side-list li {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
}

.game-side-list li .icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    overflow: hidden;
}

.game-side-list li .icon img {
    width: 60px;
    height: 60px;
}

.game-side-list li .info {
    margin: 0 10px;
    width: 220px;
}

.game-side-list li .info .name {
    color: #333;
    font-size: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.game-side-list li .info p {
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
}

.game-side-list li .info:hover .name {
    color: #63a92e;
}

/* index */
.label-wrap {
    overflow: hidden;
    margin: 10px 0;
}

.label-wrap a {
    display: block;
    float: left;
    background: #edeff5;
    text-align: center;
    line-height: 32px;
    margin: 0 12px 0 0;
    font-size: 14px;
    color: #9d97be;
    padding: 0 20px;
    border-radius: 3px;
}

.label-wrap a.current,
.label_wrap a:hover {
    background: #63a92e;
    color: #fff;
}

.news-index-list li {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.news-search .news-index-list li {
    align-items: center;
    padding: 15px 10px;
}

.news-index-list li .img {
    width: 245px;
    height: 137px;
    overflow: hidden;
    display: block;
    margin-right: 20px;
}

.news-index-list li .img img {
    width: 245px;
    height: 137px;
    display: block;
}

.news-index-list li .txt {
    width: 542px;
    height: 137px;
    overflow: hidden;
    position: relative;
}

.news-search .news-index-list li .txt {
    width: 720px;
    margin-right: 60px;
}

.news-index-list li .txt h4 {
    margin-bottom: 10px;
    height: 23px;
    overflow: hidden;
}

.news-index-list li .txt h4 a {
    color: #333;
    font-size: 20px;
}

.news-index-list li .txt h4:hover a {
    color: #63a92e;
}

.news-index-list li .txt .desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
}

.news-search .news-index-list .txt .desc {
    -webkit-line-clamp: 4;
}

.news-search .news-index-list .txt em {
    color: #f00;
}

.news-index-list li .txt .time {
    position: absolute;
    bottom: 0;
    color: #999;
    font-size: 12px;
}

.news-index-list li .txt .time i {
    font-size: 12px;
}

.relation-news-side {
    overflow: hidden;
}

.relation-news-side li {
    overflow: hidden;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

.relation-news-side li:nth-child(1) {
    padding-top: 0;
}

.relation-news-side li .title {
    display: inline-block;
    width: 280px;
    padding: 0 10px;
    /* border-left: 5px solid #63a92e; */
    height: 20px;
    overflow: hidden;
}

.relation-news-side li .title:hover {
    color: #63a92e;
}

.relation-news-side li .iconcollection_fill {
    color: #63a92e;
    float: left;
}

.info-down-box {
    position: relative;
    padding: 0 10px 15px;
    align-items: center;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}

.info-down-box .img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 14px;
    margin-right: 20px;
    margin-top: 15px;
    margin-left: 10px;
}

.info-down-box .img img {
    width: 120px;
    height: 120px;
}

.info-down-box .info {
    width: 410px;
}

.info-down-box .info h1,
.info-down-box .info h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.info-down-box .info .f-item {
    font-size: 14px;
    color: #444;
    float: left;
    width: 45%;
    margin: 5px 0;
}

.info-down-box .info .f-item i,
.info-down-box .info p i {
    color: #666;
    font-size: 13px;
    font-style: normal;
}

.info-down-box .download {
    margin-left: 85px;
    font-size: 1rem;
}

.info-down-box .f-item .star_grade_topic {
    display: inline-block;
}
.topic-index-list {
    margin: 20px 0;
}

.topic-index-list li {
    width: 292px;
    height: 194px;
    margin-right: 10px;
    margin-bottom: 25px;
    background: #fafafa;
    transition: background-color .4s
}

.topic-index-list li:hover {
    transform: translateY(-2%);
    box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, .1);
    background: #fff;
}

.topic-index-list li:hover h4 {
    color: #63a92e;
}

.topic-index-list li:nth-child(4n) {
    margin-right: 0;
}

.topic-index-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.topic-index-list li .img {
    width: 292px;
    height: 150px;
    overflow: hidden;
}

.topic-index-list li .img img {
    width: 292px;
    height: 150px;
}

.topic-index-list li h4 {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px;
    font-size: 18px;
}

.topic-index-list li p {
    color: #999;
    font-size: 12px;
    margin: 0 10px;
}

.topic-index-list li p span:nth-child(1) {
    float: left;
}

.topic-index-list li p span:nth-child(2) {
    float: right;
}

/* detail */
.topic-info {
    margin: 20px 0;
}

.topic-info div {
    height: 320px;
    background: #f9f9f9;
}

.topic-info .img {
    width: 640px;
    margin-right: 20px;
}

.topic-info .img img {
    width: 640px;
    height: 320px;
}

.topic-info .info {
    width: 540px;
}

.topic-info .info-title {
    overflow: hidden;
    padding: 20px;
    text-align: center;
}

.topic-info .info .icon {
    font-size: 30px;
    color: #ffa500;
}

.topic-info .info p.num,
.topic-info .info p.time {
    color: #999;
    display: inline-block;
    padding: 0 20px;
}

.topic-info .info p.num i {
    color: #ffa500;
    margin: 0 5px;
}

.topic-info .info p.time {
    float: right;
}

.topic-info .info p.desc {
    padding: 0 20px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 10px 0px;
}

.topic-info .info h1 {
    font-size: 30px;
    display: inline-block;
}

.topic-detail-list li {
    margin: 0 40px 25px 0;
    width: 206px;
    border: 1px solid #f0f0f0;
}

.topic-detail-list li:nth-child(5n) {
    margin-right: 0;
}

.topic-detail-list li a,
.topic-detail-list li .info p,
.topic-detail-list li .info a {
    display: block;
    margin: 0 auto;
}

.topic-detail-list li .app-info {
    text-align: center;
    margin: 20px 0;
}

.topic-detail-list li .app-info .img {
    width: 84px;
    height: 84px;
    border-radius: 16px;
    overflow: hidden;
}

.topic-detail-list li .img img {
    width: 84px;
    height: 84px;
}

.topic-detail-list li .app-info .name {
    padding: 0 20px;
    margin: 10px auto;
}

.topic-detail-list li .app-info .name h4 {
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.topic-detail-list li .app-info .size {
    font-size: 14px;
    color: #999;
}

.topic-detail-list li a.topic-btn {
    border-top: 1px solid #f0f0f0;
    height: 39px;
    line-height: 39px;
    text-align: center;
    width: 100%;
    font-size: 14px;
}

.star_grade_topic {
    margin-top: 10px;
    display: inline-block;
}

.topic-detail-list li:hover {
    box-shadow: 0 4px 6px rgb(125, 125, 125, 0.5);
}

.topic-detail-list li:hover a.topic-btn {
    color: #63a92e;
}

.topic-group .topic-detail-list li:nth-child(n+11) {
    display: none;
}
.head-more {
    overflow: hidden;
    width: 940px;
    justify-content: space-between;
    align-items: center;
}

.head-more h2 {
    line-height: 60px;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    color: #605f5f;
}

.head-more h2.Bold {
    font-weight: bold;
    line-height: 24px !important;
    font-family: "Microsoft YaHei";
    font-size: 20px;
    color: #262626;
}

.head-more a {
    display: block;
    color: #666;
}

.head-more a:hover {
    text-decoration: none;
    color: #63a92e;
}

.about_con_box {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 0 0 20px;
}

.con_left {
    float: left;
    width: 960px;
    margin-right: 30px;
}

.con_left .rank-list {
    width: 960px;
}

.con_left .rank-list li:nth-child(1),
.con_left .rank-list li:nth-child(7n+7) {
    margin-left: 0px;
}

.con_left .rank-list li:nth-child(n+13) {
    display: none;
}

.con_left .rank-list.rank-list-detail li:nth-child(n+11) {
    display: block;
}

.con_left .rank-list li {
    float: left;
    width: 173px;
    height: 258px;
    border: 1px solid #F5F5F5;
    position: relative;
    margin: 28px 0px 0px 30px;
}

.nyxRed {
    width: 34px;
    height: 53px;
    line-height: 35px;
    background: url(../images/cn-rankbg2.png) no-repeat 0 -20px;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: -15px;
    top: -2px;
}

.nyxGray {
    width: 34px;
    height: 53px;
    line-height: 35px;
    background: url(../images/cn-rankbg2.png) no-repeat -35px -20px;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: -15px;
    top: -2px;
}

.con_left .rank-list li span a {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0px 0px 30px 10px;
}

.con_left .rank-list li span a img {
    width: 100px;
    height: 100px;
    border-radius: 15px;
    margin: 14px 0px 0px 22px;
}

.con_left .rank-list li dl {
    width: 130px;
    margin: auto;
    margin-top: 15px;
}

.con_left .rank-list li dl dt a {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
}

.con_left .rank-list li dl dd.cont1 {
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin-top: 10px;
}

.con_left .rank-list li dl dd.cont2 {
    text-align: center;
    margin: 10px 0;
}

.con_left .rank-list li dl dd.cont3 a {
    display: block;
    width: 73px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #63a92e;
    border-radius: 5px;
    margin: auto;
    margin-top: 10px;
    color: #63a92e;
}

.con_left .rank-list li dl dd.cont3 a:hover {
    background: #63a92e;
    color: #FFFFFF;
}

.con_left .rank-list li:hover {
    border: 1px solid #63a92e;
}


.con_right {
    float: right;
    width: 180px;
}

.nyxAzsList {
    width: 180px;
    margin-top: 30px;
}

.nyxAzsList.top10_tag {
    max-height: 545px;
    overflow: hidden;
}

.nyxAzsList li {
    width: 180px;
    margin-top: 10px;
}

.nyxAzsList li a {
    width: 160px;
    padding: 0px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-align: center;
    margin-top: 9px;
    background: #f3f3f3;
    color: #999;
}

.nyxAzsList li a:hover,
.nyxAzsList .cur_li a {
    color: #fff;
    background: #63a92e
}

.nyxAzsList1 {
    margin-top: 20px;
}

.nyxAzsList1 li {
    margin-top: 3px;
}

.rank-box .detail-ul li {
    padding: 20px 0;
}

.rank-box .detail-ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ececec;
    padding: 10px;
}

.rank-box .detail-ul li:last-child {
    border: none;
}

.rank-box .detail-ul li .rank {
    font-style: normal;
    display: inline-block;
    text-align: center;
    width: 25px;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    background-color: #d3d3d3;
    color: #333;
    margin-top: -25px;
}

.rank-box .detail-ul li:nth-child(1) .rank {
    background-color: #ff0000;
    color: #fff;
}

.rank-box .detail-ul li:nth-child(2) .rank {
    background-color: #ff8c00;
    color: #fff;
}

.rank-box .detail-ul li:nth-child(3) .rank {
    background-color: #ffff00;
    color: #fff;
}

.rank-box .detail-ul li .icon {
    overflow: hidden;
    width: 120px;
    height: 120px;
    border-radius: 14px;
    font-size: 12px;
}

.rank-box .detail-ul li .icon img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
       object-fit: cover;
    transition: all 0.2s;
}

.rank-box .detail-ul li:hover img {
    transform: scale(1.1);
}

.rank-box .detail-ul li:hover .name {
    color: #63a92e;
}

.rank-box .detail-ul li .info {
    flex: 1;
    padding: 0 20px;
}

.detail-ul li .info em {
    color: #ff0000;
}

.rank-box .detail-ul li .name {
    display: block;
    width: 350px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rank-box .detail-ul li span {
    color: #666;
    font-size: 12px;
    margin-right: 20px;
}

.rank-box .detail-ul .info p {
    color: #666;
    font-size: 13px;
    width: 860px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 10px 0;
    padding: 0;
}

.rank-box .detail-ul li .score {
    width: 100px;
    height: 70px;
    border: 1px solid #ececec;
    border-radius: 4px;
    line-height: 70px;
    text-align: center;
    font-size: 30px;
    color: #63a92e;
}

.content-wrap .download {
    margin-top: 1.2rem;
    text-align: center;
}

.content-wrap .download .download-btn {
    padding: .8rem 1.5rem;
    color: #fff;
    background-color: #63a92e;
    border-radius: .4rem;
    font-weight: 600;
}

.content-wrap .download .download-btn:hover {
    background-color: #467e1c;
}



.w100{width: 100%!important}