.root {
    background-color: #002248;
}
.content {
    background: url('../imgs/index_bg.png');
}
.content>li:first-child {
    padding-top: 90px;
    height: 410px;
    background-image: url('../imgs/application/banner.jpg');
    background-size: cover;
}
.content>li:nth-child(even) {
    background: url('../imgs/application/bg.jpg');
    background-repeat: repeat-y;
    background-size: cover;
    color: #666;
}

/* 内容区域 */
.wrap {
    position: relative;
}
.wrap .text {
    position: absolute;
    top: 467px;
    left: 635px;
}
.last .text {
    top: 520px;
    left: 605px;
}
.wrap .link {
    margin-top: 6px;
    width: 120px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0);
}
.wrap .link:hover {
    background-color: rgba(255, 255, 255, .5);
    color: #2c7be4;
}
.link-icon {
    display: inline-block;
    margin-left: 6px;
    width: 12px;
    height: 10px;
    background: url('../imgs/application/normal.png');
}
.link:hover .link-icon{
    background: url('../imgs/application/hover.png');
}

/* -------------------------移动端------------------------- */
.mobile .content>li:first-child {
    background-image: url('../imgs/application/mbanner.png');
}
.mobile .application .box>img {
    margin-top: .6rem;
    width: 5.32rem;
    height: .45rem;
}
.mobile .application .wrap>img {
    margin: .32rem 0 .6rem;
    width: 100%;
}
/* 跳转链接 */
.mobile .wrap {
    padding: 0 .3rem;
    font-size: 0;
}
.mobile .wrap .text {
    top: 48.1%;
    left: 41.2%;
}
.mobile .last .text {
    top: 44%;
    left: 38.2%;
}
.mobile .wrap .text>span {
    font-size: .3rem;
}
.mobile .wrap .link {
    display: inline-block;
    margin-top: .05rem;
    width: 1.14rem;
    height: .32rem;
    line-height: .32rem;
    border: none;
}
.mobile .wrap .link img {
    width: 100%;
}
.mobile .link-icon {
    margin-left: .2rem;
}