.top>img{	height: 37.5rem;}#phone .top>img{	height: 960px;}.top.cover-layer::before{
	background-color: rgba(102,102,102,.6);
	z-index: 1;
}
.content.basebg{position: relative;}
.casesImg-intro{position:absolute;top: -23.75rem;width:100%;height:39.375rem;padding-top: 2.25rem;z-index: 5;}
.macbook{width: 51.8125rem;height: 32.4375rem;overflow-x: hidden;overflow-y: auto;margin: 0 auto;}
.macbook ul img{max-width: 100%;}

.casesCtx-intro{padding:0 5.625rem;padding-top:21.25rem}
.casesCtx-intro>h1{font-size: 1.875rem;color: #333;margin-bottom: 2.5rem;}
.casesCtx-intro h5{width: 45.75rem;height: 7.5rem;overflow: hidden;}
.casesCtx-intro div a{
	width: 52px;
	height: 52px;	margin-right: 2.5rem;
	border-radius: 50%;
	overflow: hidden;	background: #fff;
}.casesCtx-intro div a:last-child{margin-right: 0;}
.casesCtx-intro div a>span{position: relative;top: 0;width: 100%;height: 100%;line-height: 52px;text-align: center;}
.casesCtx-intro div a.active{background-image: linear-gradient(0deg, #0296ff 0%, #2ad9ff 100%);}
.casesCtx-intro div a.active>span{top: -52px;}

@media only screen and (min-width:767px ) {
	.casesCtx-intro div a:hover{background-image: linear-gradient(0deg, #0296ff 0%, #2ad9ff 100%);}
	.casesCtx-intro div a:hover>span{top: -52px;}
}

.subtitle{text-align: center;}
.subtitle span{font-size: 1.875rem;color: #666;padding: 12px 0;border-bottom: 1px solid #999;font-family: "微软雅黑";}
.color-list{margin: 4.375rem;}
.color-list li *{display: inline-block;}
.color-list li{position:relative;width: 6.25rem;margin:0 5.3125rem;text-align: center;}
.color-list span{border-radius: 50%;}
.color-list .outer-circle{width: 100%;height: 6.25rem;opacity: .4;}
.color-list .inner-circle{position:absolute;left:0.625rem;top:0.625rem;width: 5rem;height: 5rem;}


/*page show*/
.page-show{padding:0 0.75rem}
.page-show>h2{text-align: center;background: url(../images/title-line.png) no-repeat center center;font-size: 30px;color: #666;margin-top: 14px;}
.page-show>p{text-align: center;margin:4.375rem 0;}
.pages-show ul{padding: 8.125rem 0;}
.casesPage{padding-bottom: 6.25rem;}
.casesPage>div{background: #fafafa;margin-top:2.875rem}
.casesPage>div a{width: 50%;}


/*手机页面*/
.mdetail>div{
	width:87.5rem;
	min-height: 44.375rem;
	padding: 2.5rem 6.25rem;
	background: #fff;
	z-index: 5;
}
.mdText-intro{width: 42rem;}
.mdText-intro *{color: #333;}
.mdText-intro>div>img{width: 108px;}
.mdText-intro>h1{padding-top:5.375rem;font-weight: bold;}
.mdText-intro>h5{width: 30.8125rem;min-height:6.25rem;max-height: 12.5rem;overflow:hidden;font-size: 14px;margin: 5rem 0;}
.mdText-intro>div>p{margin-top: 0.875rem;font-weight: bold;}
.mdImg-intro{position:relative;width: 33rem;height: 39.125rem;background: url(../images/mobile-modal.png) no-repeat center top;}
.mdImg-intro .mobile-banner{width: 16rem; margin: 0 auto;}
.mdImg-intro .swiper-slide{padding: 1.2rem 0;}
.mdImg-intro .swiper-pagination{position: inherit;margin-top:26px}
.mdImg-intro .swiper-pagination-bullet{width: 12px;height: 12px;background: #d7d7d7;opacity: 1;}
.mdImg-intro .swiper-pagination-bullet-active{background: #333537;}