a.details-view-link{display: block; width: 1rem; text-align: right; padding-right: 0.15rem; line-height: 0.4rem; background-color: #206ec7; color: #fff; font-size: 0.18rem; position: relative; }
a.details-view-link::after{content:""; display: block; position: absolute; top: 0; left: 100%; height: 100%; box-sizing: border-box; border-style: solid; border-width: 0.2rem 0.08rem; border-color: transparent; border-bottom-color: #206ec7; border-left-color: #206ec7; }
.total-title{font-size: 0.3rem; text-align: center; margin-bottom: 0.1rem; }
.sub-title{font-size: 0.14rem; color: #999; text-align: center; margin-bottom: 0.3rem; }

/* 手机端banner展示 */
.phone-show-banner{display: none; }
.phone-show-banner .swiper-slide{padding: 0 0.2rem; box-sizing: border-box; }
.phone-show-banner .swiper-slide a{display: block; position: relative; }
.phone-show-banner .swiper-slide a img{width: 100%; height: 3.7rem; border-radius: 0.1rem; vertical-align: top; }
.phone-show-banner .swiper-slide a p{position: absolute; bottom: 0.3rem; left: 0.3rem; font-size: 0.32rem; color: #fff; }

.banner{height: 2.3rem; background-image: url(../images/product-banner.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: cover; padding-top: 0.7rem; box-sizing: border-box; }
.banner .left{float: left; }
.banner .left h2{font-size: 0.46rem; margin-bottom: 0.15rem; }
.banner .right{float: right; }
.banner .right h2{font-size: 0.48rem; color: #989898; margin-bottom: 0.1rem; }
.banner .right p{text-align: right; font-size: 0.3rem; color: #989898; }

/* 全球网络 */
.world-market-top{margin-top: 0.6rem; margin-bottom: 0.5rem; padding: 0.4rem 1px 1px; background-image: url(../images/bj-map.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
.world-market-top .content{font-size: 0.16rem; width: 67.5%; margin: auto; margin-bottom: 0.4rem }
.world-market-top .network-spee{display: table; width: 75%; margin: auto; margin-bottom: 0.4rem; }
.world-market-top .network-spee li{display: table-cell; vertical-align: top; width: 33.333%; padding: 0 0.15rem; }
.world-market-top .network-spee li.left{text-align: left; }
.world-market-top .network-spee li.center{vertical-align: bottom; padding-top: 1.4rem; text-align: center; }
.world-market-top .network-spee li.right{text-align: right; }
.world-market-top .network-spee li .center-box{display: inline-block; text-align: left; position: relative; padding-left: 0.8rem; }
.world-market-top .network-spee li .center-box img{display: none; }
.world-market-top .network-spee li .center-box .close-btn{display: none; width: 0.74rem; height: 0.74rem; border-radius: 50%; overflow: hidden; background-color: #0f75be; color: #fff; font-size: 0.32rem; text-align: center; line-height: 0.74rem; margin: 0.2rem auto; }
.world-market-top .network-spee li .center-box::before{content: "3"; display: block; font-size: 1.2rem; float: left; line-height: 0.8; color: #206ec7; position: absolute; top: 0; left: 0; }
.world-market-top .network-spee li.left .center-box::before{content: "1";}
.world-market-top .network-spee li.right .center-box::before{content: "2";}
.world-market-top .network-spee li .center-box>h3{font-size: 0.4rem; line-height: 1.5; }
.world-market-top .network-spee li .center-box p{line-height: 1.5; font-size: 0.18rem; }
.world-market-top .details-view-link{margin: 0.4rem auto; }

.network-spee-tab{text-align: left; padding: 0 0.9rem; font-size: 0; overflow: hidden; margin: 1.2rem 0 0.9rem; display: none; }
.network-spee-tab img{cursor: pointer; width: 0.3rem; height: 0.3rem; vertical-align: top; padding: 0.1rem; }
.network-spee-tab img:first-child{margin-top: 0.9rem; }
.network-spee-tab img:nth-child(2){margin: 0 2.3rem 0 1.5rem; }
.network-spee-tab img:last-child{margin-top: 0.6rem; }

/* 市场活动 */
.bj-f7{background-color: #f7f7f7; }
.world-market-middle{padding: 0.5rem 0.2rem 0.4rem; }
.activity-list{margin: 0 -0.15rem; }
.activity-list li{padding: 0 0.15rem; float: left; width: 33.333%; box-sizing: border-box; }
.activity-item .img{position: relative; padding-bottom: 61%; overflow: hidden; }
.activity-item .img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; }
.activity-item:hover .img img{transform: scale(1.1,1.1); }
.activity-item .text{color: #333; transition: color 0.5s; }
.activity-item:hover .text{color: #206ec7; }
.activity-item .text .title{font-size: 0.24rem; margin-top: 0.25rem; white-space: nowrap; overflow: hidden; word-break: break-all; text-overflow: ellipsis; }
.activity-item .text .time{font-size: 0.14rem; margin-top: 0.1rem; }
.activity-item .text .content{font-size: 0.16rem; margin-top: 0.2rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.activity-item .text .details-view-link{margin-top: 0.2rem; background-color: #ccc; color: #333; transition: all 0.5s; }
.activity-item .text .details-view-link::after{border-left-color: #ccc; border-bottom-color: #ccc; transition: all 0.5s; }
.activity-item:hover .details-view-link{background-color: #206ec7; color: #fff; }
.activity-item:hover .details-view-link::after{border-left-color: #206ec7; border-bottom-color: #206ec7;}

/* 售后服务 */
.world-market-bottom{margin: 0.9rem auto 1.3rem; }
.service-box{position: relative; }
.service-box .service-content{position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 52.4%; padding: 0.4rem; box-sizing: border-box; background: rgba(153,153,153,0.2) url(../images/kf.png); background-repeat: no-repeat; background-size: auto 90%; background-position: center; }
.service-box .kf-img{width: 52.1%; float: right; }
.service-box .service-content article{font-size: 0.16rem; line-height: 1.6; min-height: 1.7rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-break: break-all; }
.service-box .service-content .details-view-link{margin-top: 0.5rem; }

.phone-show-article{border-radius: 0 0 0.1rem 0.1rem; background-color: #0f75be; color: #fff; display: none; padding: 0.2rem 0.4rem 0.35rem 0.6rem; position: relative; }
.phone-show-article+.phone-show-article{margin-top: 0.25rem; border-radius: 0.1rem; }
.phone-show-article::before{content:'“'; font-size: 1rem; position: absolute; top: 0.14rem; left: -0.4rem; opacity: 0.5; }
.phone-show-article h4{font-size: 0.32rem; margin-bottom: 0.1rem; }
.phone-show-article p{font-size: 0.24rem; line-height: 1.5; }

.phone-show-service{display: none; overflow: hidden; padding: 0.2rem 0 ; border-color: #f5f5f5; border-width: 4px 0; border-style: solid; }
.phone-show-service li{float: left; width: 25%; padding: 0 0.2rem; font-size: 0; box-sizing: border-box; text-align: center; }
.phone-show-service li img{width: 0.6rem; height: 0.6rem; object-fit: contain; vertical-align: top; margin-bottom: 0.15rem; }
.phone-show-service li p{font-size: 0.24rem; font-weight: bold;  }

.phone-demand-form{margin-top: 1rem; padding: 0 0.2rem; display: none; }
.phone-demand-form>h4{font-size: 0.4rem; text-align: center; margin: 0.2rem; }
.phone-demand-form>p{font-size: 0.26rem; color: #666; line-height: 1.4; margin-bottom: 0.4rem; }
.phone-demand-form input,.phone-demand-form textarea{display: block; width: 100%; padding: 0.2rem; font-size: 0.3rem; border: solid 1px #bfbfbf; border-radius: 0.1rem; outline: none; box-sizing: border-box; margin-bottom: 0.3rem; }
.phone-demand-form textarea{resize: none; }
.phone-demand-form .submit-btn{background-color: #206ec7; color: #fff; border-radius: 0.1rem; font-size: 0.32rem; display: block; height: 0.76rem; width: 100%; border: none; outline: none; margin: 0.5rem 0 0.7rem; }
/*  */
@media (max-width: 768px) {
    a.details-view-link{display: none; }
    .total-title{font-size: 0.26rem; }
    .total-title::before{content: "|"; color: #f9bc01; }
    .sub-title{color: #0f75be; }
    
    .phone-show-banner{display: block; }
    .swiper-pagination{font-size: 0; text-align: right; padding-right: 0.6rem; box-sizing: border-box; bottom: 0.45rem!important; }
    .network-spee-tab{display: block; }
    .world-market-top .network-spee li{display: none; }
    .world-market-top .network-spee li.phone-show{position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; padding: 0.2rem; box-sizing: border-box; display: block; }
    .world-market-top .network-spee li .center-box{padding: 0; display: block;  position: absolute; top: 50%; left: 0.2rem; right: 0.2rem; transform: translateY(-50%); }
    .world-market-top .network-spee li .center-box::before{ position: absolute; top: 3.7rem; width: 0.8rem; text-align: center; }
    .world-market-top .network-spee li .center-box img{display: block; width: 100%; height: 3.3rem; object-fit: cover; }
    .world-market-top .network-spee li .center-box > h3{background-color: #fff; padding: 0.3rem 0.3rem 0 0.8rem; margin: 0; }
    .world-market-top .network-spee li .center-box > p{background-color: #fff; padding: 0 0.3rem 0 0.8rem; margin: 0; font-size: 0.24rem; height: 2.3rem; border-bottom: solid 0.4rem #fff; overflow: auto; }
    .world-market-top .network-spee li .center-box .close-btn{display: block; }
    .world-market-top .content{width: 100%; padding: 0 0.4rem; box-sizing: border-box; font-size: 0.24rem; line-height: 1.5; }

    .world-market-bottom{margin: 0 0 0.6rem; padding-top: 0.6rem; border-top: 0.2rem solid #f5f5f5; }
    .service-box{font-size: 0; }
    .service-box .kf-img{width: 100%; height: 3rem; float: none; }
    .service-box .service-content{display: none; }
    .phone-show-article{display: block; }

    .phone-show-service{display: block; }
    .phone-demand-form{display: block; }
}