.more {
    display: block;
    cursor: pointer;
    width: 0.68rem;
    height: 0.68rem;
    background: url(../images/v2/more.png) no-repeat center;
    background-size: contain;
}


.index-news {
    padding: 0.12rem;
    border: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    box-shadow: 2px 2px 5px #ececec, -2px -2px 5px #ececec;
}


.index-news .index-news-banner {
    width: 6.6rem;
    height: 6.14rem;
    position: relative;
}

.index-news .index-news-banner .tag-ad-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    position: relative;
}

.index-news .index-news-banner .tag-ad-item img {
    width: 100%;
    height: 100%;
    display: block; 
}

.index-news .index-news-banner .tag-ad-item .news-title {
    display: block;
    width: 100%;
    height: 0.42rem;
    line-height: 0.42rem;
    position: absolute;
    left: 0;
    bottom: 0;   
    color: #ffffff;
    background: rgba(22, 22, 22, 0.5);
    overflow: hidden;
    text-indent: 10px;
}

.index-news .index-news-banner .tag-ad-item:first-child {
    display: block;
}

.index-news .index-news-banner .tag-ad-guides {
    position: absolute;
    right: 0;
    bottom: 0.13rem;
    display: flex;
}

.index-news .index-news-banner .tag-ad-guides .tag-ad-guide-item {
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 50%;
    background: #ffffff;
    margin-right: 0.13rem;
    cursor: pointer;
}

.index-news .index-news-banner .tag-ad-guides .tag-ad-guide-item.active {
    background: #004098;
}

.index-news .index-news-contents {
    width: 6.6rem;
}

.index-news .index-news-contents .index-news-types {
    display: flex;
    height: 0.5rem;
    justify-content: space-between;
}

.index-news .index-news-contents .index-news-types a {
    display: block;
    cursor: pointer;
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background: #165fc5;
    color: #ffffff;
}

.index-news .index-news-contents .index-news-types a:hover {
    background: #004098;
    box-shadow: 2px 2px 5px #565454;
}

.index-news .index-news-contents .index-news-types a.active {
    background: #b60b0b;
    box-shadow: none;
}

.index-news .index-news-list {
    padding: 0 0.1rem;
    margin-top: 0.1rem;
}

.index-news .index-news-list li {
    display: flex;
    justify-content: space-between;
    line-height: 0.46rem;
}

.index-news .index-news-list li span {
    width: 80px;
    text-align: right;
}

.index-news .index-news-list li a {
    flex: 1;
    height: 0.46rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-news .index-news-list li a:hover {
    text-decoration: underline;
}

.index-server {
    padding-bottom: 1.4rem;
    background: url(../images/bg1.png) no-repeat bottom;
    background-size: contain;
    position: relative;
}

.index-server::after {
    content: '';
    display: block;
    width: 3.3rem;
    height: 3.43rem;
    position: absolute;
    background: url(../images/fdj.icon.png) no-repeat right top;
    background-size: contain;
    top: 1.25rem;
    right: 0;
    z-index: -1;
}

.index-server-title {
    height: 0.98rem;
    background: url(../images/service.label.png) no-repeat left;
    background-size: contain;
    margin-top: 1rem;
    display: flex;
    flex-direction: row-reverse;
}

.index-server-contents {
    margin-top: 0.5rem;
    display: flex;
    justify-content: space-between;
}

.index-server-contents .index-server-tabs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 6.16rem;
    width: 2.36rem;
}

.index-server-contents .index-server-tabs li {
    height: 0.58rem;
    line-height: 0.58rem;
    text-align: center;
    background: #eeeeee;
}

.index-server-contents .index-server-tabs li a {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
}

.index-server-contents .index-server-tabs li a.active {
    background: #165fc5;
    color: #ffffff;    
}

.index-server-contents .index-server-tabs li a.active::after,
.index-server-contents .index-server-tabs li a:hover::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    position: absolute;
    right: 10px;
    top: calc(50% - 5px);
    transform: rotate(135deg);
}

.index-server-contents .index-server-tabs li a:hover::after {
    border-color: #1f0f0f;
}
.index-server-contents .index-server-tabs li a.active::after {
    border-color: #fff;
}



.index-server-contents .index-server-items {
    width: 11.05rem;
    height: 6.16rem;
    position: relative;
}

.index-server-contents .index-server-items .tag-ads {
    width: 100%;
    height: 100%;
}

.index-server-contents .index-server-items .tag-ad-item {
    display: none;
    width: 100%;
    height: 100%;
}

.index-server-contents .index-server-items .tag-ad-item:first-child {
    display: block;
}

.index-server-contents .index-server-items .tag-ad-item img {
    display: block;
    width: 100%;
    height: 100%;
}

.index-server-contents .index-server-items .tag-ad-prev {
    width: 0.9rem;
    height: 100%;
    position: absolute;
    background: rgba(22, 22, 22, 0.2);
    left: 0;
    top: 0;
    cursor: pointer;
    display: none;
}

.index-server-contents .index-server-items .tag-ad-prev::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    position: absolute;
    left: calc(50% - 5px);
    top: 50%;
    transform: rotate(-45deg);
}

.index-server-contents .index-server-items .tag-ad-next {
    width: 0.9rem;
    height: 100%;
    position: absolute;
    background: rgba(22, 22, 22, 0.2);
    right: 0;
    top: 0;
    cursor: pointer;
    display: none;
}

