/****************** 雅客-手机端首页*********************/
.icon1 {
    display: block;
    float: left;
    background: url(../image/icon1.png) no-repeat;
    background-size: 400px 300px;
}

/* 首页轮播 */
.topslidper {
    width: 100%;
    box-shadow: 0 6px 4px -2px #eeeeee;
}

.topcarouSwiper {
    width: 94%;
    margin: 0 auto;
    margin-top: 0.75rem;
    margin-bottom: .625rem;
}

.topcarouSwiper .swiper-wrapper .swiper-slide {
    width: auto;
    text-align: center;
    padding-bottom: 20px;
    height: 1.25rem;
    overflow: hidden;
    line-height: 1.25rem;
}

.topcarouSwiper .swiper-wrapper .swiper-slide a {
    color: #333333;
    font-size: 1.125rem;
    display: block;
    height: 1.25rem;
    overflow: hidden;
}

.topcarouSwiper .swiper-wrapper .current a {
    color: #2371f3;
    font-size: 18px;
    font-weight: 600;
    border-bottom: #2371f3 3px solid;
    padding-bottom: 0.65rem;
    border-radius: 5px 5px;
}

.topcarouSwiper .swiper-pagination {
    width: 28%;
    right: 40px;
    left: 70%;
    overflow: hidden;
    height: 1.25rem;
    margin-right: 4%;
}

/* 位置 */
.placeBase {
    height: 2.1875rem;
    padding-top: 1px;
    background: #f7f4f4;
    position: relative;
    overflow: hidden;
    padding: 0 3%;
}

.placeBase b {
    width: 16px;
    height: 15px;
    background-position: -120px -110px;
    margin: 10px 7px 0 0;
}

.placeBase a {
    height: 2.1875rem;
    line-height: 2.1875rem;
    font-size: 0.875rem;
    color: #999999;
    overflow: hidden;
}

.placeBase span {
    line-height: 2.1875rem;
    font-size: .875rem;
    color: #333333;
}

.placeBase em {
    margin: 0 2px;
    color: #999999;
}

.lefileSwiper {
    width: 94%;
    margin: 10px auto;
    border-radius: 5px;
    overflow: hidden;
    height: 220px;
}

.lefileSwiper .swiper-wrapper .swiper-slide a {
    width: 100%;
    position: relative;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

.lefileSwiper .swiper-wrapper .swiper-slide p {
    position: absolute;
    bottom: 10px;
    font-weight: 600;
    font-size: 1.125rem;
    width: 98%;
    padding: 0 1%;
    background: rgba(0, 0, 0, 0.7);
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: #ffffff;
    bottom: 0;
}

.lefileSwiper .swiper-wrapper .swiper-slide p span {
    color: #ffffff;
    width: 64%;
    margin-top: 2.25rem;
    line-height: 4.5rem;
    margin-left: 4%;
    display: block;
    overflow: hidden;
}

.lefileSwiper .swiper-wrapper {
    width: 100%;
}



.lefileSwiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 11.875rem;
    border-radius: 5px;
}

.lefileSwiper .swiper-pagination {
    bottom: 0;
    width: 100%;
    right: 0;
    left: initial;
}

.lefileSwiper .swiper-pagination span {
    width: 16px;
    height: 8px;
    opacity: 1;
    background: #333;
    opacity: 0.2;
    border-radius: 5px;
}

.lefileSwiper .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #ffffff;
    outline: none;
    opacity: 1;
    width: 25px;
    background: #2371f3;
    height: 8px;
}

.comebtList {
    width: 94%;
    margin: 20px auto 16px;
    display: flex;
    justify-content: space-around;
    padding: 0 3%;
}

.comebtList li {
    width: 20%;
    overflow: hidden;
    text-align: center;
}

.comebtList li a em {
    width: 3.75rem;
    height: 3.75rem;
    float: initial;
    margin: 0 auto;
}

.comebtList li:nth-child(1) a em {
    background-position: 0 0;
}

.comebtList li:nth-child(2) a em {
    background-position: -80px 0;
}

.comebtList li:nth-child(3) a em {
    background-position: -160px 0;
}

.comebtList li:nth-child(4) a em {
    background-position: -250px 0;
}

.comebtList li:nth-child(5) a em {
    background-position: -330px 0;
}

.comebtList li a p {
    color: #333;
    width: 80%;
    padding: 0 10%;
    font-size: 1rem;
    margin-top: 4px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}

.comebtList li a p.hover {
    color: #2371f3;
}

.ykbordBox {
    border-top: 6px solid #f4f4f4;
    padding-bottom: 20px;
}

/* 标题 */
.delingth {
    width: 94%;
    padding: 0 3%;
}

.recomTitle {
    margin-top: 0.8rem;
}

.recomTitle h2 {
    float: left;
}

.recomTitle h2 span {
    font-size: 1.125rem;
    margin-left: 8px;
    font-weight: 600;
}

.recomTitle h2 em.icon1 {
    width: 4px;
    height: 18px;
    background-position: 0px -70px;
    margin-top: 6px;
}

.recomTitle a {
    float: right;
    line-height: 26px;
    color: #999999;
    position: relative;
    z-index: 9999;
    font-size: .875rem;
}

.recomTitle a em {
    width: 16px;
    height: 16px;
    background-position: -60px -70px;
    margin: 5px 0 0 5px;
    float: right;
}

.dyeinSwiper {
    position: relative;
}

.dyeinSwiper .gallery-thumbs {
    width: 5rem;
    position: absolute;
    top: -26px;
    right: 3%;
    text-align: center;
    border: 1px solid #2371f3;
    border-radius: 5px;
}

.dyeinSwiper .gallery-thumbs span {
    font-size: 14px;
    display: block;
    padding: 2px 2px;
}

.dyeinSwiper .swiper-slide-thumb-active {
    background: #2371f3;
    color: #FFFFFF;
}

.glaveList {
    width: 94%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.glaveList li {
    width: 22%;
    margin-left: 4%;
    float: left;
    margin-top: 1.3rem;
    text-align: center;
}

.glaveList li:nth-child(4n+1) {
    margin-left: 0;
}

.glaveList li img {
    width: 76px;
    height: 76px;
    border-radius: 15px;
}

.glaveList li .dImg {
    position: relative;
    margin: 0 auto;
    width: 4.875rem;
    border-radius: 15px;
    overflow: hidden;
}

.glaveList li .dImg span {
    width: 2.75rem;
    height: 1.3rem;
    background: #fb5863;
    text-align: center;
    line-height: 1.25rem;
    border-radius: 0 0 15px 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: .875rem;
}

.glaveList li .dImg em {
    width: 76px;
    height: 20px;
    background-position: -170px -180px;
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
    line-height: 1.25rem;
}


.glaveList li p {
    width: 4.8rem;
    padding: 6px 0.1rem 3px;
    height: 1.875rem;
    font-size: 0.875rem;
    margin: 0 auto;
    line-height: 1.875rem;
    text-align: center;
    overflow: hidden;
    color: #333333;
}

.glaveList li span {
    font-size: 0.875rem;
    display: block;
    width: 3.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
    color: #ffffff;
    background: #2371f3;
}

.featurnsper {
    margin-top: 20px;
    width: 94%;
    overflow: hidden;
}

.featurnsper a img {
    width: 100%;
    height: 40vw;
    border-radius: 5px;
}

.featurnsper a {
    display: block;
    position: relative;
}

.featurnsper .swiper-pagination {
    bottom: 0;
}

.featurnsper .swiper-pagination-current {
    color: #ff5e67;
    font-size: 1.125rem;
}

.featurnsper .swiper-pagination {
    font-size: 14px;
}

.featurnsper .swiper-pagination span {
    width: 16px;
    height: 8px;
    opacity: 1;
    background: #333;
    opacity: 0.2;
    border-radius: 5px;
}

.featurnsper .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #ffffff;
    outline: none;
    opacity: 1;
    width: 25px;
    background: #2371f3;
    height: 8px;
}

.featurnsper .wogerNav {
    margin-top: 20px;
    display: flex;
    height: 92px;
}

.featurnsper .wogerNav img {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 10px;
}

.featurnsper .wogerNav dl {
    flex: 1;
    margin: 0 1rem;
    margin-top: 3px;
    height: 3.4375rem;
    overflow: hidden;
}

