/* 媒体查询响应式 */

@media screen and (max-width:2080px) {
    html {
        font-size: 30px;
    }
}

@media screen and (max-width:1920px) {
    html {
        font-size: 28px;
    }
}

@media screen and (max-width:1680px) {
    html {
        font-size: 26px;
    }
}


@media screen and (max-width:1440px) {
    html {
        font-size: 24px;
    }
	
}

@media screen and (max-width:1366px) {
    html {
        font-size: 22px;
    }
}

@media screen and (max-width:1280px) {
    html {
        font-size: 20px;
    }
	/* .span-box{
		margin-left: 196px !important;
	} */
}


@media screen and (min-width: 427px) {
  body{
    min-width: 1080px;
  }
}
@media screen and (max-width: 426px) {
  body{
    min-width: 320px;
  }
}
.clear{
	clear: both;
}
/*carousel*/
@media screen and (min-width: 427px) {
	/* banner */
	html{
	  width:100%;
	  overflow-x:hidden;
	}
	.mobile-button-desc{
		display: none;
	}
	.buttom-button-moi{
		display: none;
	}
	.pc-button{
		position: relative;
	}
	.bottom-desc{
		display: none;
	}
	.mobile-button{
		display: none;
	}
	.span-box{
		display: inline-block;
		position: relative;
	}
	.nav-box{
		/* display: flex; */
		position: relative;
	}
	.span-box span{
		font-size: 16px;
		color: #666;
		margin-right: 28px;
	}
	.syjc{
		font-size: 16px !important;
	}
	.cs{
		width: 100%;
		height: 700px;
		background-color: #ccc;
	}
	.banner{
		width: 100%;
		height: 20.38rem;
		background-image: url(/static/index/images/Applesystemrepair/images/banner1-bg.png);
		background-size: 100% 100%;
	}
	.banner button{
		width: 8rem;
		height: 1.92rem;
	}
	.banner-bg{
		width: 19.96rem;
		height: 17.65rem;
		order: 1;
		display: block;
	}
	.banner .container{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0;
		height: 100%;
	}
	.banner_left{
		flex: 0 0 43.3%;
	}
	.banner-title{
		font-size: 1.69rem;
		line-height: 1.69rem;
		color: #000000;
		font-weight: normal;
	}
	.banner-content{
		font-size: 0.69rem;
		line-height: 1.54rem;
		margin-top: 1.15rem;
		width: 16.69rem;
	}
	
	.button-box{
		top: 1rem;
		width: 8rem;
		height: 1.92rem;
		position: absolute;
		border-radius: 10px;
		/* position: relative; */
		background-color: #4596eb;
		
	}
	.button-box img:nth-child(1){
		width: 0.96rem;
		height: 0.96rem;
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 1.6rem;
	}
	.button-box img:nth-child(2){
		width: 0.77rem;
		height: 0.77rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 1.62rem;
		display: none;
	}
	/* .button-box span:nth-child(3){
		font-size: 0.96rem;
		color: #c9dbea;
		position: absolute;
		left: 4rem;
		display: none;
		line-height: 1.92rem;
	} */
	.button-box img:nth-child(3){
		width: 1px;
		height: 30px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		left: 4rem;
		display: none;
		line-height: 1.92rem;
	}
	/* .button-box:hover img:nth-child(3){
		display: block;
	} */
	.button-box img:nth-child(4){
		width: 0.77rem;
		height: 0.77rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 5.58rem;
		display: none;
	}
	.button-box span:nth-child(5){
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 3.12rem;
		font-size: 0.77rem;
		color: #fff;
	}
	
	/* .button-box:hover span:nth-child(5){
		display: none;
	}
	.button-box:hover img:nth-child(1){
		display: none;
	}
	.button-box:hover img:nth-child(2){
		display: block;
	}
	.button-box:hover span:nth-child(3){
		display: block;
	}
	.button-box:hover img:nth-child(4){
		display: block;
	} */
	/* .button-box img:nth-child(2):hover{
		width: 25px;
		height: 25px;
		
	}
	.button-box img:nth-child(4):hover{
		width: 25px;
		height: 25px;
		
	} */
	
	.button-box1{
		top: 1rem;
		left: 9.54rem;
		width: 8rem;
		height: 1.92rem;
		position: absolute;
		border-radius: 10px;
		/* position: relative; */
		
		background-image: url(/static/index/images/Applesystemrepair/images/button-buy-bg_03.png);
		background-repeat: repeat-y;
		background-size:100% 100%;
	}
	.button-box1 img:nth-child(1){
		width: 0.96rem;
		height: 0.96rem;
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 1.6rem;
	}
	.button-box1 img:nth-child(2){
		width: 0.77rem;
		height: 0.77rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 1.62rem;
		display: none;
	}
	.button-box1 span:nth-child(3){
		font-size: 0.96rem;
		color: #c9dbea;
		position: absolute;
		left: 4rem;
		display: none;
		line-height: 1.92rem;
		
	}
	.button-box1 img:nth-child(4){
		width: 0.77rem;
		height: 0.77rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 5.58rem;
		display: none;
	}
	.button-box1 span:nth-child(5){
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 3.12rem;
		font-size: 0.77rem;
		color: #fff;
	}
	.button-box1 img:nth-child(3){
		width: 1px;
		height: 30px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		left: 4rem;
		display: none;
		line-height: 1.92rem;
	}
/* 	.button-box1:hover img:nth-child(3){
		display: block;
	}
	.button-box1:hover span:nth-child(5){
		display: none;
	}
	.button-box1:hover img:nth-child(1){
		display: none;
	}
	.button-box1:hover img:nth-child(2){
		display: block;
	}
	.button-box1:hover span:nth-child(3){
		display: block;
	}
	.button-box1:hover img:nth-child(4){
		display: block;
	} */
	/* .button-box1:hover{
		top: 8.4rem;
	} */
	/* .button-box:hover{
		top: 8.4rem;
	} */
	/* .button-box3:hover{
		top: 10.6rem;
	}
	.button-box4:hover{
		top: 10.6rem;
	} */
	.button-box1 img:nth-child(2):hover{
		width: 25px;
		height: 25px;
		
	}
	.button-box1 img:nth-child(4):hover{
		width: 25px;
		height: 25px;
		
	}
	
	.banner-right-img{
		position: absolute;
		width: 14.23rem;
		height: 8.38rem;
		right:23.23rem;
	}
	
	/* 轮播图 */
	#box{
		width: 40.38rem;
		height: 24.08rem;
		margin: 0 auto;
		margin-top: 4.31rem;
	}
	#box1{
		display: none;
	}
	.swiper-wrapper-box .swiper-wrapper-childen{
		height: 14.53rem !important;
		margin-top: 4.27rem !important;
	}
	.swiper-pagination-gtt{
		top: 22.26rem !important;
		width: 80% !important;
		height: 0.46rem !important;
		border-radius: 0.77rem !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
	}
	.swiper-pagination-gtt span{
		border-radius: 0.77rem !important;
		height: 95% !important;
		background-color: #449ae7;
	}
	.swiper-container3 {
	  width: 100%;
	  height: 100%;
	}
	.swiper-slide3 {
	  text-align: center;
	  font-size: 18px;
	  background: #fff;
		
	
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}
	
	.swiper-slide {
		border-radius: 0.77rem !important;
	}
	.swiper-slide div{
		width: 100%;
		height: 100%;
		background-color: #fef3f4;
		border-radius: 0.77rem;
	}
	.swiper-container-gtt{
		top: 3.08rem !important;
		height: 0.46rem !important;
		border-radius: 0.58rem !important;
	}
	.swiper-container-gtt span{
		border-radius: 0.58rem !important;
	}
	#swiper-container-gtt{
		border-radius: 0.58rem !important;
	}
	.swiper-button-next-top{
		left: 25% !important;
		
		top: 9% !important;
		width: 1.92rem !important;
		height: 1.92rem !important;
		background-color: #fff;
		border-radius: 50%;
		color: #d1d1d1;
		box-shadow: 10px 5px 18px rgba(0,0,0,0.07);
	}
	.swiper-button-prev-top{
		left: 20% !important;
		top: 9% !important;
		width: 1.92rem !important;
		height: 1.92rem !important;
		background-color: #fff;
		border-radius: 50%;
		color: #d1d1d1;
		box-shadow: 10px 5px 18px rgba(0,0,0,0.07);
	}
	.swiper-button-prev-top::after{
		font-size: 0.77rem !important;
		color: #cecece;
	}
	.swiper-button-next-top::after{
		font-size: 0.77rem !important;
		color: #cecece;
	}
	.swiper-container{
		height: 100% !important;
	}
	/* top */
	.top{
		position: relative;
		width: 100%;
		height: 58.31rem;
		background-color: #fafafa;
		float: left;
	}
	.swiper-button-prev-top:focus,.swiper-button-next-top:focus{
		 outline: none;
	}
	.swiper-wrapper-childen div{
		text-align: center;
	}
	.swiper-scrollbar-drag{
		background-color: #449ae7 !important;
	}
	.swiper-wrapper-childen div img{
		width: 4.15rem;
		height: 8.77rem;
		margin-top: 2.04rem;
	}
	.swiper-wrapper-childen div p{
		font-size: 0.69rem;
		color: #666666;
		margin: 0;
		margin-top: 1.23rem;
	}
	.jt-left{
		float: left;
		display: block;
		width: 1.81rem;
		height: 1.92rem;
		color: #cecece;
		background-color: #fff;
		border-radius:50% ;
		text-align: center;
		font-size: 1.35rem;
		line-height: 1.81rem;
	}
	.jt-right{
		float: left;
		display: block;
		width: 1.81rem;
		height: 1.92rem;
		color: #ffffff;
		background-color: #449ae7;
		border-radius:50% ;
		text-align: center;
		font-size: 1.35rem;
		line-height: 1.81rem;
		margin-left: 1.38rem;
	}
	
	.top-title-box{
		position: absolute;
		top: 4.23rem;
		width: 30%;
		left: 50%;
		transform: translateX(-50%);
		
	}
	.top-title{
		font-size: 1.38rem;
		color: #000;
		display: block;
		width: 100%;
		margin-left: 0 auto;
		text-align: center;
		
	}
	
	
	
	
	.top-list-box{
		width: 41.51rem;
		height: 14.65rem;
		background-color: red;
		margin: 0 auto;
		margin-top: 8.19rem;
	}
	.top-list{
		width: 500%;
		height: 14.62rem;
		
	}
	.top-list li{
		width: 9.23rem;
		height: 100%;
		float: left;
		list-style: none;
		margin-right: 1.53rem;
		
	}
	.top-list li img{
		width: 100%;
		height: 100%;
		border-radius: 0.77rem;
	}
	
	.top-hr{
		width: 23.23rem;
		height: 0.46rem;
		margin: 0 auto;
		margin-top: 2.69rem;
		background-color: #eceff2;
		border-radius: 1.19rem;
	}
	.top-hr div{
		width: 12.5%;
		height: 100%;
		background-color: #449ae7;
		border-radius: 1.19rem;
	}
	.top-title2{
		font-size: 1.38rem;
		line-height: 1.38rem;
		margin: 0;
		text-align: center;
		color: #000;
		margin-top: 4rem;
		
	}
	.top-title3{
		font-size: 0.69rem;
		line-height: 0.85rem;
		color: #333333;
		margin: 0;
		text-align: center;
		margin-top: 1.46rem;
	}
	#wiper-slide-function{
		width: 22.69rem;
		height: 14.31rem;
	}
	#swiper-slide-top{
	 width: 1050px !important;
	 height: 241px;
	 background-color: red;
	}
	/* #box{
		  width: 968px;
		  height: 241px;
		  background-color: pink;
	} */
	#swiper-top{
		width: 40.38rem;
	}
	.Standard-mode-box{
		width: 41.39rem;
		height: 17.92rem;
		margin: 0 auto;
		margin-top: 1.92rem;
	}
	.Standard-mode{
		width: 19.54rem;
		height: 17.92rem;
		border-radius: 0.92rem;
		background-color: #ffffff;
		float: left;
		box-shadow: 10px 5px 21px rgba(19,101,163,.07);
	}
	
	.Advanced-mode{
		width: 19.54rem;
		height: 17.92rem;
		border-radius: 0.92rem;
		background-color: #ffffff;
		float: left;
		margin-left: 2.31rem;
		box-shadow: 10px 5px 21px rgba(19,101,163,.07);
	}
	
	.Standard-mode-img1{
		display: block;
		width: 66%;
		margin: 1.12rem auto;
	}
	.Standard-mode-title1{
		font-size: 1rem;
		color: #000;
		line-height: 1rem;
		margin: 0;
		margin-top: 0.54rem;
		text-align: center;
	}
	.Standard-mode-content1{
		width: 80%;
		font-size: 0.62rem;
		color: #666666;
		line-height: 1.23rem;
		margin: 0;
		margin: 0 auto;
		margin-top: 0.85rem;
		text-align: center;
	}
	.Standard-mode-img2{
		display: block;
		width: 66%;
		margin: 1.12rem auto;
	}
	.Standard-mode-title2{
		font-size: 1rem;
		color: #000;
		line-height: 1rem;
		margin: 0;
		margin-top: 0.54rem;
		text-align: center;
	}
	.Standard-mode-content2{
		width: 80%;
		font-size: 0.62rem;
		color: #666666;
		line-height: 1.23rem;
		margin: 0;
		margin: 0 auto;
		margin-top: 0.85rem;
		text-align: center;
	}
	/* middle */
	.middle{
		width: 100%;
		height: 26.35rem;
		background-image: url(/static/index/images/Applesystemrepair/images/content-middle-bg.png);
		background-repeat: repeat-x;
		border-top: 1px solid #f9fcfe;
		background-size: 100% 100%;
	}
	.middle-mobile{
		display: none;
	}
	.middle-title{
		font-size: 1.38rem;
		color: #000000;
		margin: 0;
		margin-top: 3.85rem;
		text-align: center;
	}
	.middle-titlef{
		font-size: 0.69rem;
		color: #333333;
		line-height: 0.85rem;
		text-align: center;
		margin: 0;
		margin-top: 1.46rem;
	}
	.middle-list{
		width: 41.58rem;
		height: 12.69rem;
		margin: 0 auto;
		margin-top: 2.31rem;
	}
	.middle-list li{
		list-style: none;
		width: 19.62rem;
		height: 2.31rem;
		background-color: #ffffff;
		float: left;
		border-radius: 0.31rem;
		margin-bottom: 1.15rem;
		line-height: 2.31rem;
		position: relative;
		font-size: 0.69rem;
	}

	.middle-list li {
		box-shadow: 10px 5px 21px rgba(19,101,163,0.07);
	}
	.middle-list li:nth-child(2){
		margin-left: 2.31rem;
	}
	.middle-list li:nth-child(5){
		margin-left: 2.31rem;
	}
	.middle-list li:nth-child(8){
		margin-left: 2.31rem;
	}
	.middle-list li:nth-child(11){
		margin-left: 2.31rem;
	}
	.list-one{
		width: 1.23rem;
		height: 1.23rem;
		background-color: blue;
		color: #fff;
		line-height: 1.23rem;
		text-align: center;
		float: left;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-left: 1.12rem;
	}
	.middle-list li span{
		font-size: 0.69rem;
		color: #666666;
		margin-left: 3.04rem;
	}
	
	.Repair-method{
		width: 100%;
		height: 31.12rem;
		background-color: #ffffff;
		border-top: 1px solid #fff;
	}
	.Repair-method-title{
		font-size: 1.38rem;
		text-align: center;
		color: #000000;
		line-height: 1.38rem;
		margin: 0;
		margin-top: 3.88rem;
	}
	.Repair-method-content{
		width: 41.54rem;
		height: 18.96rem;
		background-color: #f7fcff;
		border-radius: 2.69rem;
		margin: 0 auto;
		margin-top: 2.23rem;
		
	}
	.progresss{
		float: left;
		width: 0.73rem;
		height: 12.85rem;
		margin: 2.31rem 0 0 2.69rem;
	}
	.Repair-method-list{
		float: left;
		margin: 2.31rem 0 0 0.69rem;
	}
	.Repair-method-list li{
		list-style: none;
		height: 4.04rem;
		width: 6.73rem;
	}
	#btn1{
		width: 7.73rem;
	}
	.Repair-method-list li a{
		text-decoration: none;
	}
	.Repair-method-step1{
		font-size: 0.77rem;
		color: #252626;
		line-height: 0.77rem;
		margin: 0;
	}
	.Repair-method-method1{
		font-size: 0.62rem;
		color: #252626;
		line-height: 0.62rem;
		margin: 0;
		margin-top: 0.77rem;
		
	}
	
	.Repair-method-img-boxf{
		width: 22.77rem !important;
		margin-top: 2.38rem !important;
		margin-left: 4.31rem !important;
		float: left;
		
	}
	.Repair-method-img-box{
		/* height: 14.27rem; */
		width: 22.77rem !important;
		overflow: hidden;
	}
	.Repair-method-img{
		height: 75%;
		width: 100%;
		
	}
	.Repair-method-step2{
		color: #449ae7;
		font-size: 0.77rem;
		margin: 0;
		
	}
	.Repair-method-method2{
		color: #449ae7;
		font-size: 0.62rem;
		margin-top: 0.50rem;
	}
	
	/* 评价 */
	.evaluate{
		width: 100%;
		height: 23.46rem;
		background-image: url(/static/index/images/Applesystemrepair/images/bottom-bg.png);
		background-repeat: repeat-y;
		border-top: 1px solid #fcf9fc;
		position: relative;
	}
	#swiper-button-prev-banner:focus,#swiper-button-next-banner:focus{
		 outline: none;
	}
	/* .progress{
		background-color: #f7fcff;
		border: 1px solid #f7fcff;
	} */
	.yyy{
		
		position: absolute;
		top: 14.96rem;
		left: 75%;
	}
	.z{
		
		position: absolute;
		top: 12.08rem;
		right: 75%;
	}
	.evaluate-title{
		font-size: 1.38rem;
		color: #000000;
		line-height: 1.38rem;
		margin: 0 auto;
		margin-top: 4.31rem;
		text-align: center;
	}
	.evaluate-user-box{
		width: 15.5rem;
		height: 4.08rem;
		/* background-color: red; */
		margin: 0 auto;
		margin-top: 2.69rem;
	}
	.evaluate-jt-left{
		float: left;
		width: 1.92rem;
		height: 1.92rem;
		line-height: 1.92rem;
		text-align: center;
		border-radius: 50%;
		color: #ccc;
		font-size: 1.77rem;
		background-color: #fff;
		margin-top: 1.08rem;
	}
	.evaluate-jt-right{
		float: right;
		width: 1.92rem;
		height: 1.92rem;
		line-height: 1.92rem;
		text-align: center;
		border-radius: 50%;
		color: #fff;
		font-size: 1.77rem;
		background-color: #449ae7;
		margin-top: 1.08rem;
	}
	.user-img{
		float: left;
		width: 4.08rem;
		height: 4.08rem;
		border-radius: 50%;
		overflow: hidden;
		/* position: absolute;
		left: 50%;
		transform: translateX(-50%); */
		margin-left: 3.69rem;
	}
	.user-img ul{
		width: 17.08rem;
		height: 4.08rem;
		border-radius: 50%;
	}
	.user-img ul li{
		width: 4.08rem;
		height: 100%;
		border-radius: 50%;
		list-style: none;
		float: left;
	}
	.user-img ul img{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.user-name{
		font-size: 0.84rem;
		color: #333333;
		text-align: center;
		margin: 0;
		margin-top: 0.85rem;
	}
	.user-content{
		font-size: 0.69rem;
		color: #333333;
		line-height: 1.23rem;
		text-align: center;
		margin: 0;
		margin: 0 auto;
		margin-top: 1.46rem;
		width: 25.62rem;
	}

	.user-spot{
		width: 3.08rem;
		height: 0.31rem;
		margin: 0 auto;
		margin-top: 1.92rem;
	}
	.user-spot li{
		list-style: none;
		background-color: #dedede;
		width: 0.31rem;
		height: 0.31rem;
		border-radius: 50%;
		float: left;
		margin-right: 0.46rem;
	}
	#swiper-container-banner{
		width: 26.15rem;
		height: 14.54rem;
	}
	#swiper-slide-user{
		width: 100%;
		height: 100%;
		
	}
	#swiper-slide-user img{
		width: 4.08rem;
		border-radius: 50%;
		margin-left: 50%;
		transform:translateX(-50%);
		margin-top: 2.62rem;
	}
	
	#swiper-slide-user p:nth-child(2){
		font-size: 0.85rem;
		color: #333333;
		text-align: center;
		margin: 0;
		margin: 0 auto;
		margin-top: 0.77rem;
	}
	#swiper-slide-user p:nth-child(3){
		width: 25.54rem;
		font-size: 0.69rem;
		color: #333333;
		text-align: center;
		margin: 0;
		margin: 0 auto;
		margin-top: 1.54rem;
		line-height: 1.3rem;
	}
	/* 底部 */
	.bottom{
		width: 100%;
		height: 26.34rem;
		background-color: #ffffff;
		border-top: 1px solid #fff;
	}
	.bottom-box{
		width: 41.27rem;
		height: 15.54rem;
		border: 4px solid #3389d6;
		border-radius: 1.31rem;
		box-shadow: 0.65rem 0.65rem 0 #3389d6;
		margin: 3.85rem auto;
		background-image: url(/static/index/images/Applesystemrepair/images/bottom-bg1.png);
		background-repeat: repeat-x;
		position: relative;
	}
	
	.bottom-title{
		font-size: 1.38rem;
		color: #000000;
		margin: 0;
		text-align: center;
		margin-top: 3.46rem;
	}
	.bottom-titlef{
		font-size: 0.77rem;
		color: #000;
		margin: 0;
		margin-top: 1.08rem;
		text-align: center;
	}
	.stars{
		
		width: 4.73rem;
		height: 0.65rem;
		margin: 1.3rem 0 0 11.04rem;
	}
	.comment{
		font-size: 0.69rem;
		color: #666666;
		margin-left: 0.77rem;
		position: absolute;
		top: 7.9rem;
	}
	.bottom-button{
		margin: 1.12rem 0 0 11.85rem;
	}
	
	.button-box3{
		top: 10.7rem;
		width: 8rem;
		height: 1.92rem;
		position: absolute;
		border-radius: 10px;
		left: 12.45rem;
		background-color: #4596eb;
		display: block;
	}
	.button-box3 img:nth-child(1){
		width: 100%;
		height: 100%;
		position: absolute;
		display: block;
	}
	.button-box3 img:nth-child(2){
		width: 0.77rem;
		height: 0.77rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 1.62rem;
		display: none;
	}

	.button-box3 img:nth-child(3){
		width: 1px;
		height: 30px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		left: 4rem;
		display: none;
		line-height: 1.92rem;
	}
	/* .button-box3:hover img:nth-child(3){
		display: block;
	} */
	.button-box3 img:nth-child(4){
		width: 0.77rem;
		height: 0.77rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 5.58rem;
		display: none;
	}
	.button-box3 span:nth-child(5){
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 3.12rem;
		font-size: 0.77rem;
		color: #fff;
	}
	.button-box3 img:nth-child(1){
		width: 0.96rem;
		height: 0.96rem;
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 1.4rem;
		
	}
	/* .button-box3:hover span:nth-child(5){
		display: none;
	}
	.button-box3:hover img:nth-child(1){
		display: none;
	}
	.button-box3:hover img:nth-child(2){
		display: block;
	}
	.button-box3:hover span:nth-child(3){
		display: block;
	}
	.button-box3:hover img:nth-child(4){
		display: block;
	} */
	.button-box3 img:nth-child(2):hover{
		width: 0.96rem;
		height: 0.96rem;
		
	}
	.button-box3 img:nth-child(4):hover{
		width: 0.96rem;
		height: 0.96rem;
		
	}
	
	.button-box4{
		top: 10.7rem;
		left: 21.54rem;
		width: 8rem;
		height: 1.92rem;
		position: absolute;
		border-radius: 10px;

		background-image: url(/static/index/images/Applesystemrepair/images/button-buy-bg_03.png);
		background-repeat: repeat-y;
		background-size:100% 100%;
	}
	.button-box4 img:nth-child(1){
		width: 1rem;
		height: 1rem;
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 1.4rem;
		
	}
	.button-box4 span:nth-child(5){
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		left: 3.12rem;
		font-size: 0.77rem;
		color: #fff;
	}
	/* .button-box4:hover span:nth-child(5){
		display: none;
	} */

	.button-box4 img:nth-child(2){
		width: 0.77rem;
		height: 0.77rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 1.62rem;
		display: none;
	}
	
	.button-box4 img:nth-child(3){
		width: 1px;
		height: 30px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		left: 4rem;
		display: none;
		line-height: 1.92rem;
	}
	/* .button-box4:hover img:nth-child(3){
		display: block;
	} */
	.button-box4 img:nth-child(4){
		width: 0.77rem;
		height: 0.77rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 5.58rem;
		display: none;
	}
	/* .button-box4:hover img:nth-child(1){
		display: none;
	}
	.button-box4:hover img:nth-child(2){
		display: block;
	}
	.button-box4:hover span:nth-child(3){
		display: block;
	}
	.button-box4:hover img:nth-child(4){
		display: block;
	} */
	.button-box4 img:nth-child(2):hover{
		width: 0.96rem;
		height: 0.96rem;
		
	}
	.button-box4 img:nth-child(4):hover{
		width: 0.96rem;
		height: 0.96rem;
		
	}

	#swiper-button-next-banner{
		width: 1.92rem;
		height: 1.92rem;
		background-color: #fff;
		border-radius: 50%;
		color: #d1d1d1;
		box-shadow: 5px 5px 24px rgba(0,0,0,0.07);
		top: 20% ;
		right: 15%;
	}
	#swiper-button-next-banner::after{
		font-size: 0.77rem;
	}
	.swiper-button-white:hover {
		background-color: #449ae7 !important;
	}
	.swiper-button-white:hover::after{
		color: #fff !important;
	}
	#swiper-button-prev-banner{
		width: 1.92rem;
		height: 1.92rem;
		background-color: #fff;
		border-radius: 50%;
		color: #d1d1d1;
		box-shadow: 5px 5px 24px rgba(0,0,0,0.07);
		top: 20%;
		left: 15%;
	}
	#swiper-pagination-banner{
		top: 15rem;
		
	}
	#swiper-button-prev-banner::after{
		font-size: 0.77rem;
	}
	.swiper-button-black:hover {
		background-color: #449ae7 !important;
	}
	.swiper-button-black:hover::after{
		color: #fff !important;
	}
}
/*mobile*/
@media screen and (max-width: 426px) {
	/* .all{
		display: none;
	} */
	.banner{
		width: 100%;
		height: 520px;
		position: relative;
		border-top: 1px solid #a0d0fa;
		background-image: url(/static/index/images/Applesystemrepair/images/mobile-banner-bg.png);
		background-repeat: repeat-x;
		background-size: 100% 100%;
	}
	.pc-button{
		display: none;
	}
	.banner-bg{
		display: none;
	}
	.banner_left{
		position: absolute;
		top: 50px;
		left: 50%;
		transform: translatex(-50%);
		width: 90%;
		
	}
	.banner-title{
		font-size: 26px;
		color: #000000;
		text-align: center;
	}
	.banner-content{
		font-size: 18px;
		color: #333333;
		margin: 0;
		margin: 33px auto;
		line-height: 34px;
		width: 90%;
		text-align: center;
		margin-bottom: 0;
	}
	

	.button-box img:nth-child(2){
		display: none;
	}
	.button-box span:nth-child(3){
		display: none;
	}
	.button-box img:nth-child(4){
		display: none;
	}
	.button-box1{
		display: block;
		width: 65%;
		margin: 0 auto;
	}
	.button-box1 img:nth-child(2){
		display: none;
	}
	.button-box1 span:nth-child(3){
		display: none;
	}
	.button-box1 img:nth-child(4){
		display: none;
	}
	/* top */
	
	.top{
		width: 100%;
		height: 1945px;
	}
	.top-title-box{
		width: 100%;
	}
	.top-title{
		font-size: 26px;
		color: #000;
		display: block;
		width: 100%;
		text-align: center;
		margin: 0;
		margin-top: 48px;
	}
	.swiper-button-prev-top:focus,.swiper-button-next-top:focus{
		 outline: none;
	}
	#box{
		display: none;
	}
	#box1{
		width: 100%;
		height: 505px;
		margin: 0 auto;
		margin-top: 30px;
	}
	#box1{
		width: 240px !important;
		height: 383px !important;
	}
	.swiper-wrapper-childen{
		width: 100% !important;
		height: 383px !important;
		background-color: #e8f4fd !important;
		border-radius: 30px !important;
		margin-top: 70px;
	}
	.swiper-wrapper-childen div{
		height: 100%;
		border-radius: 30px !important;
		
	}
	.swiper-button-next-top{
		margin-top: -80px !important;
		left: 0px !important;
		box-shadow: 10px 5px 18px rgba(0,0,0,0.07);
	}
	.swiper-button-next-top{
		width: 42px !important;
		height: 42px !important;
		background-color: #fff !important;
		color: #cbcbcb;
		border-radius: 50% !important;
		
	}
	.swiper-button-next-top::after{
		color: #cbcbcb !important;
		font-size: 20px !important;
	}
	.swiper-button-prev-top{
		margin-top: -80px !important;
		right: 0px !important;
		box-shadow: 10px 5px 18px rgba(0,0,0,0.07);
	}
	.swiper-button-prev-top{
		width: 42px !important;
		height: 42px !important;
		background-color: #fff !important;
		color: #cbcbcb;
		border-radius: 50% !important;
		
	}
	.swiper-button-prev-top::after{
		color: #cbcbcb !important;
		font-size: 20px !important;
	}
	.swiper-container-top1 {
		height: 560px;
	}
	.swiper-pagination-gtt{
		top: 490px !important;
		width: 98% !important;
		height: 12px !important;
		border-radius: 20px !important;
		
	}
	.swiper-pagination-gtt span{
		background-color: #449ae7 !important;
		border-radius: 20px !important;
	}
	.swiper-wrapper-childen div{
		text-align: center;
	}
	.swiper-wrapper-childen div img{
		width: 108px;
		height: 228px;
		margin-top: 53px;
	}
	.swiper-wrapper-childen div p{
		font-size: 18px;
		color: #666666;
		margin: 0;
		margin-top: 32px;
	}
	.jt-left{
		display: block;
		width: 42px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		border-radius: 50%;
		background-color: #fff;
		color: #cccccc;
		font-size: 42px;
		color: #ccc;
		float: left;
		margin-left: 102px;
		margin-top: 30px;
	}
	.jt-right{
		display: block;
		width: 42px;
		height: 42px;
		line-height: 42px;
		text-align: center;
		border-radius: 50%;
		background-color: #fff;
		color: #cccccc;
		font-size: 42px;
		color: #feffff;
		background-color: #449ae7;
		float: left;
		margin-top: 30px;
		margin-left: 32px;
	}
	.swiper-scrollbar-drag{
		background-color: #449ae7 !important;
	}
	.top-list-box{
		margin: 0 auto;
		margin-top: 28px;
		width: 75%;
		overflow:hidden
	
	}
	.top-list{
		width: 500%;
	}
	.top-list li{
		list-style: none;
		float: left;
		width: 20%;
	}
	.top-list li img{
		width: 100%;
	}
	.top-hr{
		width: 90%;
		height: 12px;
		border-radius: 10px;
		background-color: #eceff2;
		margin: 0 auto;
		margin-top: 40px;
	}
	.top-hr div{
		
			width: 12.5%;
			height: 100%;
			background-color: #449ae7;
			border-radius: 10px;
		
	}
	
	/* .top-hr li:nth-child(1){
		background-color: red;
	} */
	.top-title2{
		font-size: 26px;
		color: #000000;
		margin: 0;
		margin-top: 184px;
		text-align: center;
	}
	.top-title3{
		font-size: 18px;
		color: #333333;
		width: 90%;
		margin: 0;
		margin: 0 auto;
		margin-top: 18px;
		text-align: center;
		line-height: 35px;
	}
	.Standard-mode-box{
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
	}
	/* 标准模式 */
	.Standard-mode{
		width: 100%;
		height: 540px;
		border-radius: 30px;
		background-color: #fff;
		box-shadow: 1px 1px 10px #f6f9fb,-1px -1px 10px #f6f9fb;
		
	}
	
	.Standard-mode-img1{
		width: 100%;
	}
	.Standard-mode-title1{
		font-size: 22px;
		font-weight: bold;
		color: #000000;
		margin: 0;
		text-align: center;
		margin-top: 30px;
	}
	.Standard-mode-content1{
		width: 280px;
		margin: 0;
		font-size: 18px;
		color: #666666;
		margin: 0 auto;
		text-align: center;
		margin-top: 25px;
		line-height: 36px;
	}
	.Standard-mode-img2{
		width: 100%;
	}
	.Standard-mode-title2{
		font-size: 22px;
		font-weight: bold;
		color: #000000;
		margin: 0;
		text-align: center;
		margin-top: 30px;
	}
	.Standard-mode-content2{
		width: 280px;
		margin: 0;
		font-size: 18px;
		color: #666666;
		margin: 0 auto;
		text-align: center;
		margin-top: 25px;
		line-height: 36px;
	}
	/* 高级模式 */
	.Advanced-mode{
		width: 100%;
		height: 540px;
		border-radius: 30px;
		background-color: #fff;
		box-shadow: 1px 1px 10px #f6f9fb,-1px -1px 10px #f6f9fb;
		margin-top: 29px;
	}
	.middle{
		width: 100%;
		height: 1140px;
		background-image: url(/static/index/images/Applesystemrepair/images/middle-mobile-bg.png);
		background-size: 100% 100%;
		background-repeat: repeat-x;
		border-top: 1px solid #f7fcff;
	}
	
	.middle-title{
		font-size: 26px;
		width: 94%;
		color: #000000;
		margin: 0;
		text-align: center;
		margin: 0 auto;
		margin-top: 50px;
	}
	.middle-titlef{
		font-size: 20px;
		color: #333333;
		width: 290px;
		margin: 0;
		margin: 0 auto;
		margin-top: 28px;
		text-align: center;
		line-height: 36px;
	}
	.middle-list{
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.middle-list li{
		width: 100%;
		height: 90px;
		list-style: none;
		background-color: #ffffff;
		margin-bottom: 19px;
	}
	.middle-pc{
		display: none;
	}
	.list-one{
		width: 32px;
		height: 32px;
		border-radius: 50%;
		font-size: 16px;
		color: #ffffff;
		line-height: 32px;
		text-align: center;
		margin: 30px 0 0 14px;
		float: left;
	}
	.middle-list li span{
		display: block;
		font-size: 16px;
		color: #666666;
		float: left;
		width: 220px;
		margin: 23px 0 0 18px;
	}
	/* 修复方法 */
	.Repair-method{
		width: 100%;
		height: 795px;
		background-color: #ffffff;
		border-top: 1px solid #fff;
	}
	.Repair-method-title{
		font-size: 26px;
		color: #000000;
		/* width: 63%;
		margin: 0;
		margin: 0 auto; */
		text-align: center;
		margin: 0;
		margin-top: 42px;
	}
	.Repair-method-content{
		width: 90%;
		height: 647px;
		border-radius: 16px;
		background-color: #f7fcff;
		margin: 0 auto;
		margin-top: 30px;
		border-top: 1px solid #f7fcff;
	}
	.progresss{
		width: 19px;
		height: 334px;
		margin: 0;
		float: left;
		margin: 40px 0 0 40px;
	}
	.Repair-method-list{
		margin: 40px 0 0 18px;
		float: left;
	}
	.Repair-method-list li{
		list-style: none;
		height: 105px;
	}
	
	.Repair-method-step1{
		font-size: 18px;
		color: #000;
		margin: 0;
	}
	.Repair-method-method1{
		font-size: 16px;
		color: #ccc;
		margin: 0;
		margin-top: 10px;
	}
	/* .Repair-method-list li:nth-child(2) p{
		
	} */
	.Repair-method-list li:nth-child(4){
		height: 86px;
	}
	.Repair-method-img{
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	.clearxf{
		clear: both !important;
	}
	.Repair-method-step2{
		cursor: pointer !important;
		font-size: 18px;
		color: #b173e6;
	}
	.Repair-method-method2{
		font-size: 16px;
		color: #ba85e9;
		margin-top: 10px;
	}
	/* 评价 */
	.evaluate{
		width: 100%;
		height: 23.46rem;
		background-image: url(/static/index/images/Applesystemrepair/images/mobile-user-bg.png);
		background-repeat: repeat-y;
		background-size: 100%;
		border-top: 1px solid #fcf9fc;
	}
	#swiper-pagination-banner{
		height: 0px !important;
		top: 370px !important;
	}
	.z{
		display: none;
	}
	.yyy{
		display: none;
	}
	#swiper-button-prev-banner:focus,#swiper-button-next-banner:focus{
		 outline: none;
	}
	#swiper-button-next-banner{
		box-shadow: 5px 5px 24px rgba(0,0,0,0.07);
	}
	.evaluate-title{
		font-size: 26px;
		font-weight: bold;
		color: #000000;
		line-height: 1.38rem;
		margin: 0 auto;
		margin-top: 50px;
		text-align: center;
	}
	.evaluate-user-box{
		width: 15.5rem;
		height: 4.08rem;
		/* background-color: red; */
		margin: 0 auto;
		margin-top: 2.69rem;
	}
	.evaluate-jt-left{
		float: left;
		width: 1.92rem;
		height: 1.92rem;
		line-height: 1.92rem;
		text-align: center;
		border-radius: 50%;
		color: #ccc;
		font-size: 1.77rem;
		background-color: #fff;
		margin-top: 1.08rem;
	}
	.evaluate-jt-right{
		float: right;
		width: 1.92rem;
		height: 1.92rem;
		line-height: 1.92rem;
		text-align: center;
		border-radius: 50%;
		color: #fff;
		font-size: 1.77rem;
		background-color: #449ae7;
		margin-top: 1.08rem;
	}
	.user-img{
		float: left;
		width: 4.08rem;
		height: 4.08rem;
		border-radius: 50%;
		/* background-color: blue; */
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.user-img ul{
		width: 4.08rem;
		height: 4.08rem;
		border-radius: 50%;
	}
	.user-img ul li{
		width: 100%;
		height: 100%;
		border-radius: 50%;
		list-style: none;
	}
	.user-img ul img{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.user-name{
		font-size: 0.84rem;
		color: #333333;
		text-align: center;
		margin: 0;
		margin-top: 0.85rem;
	}
	.user-content{
		font-size: 0.69rem;
		color: #333333;
		line-height: 1.23rem;
		text-align: center;
		margin: 0;
		
		width: 288px;
		margin: 0 auto;
		margin-top: 1.46rem;
	}
	.user-spot{
		width: 3.08rem;
		height: 0.31rem;
		margin: 0 auto;
		margin-top: 1.92rem;
	}
	.user-spot li{
		list-style: none;
		background-color: #dedede;
		width: 0.31rem;
		height: 0.31rem;
		border-radius: 50%;
		float: left;
		margin-right: 0.46rem;
	}
	/* 用户信息 */
	#swiper-container-banner{
		width: 100%;
		height: 400px;
		margin-top: 40px;
		
	}
	#swiper-slide-user img{
		width: 106px;
		height: 106px;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	#swiper-slide-user p:nth-child(2){
		font-size: 24px;
		color: #333333;
		margin: 0;
		text-align: center;
		margin-top: 20px;
	}
	#swiper-slide-user p:nth-child(3){
		width: 287px;
		font-size: 16px;
		color: #333333;
		margin: 0;
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
		line-height: 32px;
	}
	.evaluate{
		height: 570px;
	}
	.swiper-button-next, .swiper-button-prev{
		top: 15% !important;
		
	}
	.top-buttons{
		width: 117px;
		
		margin: -487px auto;
	}
	.top-button-mobile1{
		float: right;
	}
	.top-button-mobile{
		display: none !important;
	}
	/* bottom */
	.bottom{
		width: 100%;
		height: 580px;
		background-color: #fff;
		border: 1px solid #fff;
	}
	.bottom-box{
		width: 282px;
		padding-bottom: 20px;
		border-radius: 40px;
		border: 4px solid #3389d6;
		box-shadow: 3px 3px 0 3px #3389d6;
		margin: 0 auto;
		margin-top: 52px;
		background-image: url(/static/index/images/Applesystemrepair/images/mobile-bottom-bg.png);
		background-repeat: repeat-x;
		background-size: 100% 100%;
	}
	.bottom-title{
		font-size: 24px;
		font-weight: bold;
		color: #000000;
		margin: 0 auto;
		text-align: center;
		margin-top: 40px;
	}
	.bottom-titlef{
		font-size: 18px;
		color: #000;
		width: 240px;
		margin: 0;
		margin: 0 auto;
		margin-top: 25px;
		text-align: center;
	}
	.stars{
		width: 124px;
		display: block;
		margin: 0 auto;
		margin-top: 29px;
	}
	.comment{
		display: block;
		font-size: 16px;
		color: #666666;
		margin: 0;
		margin: 0 auto;
		margin-top: 34px;
		width: 85%;
		margin: 0 auto;
		margin-top: 22px;
		text-align: center;
	}
	.button-box3 {
		display: block;
		width: 208px;
		height: 50px;
		border-radius: 10px;
		margin: 0 auto;
		margin-top: 30px;
		background-color: #488df4;
		position: relative;
	}
	.button-box3 img:nth-child(1){
		width: 100%;
		height: 100%;
	}
	.button-box3 img:nth-child(2){
		display: none;
	}
	.button-box3 span:nth-child(3){
		display: none;
	}
	.button-box3 img:nth-child(4){
		display: none;
	}
	.button-box4 img:nth-child(2){
		display: none;
	}
	.button-box4 span:nth-child(3){
		display: none;
	}
	.button-box4 img:nth-child(4){
		display: none;
	}
	.button-box4{
		display: block;
		width: 208px;
		height: 50px;
		border-radius: 10px;
		margin: 0 auto;
		margin-top: 19px;
	}
	
	
	.scrollpic {
		width: 241px;
		margin:30px auto 0 auto;
	}
	#myscroll {
		display: block;
		width: 100%;
		position: relative;
		height: 380px;
		overflow: hidden;
		margin-top: 28px;
	}
	#myscroll #myscrollbox {
		display: block;
		float: left;
		position: absolute;
		left: 0;
		top: 0;
		width: 1000000px;
	}
	#myscroll ul {
		display: block;
		float: left;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#myscroll ul li {
		display: block;
		float: left;
		padding: 0;
		width:241px;
		height: 383px;
		
	}
		
	#myscroll ul li img{
		width: 260px;
		height: 100%;
	}
	#myscroll ul li a {
		display: block;
		float: left;
		width: 260px;
		padding: 0;
		position: relative;
		height: 241px;
		color: #333;
		text-decoration: none;
	}
	#myscroll a .intro {
		position: absolute;
		left: 0;
		z-index: 10;
		background-color: #0057c4;
		filter: alpha(opacity=70);
		width: 260px;
		color: #fff;
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		text-align: center;
	}
	#myscroll a .intro h5 {
		padding: 0;
		margin: 0;
		font-size: 16px;
		height: 40px;
		width: 260px;
		line-height: 30px;
		border-bottom: 1px solid #347fdc;
		font-weight:100;
	}
	#myscroll a .intro p {
		font-size: 13px;
		line-height: 20px;
		margin: 65px 70px;
		height: 70px;
		overflow: hidden;
	}
	#myscroll a .intro {
		bottom: -211px;
	}
	#myscroll a:hover .intro {
		bottom: 0px;
	}
	#mybtns {
		
		width: 241px;
		display: block;
		height: 42px;
	}
	#mybtns a {
		width: 42px;
		height: 42px;
		display: block;
		float: left;
		border-radius: 50%;
		background-color: #ccc;
		box-shadow:  5px 15px -5px rgba(0,0,0,.5);
		margin-left:10px;
	}
	#mybtns a:nth-child(1){
		margin-left: 62px;
		
	}
	#mybtns a:nth-child(2){
		margin-left: 32px;
		
	}
	#mybtns a:hover {
		background-color: #347fdc;
	}
	#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#mybtns #left {
		background-image: url(/static/index/images/Applesystemrepair/images/jt_l.png);
	}
	#mybtns #right {
		background-image: url(/static/index/images/Applesystemrepair/images/jt_r.png);
	}
	
	#kinMaxShow {
		visibility: hidden;
		width: 100%;
		height: 500px;
		overflow: hidden;
	}
	
	#swiper-button-next-banner{
		width: 1.92rem;
		height: 1.92rem;
		background-color: #fff;
		border-radius: 50%;
		color: #d1d1d1;
	}
	#swiper-button-next-banner::after{
		font-size: 0.77rem;
	}
	.swiper-button-white:hover {
		background-color: #449ae7 !important;
	}
	.swiper-button-white:hover::after{
		color: #fff !important;
	}
	#swiper-button-prev-banner{
		width: 1.92rem;
		height: 1.92rem;
		background-color: #fff;
		border-radius: 50%;
		color: #d1d1d1;
		box-shadow: 5px 5px 24px rgba(0,0,0,0.07);
		
	}
	#swiper-button-prev-banner::after{
		font-size: 0.77rem;
	}
	.swiper-button-black:hover {
		background-color: #449ae7 !important;
	}
	.swiper-button-black:hover::after{
		color: #fff !important;
	}
	
	/* 手机按钮 */
	/* hover */
	/* .button-box:hover span:nth-child(5){
		display: none;
	}
	.button-box:hover img:nth-child(1){
		display: none;
	}
	.button-box:hover img:nth-child(2){
		display: block;
	}
	.button-box:hover span:nth-child(3){
		display: block;
	}
	.button-box:hover img:nth-child(4){
		display: block;
	} */
	.button-box img:nth-child(2):hover{
		width: 25px;
		height: 25px;
		
	}
	
	.button-box img:nth-child(4):hover{
		width: 25px;
		height: 25px;
		
	}
	
	/* .button-box1:hover span:nth-child(5){
		display: none;
	}
	.button-box1:hover img:nth-child(1){
		display: none;
	}
	.button-box1:hover img:nth-child(2){
		display: block;
	}
	.button-box1:hover span:nth-child(3){
		display: block;
	}
	.button-box1:hover img:nth-child(4){
		display: block;
	} */
	.button-box1 img:nth-child(2):hover{
		width: 25px;
		height: 25px;
		
	}
	.button-box1 img:nth-child(4):hover{
		width: 25px;
		height: 25px;
		
	}
	
	
	/* .button-box3:hover span:nth-child(5){
		display: none;
	}
	.button-box3:hover img:nth-child(1){
		display: none;
	}
	.button-box3:hover img:nth-child(2){
		display: block;
	}
	.button-box3:hover span:nth-child(3){
		display: block;
	}
	.button-box3:hover img:nth-child(4){
		display: block;
	}
	.button-box3 img:nth-child(2):hover{
		width: 25px;
		height: 25px;
		
	}
	.button-box3 img:nth-child(4):hover{
		width: 25px;
		height: 25px;
		
	} */
	
	/* .button-box4:hover span:nth-child(5){
		display: none;
	}
	.button-box4:hover img:nth-child(1){
		display: none;
	}
	.button-box4:hover img:nth-child(2){
		display: block;
	}
	.button-box4:hover span:nth-child(3){
		display: block;
	}
	.button-box4:hover img:nth-child(4){
		display: block;
	}
	.button-box4 img:nth-child(2):hover{
		width: 25px;
		height: 25px;
		
	} */
	/* .button-box4 img:nth-child(4):hover{
		width: 25px;
		height: 25px;
		
	} */
	.button-box{
		width: 208px;
		height: 50px;
		background-color: #4499e8;
		position: absolute;
		top: 310px;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 10px;
	}
	/*  */
	.button-box img:nth-child(1){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 44px;
	}
	.button-box img:nth-child(2){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 42px;
	}
	/* .button-box span:nth-child(3){
		position: absolute;
		top: 14%;
		transform: translateY(-50%);
		left: 50%;
		transform: translateX(-50%);
		font-size: 26px;
		color: #c9dbea;
	} */
	.button-box img:nth-child(3){
		width: 1px;
		height: 30px;
		top: 20%;
		transform: translateY(-50%);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		display: none;
		line-height: 1.92rem;
	}
	.button-box:hover img:nth-child(3){
		display: block;
	}
	.button-box img:nth-child(4){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 145px;
	}
	.button-box span:nth-child(5){
		position: absolute;
		display: block;
		font-size: 20px;
		color: #fff;
		top: 50%;
		transform: translateY(-50%);
		left: 80px;
	}
	.button-box1{
		width: 208px;
		height: 50px;
		background-color: #4499e8;
		position: absolute;
		top: 375px;
		left: 50%;
		transform: translateX(-50%);
		background-image: url(/static/index/images/Applesystemrepair/images/button-buy-bg_03.png);
		background-repeat: repeat-y;
		border-radius: 10px;
	}
	.button-box1 img:nth-child(1){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 44px;
	}
	
	.button-box1 img:nth-child(3){
		width: 1px;
		height: 30px;
		top: 20%;
		transform: translateY(-50%);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		display: none;
		line-height: 1.92rem;
	}
	.button-box1:hover img:nth-child(3){
		display: block;
	}
	.button-box1 img:nth-child(2){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 42px;
	}
	.button-box1 img:nth-child(4){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 145px;
	}
	.button-box1 span:nth-child(5){
		position: absolute;
		display: block;
		font-size: 20px;
		color: #fff;
		top: 50%;
		transform: translateY(-50%);
		left: 80px;
	}
	.bottom-button{
		width: 208px;
		height: 50px;
		background-color: #4499e8;
		position: relative;
		display: none;
	}
	.bttom-button-moi{
		width: 208px;
		height: 50px;
		background-color: #4499e8;
		position: relative;
	}
	.button-box3 img:nth-child(1){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 45px;
		width: 22px;
		height: 22px;
	}
	.button-box3 img:nth-child(2){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 42px;
	}
	
	.button-box3 img:nth-child(3){
		width: 2px;
		height: 30px;
		top: 20%;
		transform: translateY(-50%);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		display: none;
		
	}
	/* .button-box3:hover img:nth-child(3){
		display: block;
	} */
	.button-box3 img:nth-child(4){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 145px;
	}
	.button-box3 span:nth-child(5){
		position: absolute;
		display: block;
		font-size: 20px;
		color: #fff;
		top: 50%;
		transform: translateY(-50%);
		left: 80px;
	}
	.button-box4{
		width: 208px;
		height: 50px;
		background-color: #4499e8;
		position: relative;
		background-image: url(/static/index/images/Applesystemrepair/images/button-buy-bg_03.png);
		background-repeat: repeat-y;
		
	}
	
	.button-box4 img:nth-child(1){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 45px;
		width: 22px;
		height: 22px;
	}
	.button-box4 img:nth-child(2){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 42px;
	}
	
	.button-box4 img:nth-child(3){
		width: 2px;
		height: 30px;
		top: 20%;
		transform: translateY(-50%);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		display: none;
		
	}
	.button-box4:hover img:nth-child(3){
		display: block;
	}
	.button-box4 img:nth-child(4){
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 145px;
	}
	.button-box4 span:nth-child(5){
		position: absolute;
		display: block;
		font-size: 20px;
		color: #fff;
		top: 50%;
		transform: translateY(-50%);
		left: 80px;
	}
	/* 修复小圈圈颜色 */
	.middle-list li:nth-child(2) div{
		background-color: #c9a5e8 !important;
	}
	.middle-list li:nth-child(4) div{
		background-color: #f0c974 !important;
	}
	.middle-list li:nth-child(5) div{
		background-color: #ff8e98 !important;
	}
	.middle-list li:nth-child(7) div{
		background-color: #449ae7 !important;
	}
	.middle-list li:nth-child(8) div{
		background-color: #c9a5e8 !important;
	}
	.middle-list li:nth-child(10) div{
		background-color: #f0c974 !important;
	}
	.middle-list li:nth-child(11) div{
		background-color: #ff8e98 !important;
	}
	.Standard-mode{
		height: 540px;
	}
	.Standard-mode-img1{
		margin-top: 40px;
	}
	.Advanced-mode{
		height: 540px;
	}
	.Standard-mode-img2{
		margin-top: 40px;
	}
	.bottom-desc{
		font-size: 16px;
		color: #333333;
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
		width: 90%;
	}
	.mobile-button-desc{
		font-size: 16px;
		color: #333;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		margin-top: 10px;
	}
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    content: none!important;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	content: none!important;
}
.swiper-button-prev em{
	font-size: 25px;
    transform: rotate(90deg);
    color: #d1d1d1;
	transition: all 0.2s;
}
.swiper-button-prev:hover em{
    color: #fff;
}
.swiper-button-next em{
	font-size: 25px;
    transform: rotate(-90deg);
    color: #d1d1d1;
	transition: all 0.2s;
}
.swiper-button-next:hover em{
    color: #fff;
}