.index-server-contents .index-server-items .tag-ad-next:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    position: absolute;
    left: calc(50% - 15px);
    top: 50%;
    transform: rotate(135deg);
}

.index-server-contents .index-server-items:hover .tag-ad-prev,
.index-server-contents .index-server-items:hover .tag-ad-next {
    display: block;
}




.index-keji {
    padding-bottom: 1rem;
    position: relative;
}

.index-keji::after {
    content: '';
    display: block;
    position: absolute;
    top: 1.96rem;
    left: 0.74rem;
    width: 17.72rem;
    height: 6.7rem;
    z-index: -1;
    background: url(../images/bg2.png) no-repeat center;
    background-size: contain;
}

.index-keji-title {
    height: 0.98rem;
    background: url(../images/keji.label.png) no-repeat left;
    background-size: contain;
    margin-top: 1rem;
    display: flex;
    flex-direction: row-reverse;
}

.index-keji-content {
    margin-top: 0.3rem;
    display: flex;
    justify-content: space-between;
}

.index-keji-content .index-keji-list {
    width: 3.4rem;
    height: calc(7.3rem - 2px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.index-keji-content .index-keji-list img {
    display: block;
    max-width: 100%;
    height: 3.12rem;
}

.index-keji-content .index-keji-list span {
    line-height: 0.5rem;
}

.index-keji-content .index-keji-list span.name {
    font-size: 16px;
    font-weight: bold;
    margin-right: 2px;
}

.index-keji-content .index-keji-list li:first-child {
    transition: 0.3s;
}

.index-keji-content .index-keji-result {
    position: relative;
    flex: 1;
}

.index-keji-content .index-keji-result-item {
    display: none;
    position: absolute;
    transition: 0.3s;
}

.index-keji-content .index-keji-result .index-keji-result-1 {
    display: flex;
    top: 0;
    left: 4.8rem;
}

.index-keji-content .index-keji-result .index-keji-result-1 div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.index-keji-content .index-keji-result .index-keji-result-1 img {
    width: 1.09rem;
    height: 1.48rem;
    margin-right: 0.4rem;
    display: block;
}

.index-keji-content .index-keji-result .index-keji-result-2 {
    display: flex;
    top: calc(50% - 1.715rem);
    left: 1.65rem;
}

.index-keji-content .index-keji-result .index-keji-result-2 div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.index-keji-content .index-keji-result .index-keji-result-2 img {
    width: 2.54rem;
    height: 3.43rem;
    margin-right: 0.4rem;
    display: block;
}

.index-keji-content .index-keji-result .index-keji-result-3 {
    display: flex;
    top: auto;
    bottom: 0;
    left: 4.8rem;
}

.index-keji-content .index-keji-result .index-keji-result-3 div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.index-keji-content .index-keji-result .index-keji-result-3 img {
    width: 1.09rem;
    height: 1.48rem;
    margin-right: 0.4rem;
    display: block;
}



.index-studio {
    padding-bottom: 1rem;
    position: relative;
}

.index-studio::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.7rem;
    z-index: -1;
    background: url(../images/bg3.png) no-repeat center;
    background-size: contain;
}

.index-studio-title {
    height: 0.98rem;
    background: url(../images/studio.label.png) no-repeat right;
    background-size: contain;
    margin-top: 1rem;
    display: flex;
    flex-direction: row-reverse;
}

.index-studio-content-right {
    display: flex;
    flex-direction: row-reverse;
}

.index-studio-content-left .index-studio-content-cover {
    margin-left: 20px;
}

.index-studio-content-right .index-studio-content-cover {
    margin-right: 20px;
}

.index-studio-content {
    width: 10.35rem;
    padding: 0.2rem;
    background: rgba(17, 72, 157, 0.1);
    margin-bottom: 20px;
}

.index-studio-content {
    display: flex;
}

.index-studio-content .index-studio-content-info {
    flex: 1;
}

.index-studio-content .index-studio-content-cover {
    width: 4.59rem;
    height: 3.06rem;
}

.index-studio-content .index-studio-content-cover img {
    display: block;
    width: 100%;
    height: 100%;
}

.index-studio-content .index-studio-content-title {
    height: 0.76rem;
    line-height: 0.76rem;
    display: flex;
    justify-content: space-between;
}

.index-studio-content .index-studio-content-title span {
    font-weight: bold;
    font-size: 14px;
}

.index-studio-content .index-studio-content-title a {
    color: #004098;
}

.index-studio-content .index-studio-content-title a:hover {
    text-decoration: underline;
}

.index-studio-content .index-studio-content-title span.name {
    font-size: 18px;
}

.index-studio-content .index-studio-content-desc {
    line-height: 0.3rem;
    text-indent: 2em;
    height: 2.1rem;
    overflow: hidden;
}

.index-honor {
    padding-bottom: 1rem;
    position: relative;
}

.index-honor-title {
    height: 0.98rem;
    background: url(../images/honor.label.png) no-repeat left;
    background-size: contain;
    margin-top: 1rem;
    display: flex;
    flex-direction: row-reverse;
}

.index-honor-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index-honor-contents .index-honor-item {
    border: 1px solid #f4f4f4;
    text-align: center;
    width: 3.56rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: 0.4rem;
}

.index-honor-contents .index-honor-item:hover {    
    box-shadow: 2px 2px 5px #aaa, -2px -2px 5px #aaa;
}

.index-honor-contents .index-honor-item img {
    max-width: 100%;
    max-height: 100%;
}