.featurnsper .wogerNav dl dt {
    color: #333;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.featurnsper .wogerNav dl dd {
    color: #999999;
    margin-top: 14px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.featurnsper .wogerNav span {
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #2371f3;
    color: #ffffff;
    font-size: 14px;
    float: right;
    border-radius: 5px;
    margin-top: 15px;
}

/* 推荐游戏 */
.handgTitle {
    display: flex;
    justify-content: center;
}

.handgTitle em {
    position: absolute;
    left: -49px;
    margin-top: 3px;
}

.handgTitle em.em1 {
    width: 17px;
    height: 20px;
    background-position: -120px -70px;
}

.handgTitle em.em2 {
    width: 16px;
    height: 20px;
    background-position: -155px -70px;
}

.handgTitle a {
    position: absolute;
    right: 3%;
    color: #ffffff;
    margin-top: 3px;
}

.handgTitle span {
    font-weight: 600;
    font-size: 1.25rem;
    color: #ffffff;
    position: relative;
}

.handgTitle span::before {
    content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background: #ffffff;
    transform: rotate(45deg);
    left: -17px;
    top: 12px;
}

.handgTitle span::after {
    content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background: #ffffff;
    transform: rotate(45deg);
    right: -17px;
    top: 12px;
}

.handgTitle .niodsox {
    text-align: center;
    position: relative;
}

.recomGame {
    background: url(../image/bg_recom.png) no-repeat;
    padding-top: 1rem;
    margin-top: 1rem;
    width: 100%;
    background-size: 100% 260px;
    padding-bottom: 20px;
}

.renysliSwiper {
    width: 94%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.renysliSwiper .swiper-slide {
    height: 10.625rem;
}

.renysliSwiper .swiper-slide a {
    display: block;
    width: auto;
    border-radius: 5px;
    height: 148px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.renysliSwiper .swiper-slide a img {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 100%;
    position: relative;
    border: 3px solid #ffffff;
    z-index: 2;
}

.renysliSwiper .swiper-slide a .makeNac {
    margin-top: -40px;
    background: #fff;
    height: 126px;
    border-radius: 5px;
    position: relative;
}

.renysliSwiper .swiper-slide p {
    font-size: 1rem;
    line-height: 1.25rem;
    height: 1.25rem;
    color: #333333;
    width: 94%;
    margin: 0.4rem auto 0;
    padding-top: 40px;
    overflow: hidden;
}

.renysliSwiper .swiper-slide span {
    width: 94%;
    height: 1.6rem;
    line-height: 1.6rem;
    margin: 0.2rem auto 0;
    overflow: hidden;
    display: block;
    color: #999999;
    font-size: .875rem
}

.renysliSwiper .swiper-slide em {
    font-size: 0.9375rem;
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 5px 4px;
}

.renysliSwiper .swiper-slide em.purple {
    background: #c77ee1;
}

.renysliSwiper .swiper-slide em.green {
    background: #04cb6a;
}

.renysliSwiper .swiper-slide em.purple {
    background: #c77ee1;
}


.recomRank {
    background: url(../image/bg_popular.png) no-repeat;
    background-size: 100% 290px;
}

.tsubhead {
    text-align: center;
    line-height: 26px;
    margin-top: 8px;
    color: #ffffff;
}

.boeSwiper {
    margin-top: 20px;
}

.boeSwiper .swiper-slide {
    width: 270px;
    height: 180px;
}

.borniec img {
    width: 5.375rem;
    float: left;
    margin-left: 10px;
    position: relative;
    z-index: 1;
    height: 5.375rem;
    border-radius: 100%;
    border: 3px solid #ffffff;
}

.borniec h3 {
    float: left;
    margin-top: 18px;
    font-size: 16px;
    height: 150px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-left: 10px;
}

.borniec {
    width: 270px;
    position: relative;
}

.borniec .cakeBox {
    background: url(../image/bg_hot.png) no-repeat 100%;
    background-size: 100% 120px;
    height: 120px;
    top: -40px;
    position: relative;
}

.cakeBox .canspan {
    margin-left: 90px;
    height: 33px;
    overflow: hidden;
    position: absolute;
    top: 20px;
}

.cakeBox .canspan span {
    height: 26px;
    border: 1px solid #fff;
    padding: 0 10px;
    border-radius: 24px;
    display: inline-block;
    margin-left: 10px;
    color: #ffffff;
    line-height: 26px;
    margin-bottom: 10px;
    font-size: .875rem;
}

.cakeBox a.aDown {
    background: #ffffff;
    font-size: 14px;
    width: 8.125rem;
    height: 2.5rem;
    display: block;
    border-radius: 2px;
    position: absolute;
    top: 63px;
    left: 60px;
    text-align: center;
    line-height: 2.5rem;
    color: #333;
}

.expersList li {
    margin-top: 1.15rem;
    width: 94%;
    padding: 0 3%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 18px;
}

.expersList li a {
    display: block;
    float: left;
    color: #333333;
}

.expersList li a img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 0.625rem;
    float: left;
}

.expersList li dl {
    width: calc(100% - 11rem);
    float: left;
    margin-left: 16px;
}

.expersList li dl dt {
    margin-top: 2px;
}

.expersList li dl dt {
    height: 1.25rem;
    line-height: 1.25rem;
    overflow: hidden;
    font-size: 1rem;
}

.expersList li dl dt a em {
    width: 20px;
    height: 20px;
    background: #ff5e67;
    display: inline-block;
    color: #ffffff;
    border-radius: 3px;
    text-align: center;
}

.expersList li:nth-child(n+4) dl dt a em {
    background: #d1d1d1;
}

.expersList li dl dd {
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
    font-size: 0.8125rem;
    color: #999999;
}

.expersList li dl dd {
    margin-top: 6px;
}

.expersList li dl dd.span-tag {
    height: 1.5rem;
}

.expersList li dl dd.span-tag a {
    height: 1.125rem;
    line-height: 1.125rem;
    color: #999999;
    padding: 1px 6px;
    border-radius: 1rem;
    border: 1px solid #ddd;
    margin-right: 8px;
    margin-bottom: 5px;
}

.expersList li .cdoloads {
    float: right;
}

.expersList li .cdoloads a {
    line-height: 1.8rem;
    margin-top: 1.46rem;
    height: 1.8rem;
    display: inline-block;
    width: 60px;
    background-size: 100px 100px;
    text-align: center;
    background: #04cb6a;
    border-radius: 5px;
    text-decoration: none;
    color: #ffffff;
}

.expersList li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}


.handpersList li {
    padding: 0 0 18px 0;
    width: 100%;
}

.handpersList li dl dd {
    margin-top: 9px;

}

.handpersList li .cdoloads a {
    background: #2371f3;
}

.handpersList li dl dd em {
    width: 14px;
    height: 14px;
    background-position: -150px -110px;
    margin: 1px 4px 0 0;
}

/* 热门排行 */
.hotRandar {
    width: 100%;
    margin-top: 16px;
}

.hotRandar a.rankhot {
    width: 65%;
    display: block;
    float: left;
    background: url(../image/bg_hot.png);
    height: 120px;
    background-size: 100% 120px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    height: 120px;
}

.rankhot h2 {
    font-size: 1.125rem;
    color: #fff;
    margin-top: 34px;
    height: 24px;
    overflow: hidden;
}

.rankhot p {
    font-size: 16px;
    margin-top: 5px;
    height: 21px;
    overflow: hidden;
}

.kadaReie {
    float: right;
    width: 30%;
}

.kadaReie a {
    display: block;
    border-radius: 5px;
    height: 52px;
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    line-height: 52px;
    padding: 0 5%;
}

.kadaReie a:first-child {
    background: #50c87c;
}

.kadaReie a:nth-child(2) {
    background: #ef48fb;
    margin-top: 16px;
}

.tencinList {
    margin-top: 20px;
}

.tencinList li {
    width: 30%;
    float: left;
    border-radius: 5px;
    margin-left: 5%;
    height: 52px;
    line-height: 52px;
    text-align: center;
}

.tencinList li a {
    padding: 0 5px;
    color: #ffffff;
    display: block;
    height: 52px;
}

.tencinList li:nth-child(1) {
    background: linear-gradient(to right, #bb8aff, #8646fc);
    margin-left: 0;
}

.tencinList li:nth-child(2) {
    background: linear-gradient(to right, #fdc879, #fd9b3e);
}

.tencinList li:nth-child(3) {
    background: linear-gradient(to right, #fa857d, #fb5763);
}

.fearulab li {
    margin-top: 16px;
    width: 22%;
    margin-left: 4%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
}

.fearulab li:nth-child(4n+1) {
    margin-left: 0;
}

.fearulab li a {
    display: block;
    font-size: 1rem;
    height: 30px;
    overflow: hidden;
    padding: 0 5px;
}

.fearulab li.li1 {
    border: 1px solid #fce4e4;
    background: #fce4e4;
}

.fearulab li.li1 a {
    color: #fc6163;

}

.fearulab li.li2 {
    border: 1px solid #f3eaff;
    background: #f3eaff;
}

.fearulab li.li2 a {
    color: #965df8;
}

.fearulab li.li3 {
    border: 1px solid #ffefdf;
    background: #ffefdf;
}

.fearulab li.li3 a {
    color: #ff9530;
}

.fearulab li.li4 {
    border: 1px solid #daf1ff;
    background: #daf1ff;
}

.fearulab li.li4 a {
    color: #1ba6ff;
}

.fearulab li.li5 {
    border: 1px solid #dfffed;
    background: #dfffed;
}

.fearulab li.li5 a {
    color: #07b881;

}

.fearulab li.li6 {
    border: 1px solid #bee9f7;
    background: #bee9f7;
}

.fearulab li.li6 a {
    color: #01b6ed;
}

/* 最新热点 */
.laezksList {
    float: right;
}

.laezksList li {
    float: left;
    font-size: .9375rem;
    margin-right: 15px;
    line-height: 24px;
    margin-top: 2px;
}

.laezksList li.current {
    font-weight: 600;
    padding-bottom: 5px;
    margin-top: -2px;
    color: #2371f3;
}

.laezksList li.current::before {
    content: '';
    width: 100%;
    height: 4px;
    background: #2371f3;
    display: block;
    border-radius: 4px;
    position: relative;
    top: 2.2rem;
}

.laezksList li:last-child {
    margin-right: 0;
}

.serifList {
    margin-top: 1.5rem;
}

.serifList li {
    margin-top: 1.22rem;
}

.serifList li a img {
    width: 7.5rem;
    height: 4.875rem;
    float: left;
    border-radius: 10px;
}

.serifList li dl {
    width: calc(100% - 8.4rem);
    float: left;
    margin-left: 0.875rem;
}

.serifList li a {
    color: #333333;
}

.serifList li dl dt {
    font-size: 1rem;
    line-height: 1.375rem;
    height: 2.75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.serifList li dl dd {
    margin-top: 0.8rem;
    font-size: .875rem;
    display: flex;
    justify-content: space-between;
    color: #999;
}

.serifList li dl dd span em {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 2px 7px 0 0;
    background-position: -90px -70px;
}

.serifList li dl dd span.span1 {
    font-size: 0.875rem;
}

.clickMore {
    width: 8.5rem;
    height: 2rem;
    line-height: 2rem;
    margin: 1.3rem auto 1rem;
    background: #f9f9f9;
    color: #999999;
    border-radius: 2rem;
    border: 1px solid #eaeaea;
    text-align: center;
    overflow: hidden;
    font-size: 0.9375rem;
    display: flex;
    justify-content: center;
}

.clickMore a {
    color: #999999;
}

.clickMore em {
    width: 12px;
    height: 7px;
    background-position: -270px -95px;
    margin: 13px 0 0 6px;
}

.newforList {
    margin-top: 10px;
}

.newforList li {
    float: left;
    width: 21%;
    margin: 0.8rem 0 0 3%;
    overflow: hidden;
}

.newforList li.hover a {
    background: #2371f3;
    color: #ffffff;
    border: 1px solid #2371f3;
}

.newforList li a {
    display: block;
    width: 100%;
    height: 2rem;
    line-height: 1.9rem;
    border: 1px solid #dddddd;
    color: #333333;
    font-size: .9375rem;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 5px;
    background: #f9f9f9;
}

.frendlink li {
    float: left;
    margin: 0.8rem 3% 0 0;
    overflow: hidden;
}

.frendlink li a {
    display: block;
    padding: 0 10px;
    height: 1.75rem;
    line-height: 1.6rem;
    color: #333;
    border: 1px solid #dddddd;
    color: #333333;
    font-size: 0.875rem;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 15px;
}

/******************** 雅客-单机列表页 *******************/

.tranList {
    width: 94%;
    padding: 0 3%;
    margin-top: 5px;
}

.tranList li {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
}

.tranList li img {
    width: 8.75rem;
    height: 10.625rem;
    border-radius: 5px;
}

.tranList li dl {
    flex: 1;
    margin-left: 15px;
    position: relative;
}

.tranList li dl dt {
    max-height: 3.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 26px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 2px;
}

.tranList li dl dt a {
    color: #333333;
    font-size: 1rem;
}

.tranList li dl dd.cont1 {
    color: #999;
    margin-top: 7px;
}

.tranList li dl dd.cont1 span {
    color: #999;
    display: inline-block;
    width: 46%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
}

.tranList li dl dd.cont1 span:nth-child(2n) {
    margin-left: 4%;
    line-height: 20px;
}

.tranList li dl dd.cont2 {
    color: #999999;
    font-size: .875rem;
    margin-top: 4px;
}

.tranList li dl dd.cont2 b {
    color: #fb5763;
    font-size: 20px;
    margin-right: 2px;
}

.tranList li dl dd.cont3 {
    position: absolute;
    color: #2371f3;
    bottom: 0;
    right: 0;
    font-weight: 600;
    font-size: 1rem;

}

.tranList li dl dd.cont3 em {
    width: 24px;
    height: 24px;
    background-position: 0 -140px;
    margin-right: 5px;
}

.tranList li dl dd.cont3 a {
    color: #2371f3;
    border-radius: 5px;
}





/****************** 雅客-手机端首页*********************/



.laezkBox h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    margin: 5px 0;
}

.laezklab {
    display: flex;
}

.laezklab img {
    width: 7.5rem;
    height: 9.0625rem;
    border-radius: 5px;
}

.laezklab ul {
    flex: 1;
    margin-left: 1.1rem;
}

.laezklab ul li {
    line-height: 1.84rem;
    height: 1.84rem;
    overflow: hidden;
    font-size: 14px;
}

.laezklab ul li span {
    float: left;
}

.laezklab ul li em {
    color: #999;
}

.laezklab ul li b {
    color: #fb5763;
    font-size: 20px;
}

.laezklab ul li a {
    display: block;
    float: left;
    width: auto;
    height: 1.4rem;
    line-height: 1.25rem;
    border: 1px solid #dddddd;
    color: #999;
    padding: 0px 10px;
    margin: 5px;
    font-size: .9375rem;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 15px;
    background: #f9f9f9;
}

.serdloadBox {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.serdloadBox a {
    width: 46%;
    height: 3rem;
    line-height: 3rem;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
}


.serdloadBox a.norA1 {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    color: #9b9b9b;
    font-weight: 600;
    overflow: hidden;
}

.serdloadBox a.norA1 em {
    width: 28px;
    height: 28px;
    background-position: -200px -110px;
    margin: 10px 8px 0 0;
}

.serdloadBox a.highA2 {
    background: #2371f3;
    text-align: center;
    color: #ffffff;
}

.serdloadBox a.highA2 em {
    width: 28px;
    height: 28px;
    background-position: -240px -110px;
    margin: 10px 8px 0 0;
}

.serdloadBox a.highA2 .ensnav {
    line-height: 20px;
    padding-top: 4px;
    text-align: left;

}

.serdloadBox a.highA2 .ensnav p.p1 {
    font-size: 1rem;
}

.serdloadBox a.highA2 .ensnav p.p2 {
    font-size: .75rem;
}

.siuperAire p {
    line-height: 1.825rem;
    margin-top: 4px;
    text-indent: 2rem;
}

.siuperAire h2 {
    margin: 4px 0;
    font-size: 1rem;
}

.siuperAire h2 em {
    width: 14px;
    height: 14px;
    background-position: -175px -110px;
    margin: 4px 5px 0 -4px;
}

.siuperAire p em {
    color: #ffffff;
    background: #fb5763;
    font-size: 14px;
    border-radius: 5px;
    padding: 2px 4px;
    margin-top: -2px;
}

.siuperAire img {
    display: block;
    margin: 10px auto;
    border-radius: 5px;
    max-width: 100%;
}

.figueList {
    width: 50%;
    margin: 15px auto;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    overflow: hidden;
}

.figueList li {
    width: 50%;
    background: #f4f4f4;
    color: #333333;
    font-weight: 600;
    height: 36px;
    overflow: hidden;
}

.figueList li.current {
    background: #2371f3;
    color: #ffffff;
}

.figueBox table {
    border: 1px solid #eeeeee;
    border-collapse: collapse;
    width: 100%;
}

.figueBox table td {
    border: 1px solid #eeeeee;
    line-height: 2rem;
    text-align: center;
    padding: 0 8px;
}

.figueBox table td:nth-child(1) {
    width: 20%;
}

.figueBox table td:nth-child(2) {
    width: 80%;
    text-align: left;
    text-indent: 1.1rem;
}

.figueBox table tr:nth-child(2n+1) {
    background: #f8f8f8;
}


.masking {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 4;
}


.gameScrehot .swiper-button-next {
    background-position: 0 -170px;
    outline: none;
    width: 40px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
}

.gameScrehot .swiper-button-prev {
    background-position: -55px -170px;
    left: 0;
    outline: none;
    width: 40px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
}

.prosand a {
    width: 100%;
    line-height: 2.125rem;
    margin-top: 0.8rem;
    float: initial;
    height: 2.125rem;
    text-align: center;
    background: #12b3c0;
    border-radius: 5px;
    text-decoration: none;
    color: #ffffff;
    font-size: 1rem;
    display: flex;
    justify-content: center;
}

.prosand a em {
    width: 16px;
    height: 16px;
    background-position: -130px 0px;
    margin-top: 9px;
    margin-right: 7px;
}

.gameScrehot .swiper-slide {
    width: auto;
}

.gameScrehot {
    width: 94%;
    margin: 0 auto;
}

.gameScrehot .swiper-container {
    height: 14rem;
}

.gameScrehot .swiper-container img {
    width: auto;
    height: 12.5rem;
    border-radius: 5px;
}

/* 应用详情页-大图轮播 */
.bigImgswiper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    background: black;
}

.bigImgswiper .widthImg {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}

.bigImgswiper .widthImg span {
    display: table-cell;
    vertical-align: middle
}

.bigImgswiper .widthImg img {
    width: 100%;
    height: auto;
}

.bigImgswiper .heightImg {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}

.bigImgswiper .heightImg span {
    display: table-cell;
    vertical-align: middle
}

.bigImgswiper .heightImg img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.masking {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 4;
}

.expersList li {
    margin-top: 1.25rem;
    border-bottom: 1px solid #eeeeee;
    width: 94%;
    margin: 0 auto;
    padding: 18px 3%;
}

.expersList li a {
    display: block;
    float: left;
    color: #333333;
    font-weight: 600;
}

.expersList li a img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 0.625rem;
    float: left;
}

.expersList li dl {
    width: calc(100% - 11rem);
    float: left;
    margin-left: 14px;
}

.expersList li dl dt {
    margin-top: 2px;
}

.expersList li dl dt {
    height: 1.3125rem;
    line-height: 1.3125rem;
    overflow: hidden;
    font-size: 1rem;
}

.expersList li dl dd {
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
    font-size: 0.8125rem;
    color: #999999;
    margin-top: 8px;
}

.expersList li .cdoloads {
    float: right;
}

.expersList li .cdoloads a {
    line-height: 1.8rem;
    margin-top: 1.5rem;
    height: 1.8rem;
    display: inline-block;
    width: 60px;
    text-align: center;
    background: #2371f3  !important;
    border-radius: 5px;
    color: #ffffff;
    font-size: .9375rem;
}

.cnfriendlink {
    margin-top: 0.625rem;
    padding-bottom: 15px;
}

.cnfriendlink li {
    float: left;
    margin: 10px 0px 0px 3%;
}

.cnfriendlink li a {
    display: block;
    font-size: 14px;
    float: left;
    color: #333333;
    height: 25px;
    line-height: 25px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background: #FFFFFF;
    padding: 0px 10px;
}


/************** 单机频道页 ***************/
.hotOrderper .swiper-pagination {
    bottom: 0;
    width: 100%;
    right: 0;
    left: initial;
}

.hotOrderper .swiper-pagination span {
    width: 16px;
    height: 8px;
    opacity: 1;
    background: #333;
    opacity: 0.2;
    border-radius: 5px;
}

.hotOrderper .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #ffffff;
    outline: none;
    opacity: 1;
    width: 25px;
    background: #2371f3;
    height: 8px;
}

.hotOrderper .swiper-slide {
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}

.hotOrderper .swiper-slide a img {
    width: auto;
    height: 9.375rem;
    border-radius: 5px;
}

.hotOrderper .swiper-slide a {
    color: #333;
}

.hotOrderper .swiper-slide a p {
    width: 100%;
    text-align: center;
    overflow: hidden;
    line-height: 1.5rem;
    height: 1.5rem;
    margin: 12px auto;
}

.hotOrderper {
    height: 13.5rem;
    margin-top: 18px;
}

/* @media screen and (max-width: 320px) {
    .hotOrderper .swiper-slide a img{ width: 100%; }
} */


.glaveSwiper .swiper-pagination {
    bottom: 0;
    width: 100%;
    right: 0;
    left: initial;
}

.glaveSwiper .swiper-pagination span {
    width: 16px;
    height: 8px;
    opacity: 1;
    background: #333;
    opacity: 0.2;
    border-radius: 5px;
}

.glaveSwiper .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #ffffff;
    outline: none;
    opacity: 1;
    width: 25px;
    background: #2371f3;
    height: 8px;
}

.glaveSwiper .swiper-slide {
    margin-top: 1rem;
    height: 15.8rem;
}

.glaveSwiper .swiper-slide img {
    width: 100%;
    height: 11.875rem;
    border-radius: 5px;

}

.glaveSwiper .swiper-slide a {
    width: 100%;
    height: 15.8rem;

    position: relative;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

.glaveSwiper .swiper-slide a p {
    position: absolute;
    bottom: 20px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    line-height: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
}

.glaveSwiper .swiper-slide a p span {
    height: 2.5rem;
    overflow: hidden;
}

.glaveSwiper .swiper-slide a p span:nth-child(1) {
    color: #333333;
    max-width: 55%;
}

.glaveSwiper .swiper-slide a p span:nth-child(2) {
    color: #999;
    font-size: .875rem;
    max-width: 40%;
}

.glaveSwiper .swiper-slide a p span:nth-child(2) b {
    font-size: 20px;
    color: #ff6565;
}

.messaglist {
    margin-top: 0.5rem;
}

.messaglist li {
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;

}

.messaglist li a {
    color: #333333;
    display: block;
}

.messaglist li a p {
    width: 80%;
    height: 2.5rem;
    float: left;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messaglist li a span {
    float: right;
    max-width: 15%;
    font-size: .875rem;
    color: #999;
    height: 2.5rem;
    overflow: hidden;
}


.ygamelabList {
    padding: 0 3%;
}

.ygamelabList li {
    width: 30%;
    margin-left: 5%;
}

.ygamelabList li:nth-child(3n+1) {
    margin-left: 0;
}

.patchList {
    margin-top: 5px;
}

.patchList li {
    border-bottom: 1px solid #eeeeee;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
}

.patchList li:last-child {
    border: 0;
}

.patchList li a {
    width: 100%;
    color: #333333;
    display: flex;
}

.patchList li span {
    width: 4.875rem;
    height: 1.75rem;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    text-align: center;
    line-height: 1.75rem;
    background: #f4f4f4;
    margin-top: 12px;
    font-size: .875rem;
    color: #999;
}

.patchList li p {
    flex: 1;
    margin: 0 16px 0 7px;
}

.patchList li em {
    color: #999999;
}

/************ 排行榜列表页 **************/
.rankalList li {
    float: left;
    width: 48%;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #eaeaea;
    margin-top: 16px;
    border-radius: 5px;
}

.rankalList li.hover {
    background: #2371f3;
    border: 1px solid #2371f3;
}

.rankalList li.hover a {
    color: #ffffff;
}

.rankalList li a {
    display: block;
    color: #333333;
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 5px;
}

.rankalList li:nth-child(2n) {
    margin-left: 4%;
}

/************ 排行榜落地页 **************/
.rankldent {
    padding-bottom: 10px;
}

.rankldent h1 {
    height: 3.125rem;
    font-size: 20px;
    font-weight: 600;
    line-height: 3.125rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rankldNav {
    margin-bottom: 5px;
    height: 21px;
    overflow: hidden;
}

.rankldNav em {
    width: 16px;
    height: 16px;
    background-position: -90px -70px;
    margin: 3px 4px 0 0;
}

.rankldent span {
    font-size: .875rem;
    color: #999999;
}

.rankldent span:nth-child(2) {
    margin-right: 40px;
}

.rankldent p {
    line-height: 2rem;
    text-indent: 2rem;
}

.pankerList li dl dt {
    margin-top: 3px;
}

.pankerList li dl dd {
    margin-top: 9px;
}

.pankerList li dl dd span {
    float: left;
}

.pankerList li dl dd em {
    width: 14px;
    height: 14px;
    background-position: -150px -110px;
    margin: 1px 5px 0 5px
}

.expersList li .cdoloads a {
    background: #01b6ed;
}

/************ 排行榜频道页 **************/
.pakchanner {
    width: 100%;
    height: 215px;
    background: url(../image/img_ranking.png) no-repeat;
    background-size: 100% 215px;
}

.pakchaList {
    display: flex;
    justify-content: space-around;
    position: relative;
}

.pakchaList li a {
    background: #ffffff;
    display: block;
    height: 120px;
    width: 6.25rem;
    text-align: center;
    position: relative;
    border-radius: 5px;
}

.pakchaList li a p {
    color: #333;
    margin-top: 5px;
    padding: 0 5px;
    overflow: hidden;
    height: 21px;
}

.pakchaList li:nth-child(1) {
    margin-top: 48px;
}

.pakchaList li:nth-child(2) {
    margin-top: 32px;
}

.pakchaList li:nth-child(3) {
    margin-top: 48px;
}

.pakchaList li a span {
    background: #fb5863;
    display: block;
    width: 100%;
    height: 1.875rem;
    line-height: 1.875rem;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 5px 5px;
    font-size: .875rem;
}

.pakchaList li img {
    width: 4.875rem;
    height: 4.875rem;
    border-radius: 100%;
    border: 3px solid #ffffff;
    margin-top: -28px;
}

.pakchaList li:nth-child(2) b {
    font-size: 28px;
    width: 100px;
    height: 38px;
    overflow: hidden;
    margin-top: 18px;
}

.pakchaList li b {
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    margin-top: 11px;
    font-size: 20px;
    width: 6.25rem;
    display: inline-block;
    width: 100px;
    height: 30px;
    overflow: hidden;
}

.channerList {
    padding: 0 3%;
}

.channerList li {
    border-bottom: 1px solid #eeeeee;
    padding: 18px 0;
    display: flex;
}

.channerList li em {
    width: 22px;
    height: 30px;
    background-position: -80px -110px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    padding-right: 2px;
    margin-top: 14px;
}

.channerList li a img {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 10px;
    margin-left: 10px;
}

.channerList li dl {
    flex: 1;
    margin-left: 15px;
}

.channerList li dl dt {
    margin-top: 3px;
    height: 21px;
    overflow: hidden;
}

.channerList li dl dt a {
    font-size: 1rem;
    color: #333333;
}

.channerList li dl dd {
    margin-top: 14px;
    color: #999999;
    height: 21px;
    overflow: hidden;
    font-size: .875rem;
}

.channerList li a.aDown {
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
    background: #2371f3;
    border-radius: 5px;
    color: #ffffff;
    font-size: .875rem;
    margin-top: 13px;
}

/****************** 视频列表页 *********************/

.kvideoList li {
    padding: 20px 3% 5px;
    border-bottom: 6px solid #f4f4f4;
}

.kvideoList li a {
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    font-weight: 600;
    text-align: center;
    display: block;
}

.kvideoList li a.aImg{
    width: 100%;
    height: 50vw;
    max-height: 300px;
    position: relative;
}

.kvideoList li a.aImg span{
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    text-align: center;line-height: 1.25rem;
    height: 1.25rem;
    width: 3.125rem;
    border-radius: 1.25rem;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
}

.kvideoList li img{
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.kvideoList li a.aImg em{
    background-position: -110px -170px;
    width: 50px;height: 50px;position: absolute;
    top: 50%;left: 50%;
    margin-top: -25px;margin-left: -25px;
}

.kvideoList li video {
    border-radius: 5px;
    overflow: hidden;
}

/****************** 视频频道页 *********************/
.vidchalist li {
    padding: 0px 3% 2px;
    border-bottom: 6px solid #f4f4f4;
}

.vidchalist li a.aImg{
    width: 100%;
    height: 50vw;
    max-height: 300px;
    position: relative;
}

.vidchalist li a.aImg em{
    background-position: -110px -170px;
    width: 50px;height: 50px;position: absolute;
    top: 50%;left: 50%;
    margin-top: -25px;margin-left: -25px;
}

.vidchalist li img{
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.vidchalist li a {
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    font-weight: 600;
    text-align: center;
    display: block;
}

.vidchalist li video {
    border-radius: 5px;
    overflow: hidden;
}

.vidchalist li p {
    line-height: 2.875rem;
    height: 2.875rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.vidchalist li p span {
    font-size: .875rem;
    color: #999999;
}

.vidchalist li p em {
    width: 16px;
    height: 16px;
    background-position: -90px -70px;
    margin: 14px 5px 0 0;
}


/****************** 视频频道页 *********************/
.choiceList {
    display: flex;
    justify-content: space-between;
    padding: 16px 3% 10px;
}

.choiceList li.current {
    color: #2371f3;
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
}

.choiceList li.current::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 6px;
    border-radius: 3px;
    background: #2371f3;
    bottom: -13px;
    left: 25px;
}


/****************** 视频频道页 *********************/
.bleedSwiper {
    height: 155px;
}

.bleedList li {
    float: left;
    width: 22%;
    margin-left: 4%;
    float: left;
    margin-top: 1.3rem;
    text-align: center;
}

.bleedList li:nth-child(1) {
    margin-left: 0;
}

.bleedList li a img {
    width: 76px;
    height: 76px;
    border-radius: 15px;
}

.bleedList li a {
    color: #333;
}

.bleedList li p {
    font-size: .875rem;
    line-height: 21px;
    height: 21px;
    overflow: hidden;
    margin-top: 10px;
}

.bleedSwiper .swiper-pagination {
    bottom: 0;
}

.bleedSwiper .swiper-pagination span {
    width: 16px;
    height: 8px;
    opacity: 1;
    background: #333;
    opacity: 0.2;
    border-radius: 5px;
    bottom: 0;
}

.bleedSwiper .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #ffffff;
    outline: none;
    opacity: 1;
    width: 25px;
    background: #2371f3;
    height: 8px;
}

/****************** 文章列表页 *********************/
.articelist li {
    padding: 18px 3%;
    border-bottom: 1px solid #eeeeee;
}

.articelist li a {
    display: flex;
    color: #333;
}

.articelist li a img {
    width: 8.125rem;
    height: 5rem;
    border-radius: 5px;
}

.articelist li a dl {
    flex: 1;
    margin-left: 15px;
}

.articelist li a dl dt {
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.articelist li a dl dd {
    color: #999999;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
}

.articelist li a dl dd span {
    max-width: 50%;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

.articelist li a dl dd span em {
    width: 16px;
    height: 16px;
    background-position: -90px -70px;
    margin: 1px 4px 0 0;
}

/****************** 专题列表页 *********************/

.speiclaList {
    margin-top: 5px;
}

.speiclaList li {
    padding: 0 3% 18px;
    border-bottom: 6px solid #f4f4f4;
}

.speiclaList li .titsknav h2 {
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.speiclaList li .titsknav img {
    width: 100%;
    border-radius: 5px;
}

.kiesbied {
    margin-top: 20px;
    display: flex;
}

.kiesbied a.aImg {
    width: 60px;
    height: 60px;
    border-radius: 5px;
}

.kiesbied a.aImg img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.kiesbied a.aDown {
    float: right;
    display: block;
    width: 3.75rem;
    height: 2rem;
    line-height: 2rem;
    font-size: .9375rem;
    margin-top: 14px;
    margin-left: 10px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 5px;
    background: #2371f3;
    color: #ffffff;
}

.kiesbied dl {
    flex: 1;
    margin-left: 15px;
}

.kiesbied dl dt {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 4px;
}

.kiesbied dl dt a {
    color: #333333;
    font-weight: 600;
}

.kiesbied dl dd {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: .875rem;
    color: #999999;
    margin-top: 16px;
}

/****************** 手游落地页 *********************/


/* 安全下载 */

.app_des_down {
    padding: 10px 3%;
    position: relative;
    border-top: 1px solid #eeeeee;
}

.app_des_down .icon {
    position: absolute;
    right: 40px;
    top: 0;
    width: 39px;
    height: 54px;
    background: url("https://m.cn486.com/statics/web_images/icon_phb.png") no-repeat;
    background-size: 100% 100%;
}

.app_des_down .info h3 {
    font-size: 1.125rem;
    padding-top: 18px;
    text-align: center;
    font-weight: 600;
    line-height: 1.25rem;
    margin: 5px auto;
}



.app_des_down .info dl {
    float: left;
    width: calc(100% - 130px);
    margin-top: 10px;
    margin-left: 18px;
    font-size: 0.875rem;
}

.app_des_down .info dl dd {
    color: #999999;
    margin-top: 8px;
    height: 20px;
    overflow: hidden;
}

.app_des_down .info dl dd:first-child {
    margin-top: 0;
}

.app_des_down .info dl dd a {
    margin-right: 2px;
}

.b_bottom_1 {
    border-bottom: 1px solid #eee;
}

.app_des_down .anzhuo,
.app_des_down .pingguo {
    font-size: 16px;
}

.alert_sub_box,
.alert_frmDown_box {
    display: none;
    width: 88.5%;
    padding-bottom: 50px;
    border: thin solid #2371f3;
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -44.3%;
    z-index: 5;
}

.alert_tit {
    width: 96%;
    height: 35px;
    line-height: 35px;
    padding: 0 2%;
    color: #FFFFFF;
    font-size: 16px;
    background: #2371f3;
}

.alert_con {
    padding-bottom: 25px;
}

.alert_con h1 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    padding: 25px 15px 0;
    display: block;
}

.alert_con b {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    padding: 25px 15px 0;
}


.alert_con h2 {
    text-align: center;
    padding: 65px 0 40px;
    font-weight: normal;
    font-size: 18px;
}

.alert_con p {
    padding: 18px 15px 0;
    font-size: 14px;
    line-height: 20px;
}

.alert_btn_box1,
.alert_btn_box2 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
    border: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.alert_btn_box1 a,
.alert_btn_box1 button,
.alert_btn_box2 a,
.alert_btn_box2 button {
    display: block;
    float: left;
    border: 0;
    width: 50%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    box-sizing: border-box;
}

.alert_con .frm_sub {
    background: #2371f3;
    color: #FFFFFF;
}

.alert_con .no_sub {
    background: #E7E7E7;
    color: #333333;
}

.alert_frmDown_box .i_close {
    display: block;
    width: 14px;
    height: 14px;
    background: url(https://m.cn486.com/style/web_images/bg19.png) no-repeat -55px 0px/200px 200px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.wdj_xz_box {
    margin-top: 15px;
}

.frm_use_wdj {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: -2px 5px 0 0;
    background: url(https://m.cn486.com/style/web_images/bg19.png) no-repeat -35px 0/200px 200px;
}

.wdj_xz_btn {
    margin-top: 15px;
}


.wdj_xz_box .mobTankuang {
    position: fixed;
    top: 50%;
    margin-top: -105px;
}

.mobTankuang {
    width: 80%;
    background: #FFFFFF;
    height: 215px;
    position: absolute;
    top: 7%;
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #CCCCCC;
}

.mobTanTitle {
    width: 100%;
    height: 45px;
    background: #2371f3;
    border-radius: 10px 10px 0px 0px;
}

.mobTanTitle h2 {
    font-size: 17px;
    line-height: 45px;
    color: #FFFFFF;
    text-align: center;
    padding-left: 10px;
}



.mobTanBox {
    width: 100%;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 12px;
    margin-top: 12px;
}

.mobTanIn {
    width: 95%;
    height: 40px;
    margin-left: 5.5%;
}

.mobTanIn input.text1 {
    width: 90%;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    font-family: "微软雅黑";
    border: none;
    background: none;
    outline: none;
    border: 1px solid #F1F1F1;
    border-radius: 5px;
    color: #999999;
    padding-left: 10px;
}

.mobTanBox p {
    color: #999999;
    text-align: center;
    margin-top: 10px;
}

.ordrload {
    background: #E7E7E7;
    color: #333333;
}

#ptload {
    background: #E7E7E7;
    color: #666666;
}

.cngameClass {
    width: 76%;
    ;
    text-align: center;
    margin: 1.2rem auto;
    overflow: hidden;
    height: 1.625rem;
}


.wdj_xz_btn .btn_xz2 {
    display: block;
    line-height: 38px;
    margin-top: 10px;
    background: #2371f3;
    font-size: 1rem;
    border-radius: 5px;
    margin-top: 0;
    font-weight: 600;
    border: 1px solid #2371f3;
    color: #ffffff
}

.wdj_xz_btn .btn_xz2.btn_safe {
    display: none;
}

.wdj_xz_btn .btn_xz2 {
    display: flex;
    justify-content: center;
}

.btn_order em {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-top: 8px;
    height: 25px;
    background-position: -40px -110px;
}

.wdj_xz_safe a em {
    width: 24px;
    height: 24px;
    background-position: 0 -110px;
    margin-right: 8px;
    margin-top: 8px;
}

.wdj_xz_btn.wdj_xz_safe .btn_xz2 {
    display: none;
}

.wdj_xz_btn.wdj_xz_safe .btn_xz2.btn_safe {
    display: flex;
    justify-content: center;
    color: #ffffff;
}

.wdj_xz_box p {
    text-align: center;
    line-height: 22px;
    color: #999999;
    font-size: 14px;
    margin-top: 8px;
}

.wdj_xz_btn.wdj_xz_safe+p .frm_use_wdj {
    background-position: -20px 0;
}

.wdj_xz_box .mobTankuang {
    position: fixed;
    top: 50%;
    margin-top: -105px;
}

.mobTanBox {
    width: 100%;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 12px;
    margin-top: 12px;
}

.mobTanBox p {
    color: #999999;
    text-align: center;
    margin-top: 10px;
}

.mobQueding {
    width: 100%;
}

.mobQueding a {
    display: block;
    float: left;
    width: 42%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 15px 0px 0px 5.5%;
}

.mobQueding a.bg1 {
    background: #2371f3;
}

.mobQueding a.bg2 {
    background: #BBBBBB;
}

.ordrload {
    background: #E7E7E7;
    color: #333333;
}

#ptload {
    background: #f4f4f4;
    color: #9b9b9b;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
}


.masking {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 4;
}

.handmBox {
    display: flex;
}

.app_des_down .handmeImg img {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    float: left;
    margin-top: 5px;
}

.handmeList {
    float: left;
    flex: 1;
    margin-top: 1px;
    margin-left: 15px;
    font-size: 0.875rem;
}

.handmeList li:first-child {
    margin-top: 0;
    height: 32px;
    overflow: hidden;
}

.handmeList li {
    margin-top: 11px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}

.handmeList li:first-child span {
    width: auto;
    margin-top: 7px;
    margin-left: 4px;
}

.handmeList li h1 {
    font-size: 18px;
    margin-top: 5px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.handmeList li span em {
    color: #333333
}

.handmeList li span {
    color: #999999;
}

.gangBoeList {
    width: 94%;
    margin: 0 auto;
    max-height: 17.5rem;
    overflow: hidden;
}

.gangBoeList li:last-child {
    border-bottom: 0;
}

.gangBoeList li {
    height: 3.4375rem;
    line-height: 3.4375rem;
    overflow: hidden;
    display: flex;
    border-bottom: 1px solid #eeeeee;
}

.gangBoeList li a.keosce {
    flex: 1;
    color: #333;
    line-height: 3.4375rem;
}

.gangBoeList li a.aDown {
    float: right;
    margin-left: 10px;
    width: 3.5rem;
    height: 1.8rem;
    background: #2371f3;
    display: block;
    margin-top: .875rem;
    float: right;
    color: #ffffff;
    text-align: center;
    line-height: 1.8rem;
    border-radius: 5px;
    font-size: 0.9375rem;
}


/*  */

.filterSwiper {
    width: 94%;
    margin: 0px auto;
    border-radius: 5px;
    overflow: hidden;
    height: 265px;
    margin-bottom: 10px;
}

.filterSwiper .swiper-wrapper .swiper-slide a {
    width: 100%;
    position: relative;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    height: 240px;
}

.filterSwiper .swiper-wrapper .swiper-slide p {
    position: absolute;
    bottom: 10px;
    font-size: 1.125rem;
    width: 98%;
    padding: 0 1%;
    height: 2.5rem;
    line-height: 2.5rem;
    bottom: 0;
    overflow: hidden;
}

.filterSwiper .swiper-wrapper .swiper-slide p span {
    display: inline-block;
    border-radius: 2px;
    height: 1.8rem;
    line-height: 1.8rem;
    width: auto;
    padding: 0 5px;
    margin-right: 5px;
}

.filterSwiper .swiper-wrapper .swiper-slide p span:nth-child(1) {
    background: #dfffed;
    color: #07b881;
}

.filterSwiper .swiper-wrapper .swiper-slide p span:nth-child(2n) {
    background: #daf1ff;
    color: #2371f3;
}

.filterSwiper .swiper-wrapper .swiper-slide p span:nth-child(3n) {
    background: #ffefdf;
    color: #ffa658;
}

.filterSwiper .swiper-wrapper .swiper-slide p span:nth-child(4n) {
    background: #ffe9e8;
    color: #ff5246;
}

.filterSwiper .swiper-wrapper {
    width: 100%;
}

.filterSwiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 11.875rem;
    border-radius: 5px;
}

.filterSwiper .swiper-pagination {
    bottom: 0;
    width: 100%;
    right: 0;
    left: initial;
}

.filterSwiper .swiper-pagination span {
    width: 16px;
    height: 8px;
    opacity: 1;
    background: #333;
    opacity: 0.2;
    border-radius: 5px;
}

.filterSwiper .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #ffffff;
    outline: none;
    opacity: 1;
    width: 25px;
    background: #2371f3;
    height: 8px;
}

.tilterSwiper {
    margin-top: 20px;
    height: 252px;
    padding-bottom: 0;
}

.tilterSwiper .swiper-wrapper .swiper-slide p {
    text-align: center;
    color: #333;
    line-height: 1.6rem;
    height: 1.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tilterSwiper .swiper-wrapper .swiper-slide a {
    height: 228px;
}

.cagueslist {
    display: flex;
    justify-content: space-between;
}

.cagueslist li {
    line-height: 48px;
    height: 48px;
}

.cagueslist li a {
    color: #333333;
}

.cagueslist li.hover {
    font-weight: 600;
    color: #2371f3;
    font-size: 18px;
    position: relative;
}

.cagueslist li.hover::after {
    content: '';
    width: 24px;
    height: 6px;
    border-radius: 3px;
    background: #2371f3;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
}


.clickMore1 em {
    background-position: -250px -95px;
}

.siuperAire1 {
    max-height: 25rem;
    overflow: hidden;
    margin-top: 5px;

}

.siuperAire2 {
    max-height: 28rem;
    overflow: hidden;
    margin-top: 5px;
}

.clickMore1 {
    background: #2371f3;
    color: #fff;
    border-color: #2371f3;
    margin-top: 18px;
    margin-bottom: 5px;
}


.dimstyl {
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    width: 94%;
    z-index: 4;
    position: absolute;
    bottom: 50px;
}

.coresnList {
    margin-top: 8px;
}

.coresnList li {
    height: 2.2rem;
    line-height: 2.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.coresnList li a {
    color: #333333;
}

.coresnList li em {
    width: 8px;
    height: 8px;
    position: relative;
    top: -3px;
    border-radius: 8px;
    background: #eeeeee;
    display: inline-block;
    margin-right: 5px;
}

.lncaList {
    float: right;
}

.lncaList li {
    float: left;
    line-height: 30px;
    color: #999999;
    font-size: 14px;
    margin-left: 15px;
    padding-bottom: 10px;
}

.lncaList li.current {
    font-weight: 600;
    color: #2371f3;
    font-size: 1rem;
    position: relative;
}

.lncaList li.current::after {
    content: '';
    width: 24px;
    height: 6px;
    border-radius: 3px;
    background: #2371f3;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
}

.guessArtal {
    width: 94%;
    margin: 5px auto 10px;
    position: relative;
}

.guessArtal h1 {
    text-align: center;
    font-weight: 600;
    font-size: 1.25rem;
    width: 55%;
    overflow: hidden;
    height: 26px;
    margin: 0 auto;
}

.guessArtal a {
    float: right;
    top: 0;
    color: #2371f3;
    font-size: 1rem;
    position: absolute;
    right: 0;
    line-height: 1.625rem;
}

.guessArtal p {
    line-height: 1.875rem;
    margin-top: 7px;
    text-indent: 2rem;
}


.hotmelSwiper {
    margin-top: 12px;
}

.glaveList1 li {
    margin-top: 0.3rem;
}

.glaveList1 li p {
    padding: 9px 0.1rem 5px;
}

.hotmelSwiper .swiper-pagination {
    bottom: 0;
    width: 100%;
    right: 0;
    left: initial;
}

.hotmelSwiper .swiper-pagination span {
    width: 16px;
    height: 8px;
    opacity: 1;
    background: #333;
    opacity: 0.2;
    border-radius: 5px;
}

.hotmelSwiper .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #ffffff;
    outline: none;
    opacity: 1;
    width: 25px;
    background: #2371f3;
    height: 8px;
}

/* 404 */
.ferrorBox img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.ferrorBox a {
    font-size: 1.25rem;
    color: #2371f3;
    text-align: center;
    margin: 20px auto 0;
    display: block;
    text-decoration: underline;
}

/*********** 文章落地页 **********/
.celentBox {
    width: 94%;
    margin: 10px auto;
}

.celentBox h1 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.825rem;
}

.celentBox span {
    color: #999999;
    font-size: 14px;
    margin: 8px 0 12px 0;
    display: block;
}

.celentBox span em {
    width: 1rem;
    height: 1rem;
    background-position: -90px -70px;
    margin: 3px 5px 0 0;
}

.celentBox video {
    border-radius: 5px;
    overflow: hidden;
}

.recomTitle h3 span {
    font-size: 1rem;
    margin-left: 8px;
    font-weight: 600;
}

.recomTitle h3 em.icon1 {
    width: 4px;
    height: 18px;
    background-position: 0px -70px;
    margin-top: 3px;
}

/*********** 专题落地页 ************/
.speantBox {
    width: 94%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.speantBox img {
    width: 100%;
    height: 12rem;
    margin: 5px auto;
    border-radius: 5px;
}

.speantBox h1 {
    text-align: center;
    font-weight: 600;
    font-size: 1.25rem;
    padding: .4rem 0;
}

.speantBox p {
    line-height: 1.75rem;
    color: #333333;
    text-indent: 1rem;
}

.poundBox {
    display: flex;
    margin-top: 0.81rem;
}

.poundBox a.aImg {
    position: relative;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 13px;
    overflow: hidden;
    margin-top: 5px;
}

.poundBox img {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 15px;
    float: left;
}

.poundBox em {
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    background: #fb5763;
    border-radius: 0 0 13px 0;
    font-size: .8125rem;
    text-align: center;
    width: 2.675rem;
    height: 1.25rem;
    display: block;
    line-height: 1.25rem;
}

.poundBox dl {
    flex: 1;
    margin-top: 3px;
    margin-left: 15px;
    font-size: 0.875rem;
}

.poundBox dl dt {
    height: 1.5rem;
    ;
    line-height: 1.5rem;
    overflow: hidden;
}

.poundBox dl dt a {
    color: #333333;
    font-size: 1rem;
}

.poundBox dl dd {
    margin-top: 4px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: .875rem;
}

.diateDown a {
    display: flex;
    justify-content: center;
    color: #ffffff;
    line-height: 38px;
    margin-top: 15px;
    background: #2371f3;
    font-size: 1rem;
    border-radius: 5px;
    font-weight: 600;
    border: 1px solid #2371f3;

}

.diateDown a em {
    width: 24px;
    height: 24px;
    background-position: 0 -110px;
    margin-right: 10px;
    margin-top: 7px;
}

/******************* 专题频道页 ******************/

.ferreList li {
    margin-top: 20px;
    float: left;
    width: 48%;
}

.ferreList li a {
    display: block;
    color: #333333;
}

.ferreList li a img {
    border-radius: 5px;
    width: 100%;
    height: 28vw;
}

.ferreList li:nth-child(2n) {
    margin-left: 4%;
}

.ferreList li a p {
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}


.fillmask {
    width: 80%;
    background: #FFFFFF;
    height: 150px;
    position: absolute;
    position: fixed;
    top: 50%;
    margin-top: -100px;
    box-sizing: border-box;
    left: 10%;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    overflow: hidden;
    z-index: 50055;
    display: flex;
    justify-content: center;
}

.fillmask p {
    line-height: 45px;
    height: 45px;
    text-align: center;
    width: 100%;
    background: #2371f3;
    display: block;
    color: #ffffff;
}

.fillmask form {
    width: 100%;
    display: block;
    text-align: center;
}

.fillmask button {
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #2371f3;
    border-color: #2371f3 ;
    margin-top: 40px;
}


/*******************电脑软件分类页******************/
.rprjZuixin{ width: 100%;}
.rprjZuixin::after{content:''; display: block; height:6px; background:#f4f4f4; margin-top:20px;}
.rprjZuixin a{ display:block; float:left; width: 45.5%; height: 34px; border-radius: 5px; margin-left:3%; margin-top:20px; color: #ffffff; display:flex; align-items:center; justify-content:center;}
.rprjZuixin a.bg1{ background: #ff8585;}
.rprjZuixin a.bg2{ background: #32d0de;}
.rprjZuixin a b{ display: block; width: 16px; height: 16px; background:url(../image/icon1.png) no-repeat;  float: left; background-size:400px 300px; margin-right:10px;}
.rprjZuixin a b.icon1{ background-position: -175px -175px;}
.rprjZuixin a b.icon2{ background-position: -200px -175px;}
.rprjZuixinList{ width: 94%; margin: auto;} 
.rprjZuixinList li{ float: left; box-sizing: border-box; width: 50%; height: 95px; border-bottom: 1px solid #f4f4f4; border-left:1px solid #f4f4f4;}
.rprjZuixinList li span{ display: block; width: 66px; height: 66px; background:url(../image/icon2.png) no-repeat; background-size: 300px 300px; margin: 16px 15px  0px 20px; float: left;}
.rprjZuixinList li span.icon1{ background-position: 0px 0px;}
.rprjZuixinList li span.icon2{ background-position: -80px 0px;}
.rprjZuixinList li span.icon3{ background-position: -160px 0px;}
.rprjZuixinList li span.icon4{ background-position: 0px -80px;}
.rprjZuixinList li span.icon5{ background-position:-80px -80px;}
.rprjZuixinList li span.icon6{ background-position:-160px -80px;}
.rprjZuixinList li span.icon7{ background-position:0px -160px;}
.rprjZuixinList li span.icon8{ background-position:-80px -160px;}
.rprjZuixinList li span.icon9{ background-position:-160px -160px;}
.rprjZuixinList li span.icon10{ background-position:0px -234px;}
.rprjZuixinList li:nth-child(2n+1){ border-left:none;}
.rprjZuixinList li em{  display: block; float: left;  width: calc(100% - 101px); height: 20px; line-height: 20px; overflow: hidden; margin-top:35px;}
.zrJiazaiMsg{ font-size:16px; color:#666666; text-align:center; margin-top:40px;} 



/*******************电脑软件列表页******************/
.rprjQuanBox{ width: 100%;}
.rprjQuanBox::after{ content:''; display: block; height:6px; background:#f4f4f4; margin-top:20px;}
.rprjQuanList{ width: 94%; margin: auto; margin-top:5px;}
.rprjQuanList li{ width: 23%; float: left; margin: 15px 0px 0px 2.6%;}
.rprjQuanList li a{ display: block; box-sizing: border-box; width: 100%; height: 30px; line-height:30px; border: 1px solid #eaeaea; border-radius: 5px; background: #f9f9f9; color: #333333;  text-align: center;  font-size: 14px;}
.rprjQuanList li:nth-child(4n+1){ margin-left:0px;}
.rprjQuanList li a.hover{ background: #2371f3; border:1px solid #2371f3; color: #ffffff;}
.rprjBxghBox { width: 94%; margin:auto;}
.rprjBxghList{ width: 100%;}
.rprjBxghList li{ border-bottom: 1px solid #f4f4f4; padding-bottom: 20px; margin-top:20px;}
.rprjBxghList li .rprjBxghCont{ float: left; width: 75%;}
.rprjBxghList li .rprjBxghCont a img{ width:70px; height: 70px; border-radius: 15px; float: left; margin: 0px 15px 0px 0px;} 
.rprjBxghList li .rprjBxghCont dl dt a{ display: block; height: 20px; line-height: 20px;  overflow: hidden;}
.rprjBxghList li .rprjBxghCont dl dd{ height: 18px; line-height: 18px; overflow: hidden; font-size: 14px; color: #999999; margin-top:8px;}
.rprjBxghList li .rprjBxghSub{ float: right; width:58px; height: 28px; line-height:28px; border-radius:5px; border:1px solid #2371f3; line-height: 28px; text-align: center;  font-size: 14px; margin-top:25px;}
.dclickMore a{ width: 150px; height:30px; border: 1px solid #eeeeee; background:#F9F9F9; display: block; border-radius: 100px; line-height: 30px; text-align: center; color: #999999; margin: auto; margin-top:25px;}



/*******************电脑软件频道页******************/
.rprjWlgjBox{ width: 100%; margin-top:20px; }
.rprjWlgjBox::after{ content:''; display: block; height:6px; background:#f4f4f4; margin-top:15px;} 
.rprjWlgjTitle{ width: 94%; margin: auto;}
.rprjWlgjTitle b{ display: block; width: 4px; height: 18px; float: left; border-radius: 100px; background: #2371f3; margin: 5px 15px 0px 0px;} 
.rprjWlgjTitle h2{ float: left; font-weight: bold; color: #333333;}
.rprjWlgjList{ width: 94%; margin: auto; margin-top:5px;}
.rprjWlgjList li{ width: 31%; height: 18px; line-height: 18px; overflow: hidden; font-size: 14px; float: left; margin:15px 0px 0px 3%;}  
.rprjWlgjList li:nth-child(3n+1){ margin-left:0px;}
.rprjWlgjList li a{ display: block; height: 18px; line-height: 18px; overflow: hidden;}



/*******************聚合排行榜列表页******************/
.rprjBxsfBox .swiper-slide{  float: left; width: 56px !important; margin: 10px 0px 15px 15px;}
.rprjBxsfBox .swiper-slide a{ display: block; width: 56px;}
.rprjBxsfBox .swiper-slide a img{ width: 56px; height: 56px; border-radius: 15px;}
.rprjBxsfBox .swiper-slide a p{ height: 18px; line-height: 18px; overflow: hidden; font-size: 14px; color: #333333; margin-top:10px;} 
.rprjCgyxpList{ width: 94%; margin: auto;}
.rprjCgyxpList li{ width: 100%;  height: 175px; background: #ffffff; box-shadow: 0px 0px 16px 0px rgba(230, 229, 229); border-radius: 5px; margin-top:25px;} 
.rprjCgyxpList li .rprjCgyxpIn{ width: 94%; margin:auto;}
.rprjCgyxpList li .rprjCgyxpIn .rprjCgyxpCont{ border-bottom: 1px solid #eeeeee; padding-bottom: 20px;}
.rprjCgyxpList li .rprjCgyxpIn .rprjCgyxpCont a{ display: block; width: 33%; height: 84px; float: left; text-align: center; margin-top:15px;}
.rprjCgyxpList li .rprjCgyxpIn .rprjCgyxpCont a img{ width: 84px; height: 84px; border-radius: 100px;}
.rprjCgyxpList li .rprjCgyxpIn  p a{ height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight: bold; color: #333333; display: block; margin-top:15px;}



/*******************文章攻略频道页******************/
.rprjRmtjBox{ width: 100%; border-top: 6px solid #f4f4f4; border-bottom: 6px solid #f4f4f4; padding-bottom: 15px;}
.rprjRmtjIn{ width: 94%; margin: auto;}
.rprjRmtjList{ width: 100%;}
.rprjRmtjList li{ float: left; width: 25%; text-align: center; margin-top:20px;} 
.rprjRmtjList li a{ display: block;}
.rprjRmtjList li a img{ width: 80px; height: 80px; border-radius: 20px;}
.rprjRmtjList li a p{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #333333; margin-top:15px;}
.rprjRmtjList li a span{ display: block; width: 60px; height: 30px; line-height: 30px; background: #2371f3; color: #ffffff; font-size: 14px; border-radius: 5px; margin: auto; margin-top:10px; overflow: hidden;}
.rprjDongBox{ width: 100%; margin-top:20px;}
.rprjDongMenu{ width: 94%; margin: auto;} 
.rprjDongMenu li{ float:left; font-size: 18px; font-weight: bold; color: #333333; cursor: pointer;} 
.rprjDongMenu span{ display: block; float: left; color: #cccccc; margin: 0px 10px;}
.rprjDongMenu li.current{ color: #2371f3;}
.rprjDongSubmit{ width: 132px; height: 32px; margin: auto; margin-top:20px;}
.rprjDongSubmit a{ display: block; width: 130px; height: 30px; background: #f9f9f9; border: 1px solid #eeeeee; text-align: center; border-radius: 100px; font-size: 14px; color: #999999; display:flex; align-items:center; justify-content:center;}



/*******************聚合排行榜详情页******************/
.speantBox1{ width: 100%; border-top: 6px solid #f4f4f4; border-bottom: 6px solid #f4f4f4;}
.rprjXgglBox{ width: 100%; border-top: 6px solid #f4f4f4; border-bottom: 6px solid #f4f4f4; margin-top:20px;}   
.rprjXgglIn{ width: 94%; margin:auto;}



/*******************电脑软件详情页******************/
.rprjAxureBox{ width:94%; margin:auto;}
.rprjAxureImg{ width: 100%; margin-top:20px;}
.rprjAxureImg img{ float: left; width: 80px; height: 80px; border-radius: 15px; margin: 0px 15px 0px 0px;} 
.rprjAxureImg dl{ float: left; width: calc( 100% - 95px);}
.rprjAxureImg dl dt{ height:20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold;}
.rprjAxureImg dl dd{ font-size: 14px;}
.rprjAxureImg dl dd span{ display: block; width: 50%; height: 18px; line-height: 18px; overflow: hidden; float: left; color: #999999; margin-top:10px;}
.rprjAxureSubmit a{display: block; width: 100%; height: 40px; border-radius: 5px; background: #bfbfbf; line-height: 40px; text-align: center; color: #ffffff; margin-top:15px;}
.rprjAxureZhu{ font-size:14px; color: #ff5252; margin-top:15px;}
.rprjXiangBox{ width: 100%; border-bottom: 6px solid #f4f4f4; padding-bottom: 15px; margin-top:20px;}
.rprjXiangMenu{ height: 40px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background: #f9f9f9;}
.rprjXiangMenu li{ float: left; border-left: 1px solid #eeeeee; width: 33.3%; height: 40px; box-sizing: border-box;}
.rprjXiangMenu li a{ display: block; width: 100%; height: 40px; line-height:40px; font-size: 16px; color: #333333; text-align: center; font-weight: bold;}
.rprjXiangMenu li a.hover{ height: 38px; border-bottom: 2px solid #2371f3;  color: #2371f3; background: #ffffff;}   

.rprjXiangCont{ width: 94%; margin: auto; line-height: 30px; color: #333333; margin-top:15px;}
.rprjXiangCont img{ max-width: 100%; margin: 20px 0px;}
.rprjXiangCont p{ line-height: 30px; color: #333333; text-indent: 2em;}
.rprjXiangTitle{ width: 100%; font-weight: bold; margin: 20px 0px;}
.rprjXiangTitle b{ display: block; float:left; width: 14px; height: 18px; background:url(../image/icon1.png) no-repeat -175px -110px; background-size: 400px 300px; margin: 7px 15px 0px 0px;} 
.rprjXiangImg{ text-align: center;}
.rprjYxjtBox{ width: 100%; border-bottom: 6px solid #f4f4f4; }