.relative{position: relative;}
.airwheel-width {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.airwheel-width:after {
	content: "";
	display: block;
	clear: both;
}

.airwheel-content {
	width: 100%;
	height: auto;
}

.airwheel-content h1 {
	font-size: 26px;
	line-height: 40px;
	font-weight: 500;
	position: relative;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.airwheel-content p {
	font-size: 14px;
	line-height: 30px;
}

.width400 {
	width: 400px;
	position: absolute;
	top: 50%;
}

.width600 {
	width: 600px;
	margin: auto;
}

.width800 {
	width: 800px;
	margin: auto;
}

.img-responsive {
	display: block;
	max-width: 100%;
	margin: auto;
}

.video-container {
	position: relative;
	overflow: hidden;
	width:100%
}

.video-container video {
	display: block;
}

.video-intro {
    width: 768px;
    position: absolute;
    color: #fff;
    top: 50%;
    margin-top: -96px;
    left: 50%;
    margin-left: -384px;
    z-index: 6;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 20px;
    border: 1px solid #FFF;
}
.video-intro h1{font-size: 40px;}
.video-intro p{font-size: 18px;}
.airwheel-advantage-second {
	height: 720px;
	background-image: url(../../images/sr3/Airwheel-SR3-smart_robot_suitcase-design1.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

.airwheel-advantage-second .width400 {
	margin-top: -160px;
}
ul.para:after {
	content: '';
	display: block;
	clear: both;
}

ul.para li {
	width: 25%;
	float: left;
	text-align: center;
	margin-bottom: 0;
	font-size: 14px;
	box-sizing: border-box;
	padding: 30px 0;
}
ul.para li div{border-right: 1px solid rgb(219, 219, 219);}
ul.para li:first-child div{
	border-left: 1px solid rgb(219, 219, 219);
}

ul.para li div:before {
	content: '';
	display: block;
	width: 58px;
	height: 58px;
	margin: 0 auto 10px;
	background: url(../../images/sr3/Airwheel-SR3-smart_robot_suitcase-design.png) center no-repeat;
	background-position: -37px -25px;
	transition: all linear .5s;
}
ul.para li:hover{background-color: rgb(0,175,255);
color: #fff;}
ul.para li:hover div:before {
	background-position: -37px -129px;
	transition: all linear .5s;
}
ul.para li:nth-child(2) div:before {
	background-position: -118px -25px;
}
ul.para li:nth-child(2):hover div:before {
	background-position: -118px -129px;
}
ul.para li:nth-child(3) div:before {
	background-position: -195px -25px;
}
ul.para li:nth-child(3):hover div:before {
	background-position: -195px -129px;
}
ul.para li:nth-child(4) div:before {
	background-position: -265px -25px;
}
ul.para li:nth-child(4):hover div:before {
	background-position: -265px -129px;
}
.airwheel-advantage-three {
	background: #F6F6F6;
	text-align: center;
	padding-top: 5%;
}

.airwheel-advantage-three p {
	margin-bottom: 5%;
}

.airwheel-advantage-three.one {
	background: #fff;
	padding-bottom: 5%;
}

ul.small-icon li {
	display: inline-block;
	padding-top: 10px;
	position: relative;
	text-align: center;
	font-size: 14px;
	margin-right: 30px;
	vertical-align: top;
	width: 96px;
}
.airwheel-advantage-three.one ul.small-icon li br{display: none;}
ul.small-icon li:last-child {
	margin-right: 0;
}

ul.small-icon li:before {
	width: 72px;
	height: 72px;
	content: "";
	display: block;
	margin: 0 auto 10px;
	background: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-design.png) no-repeat center;
}

.airwheel-advantage-three.one .width800 {
	position: relative;
}

.airwheel-advantage-three.one ul.small-icon.left li:first-child:before {
	background-position: -9px -6px;
}

.airwheel-advantage-three.one ul.small-icon {
	position: absolute;
	bottom: 20%;
}

.airwheel-advantage-three.one ul.small-icon.right {
	right: 0;
}

.airwheel-advantage-three.one ul.small-icon.left li:last-child:before {
	background-position: -104px -11px;
}

.airwheel-advantage-three.one ul.small-icon.right li:first-child:before {
	background-position: -189px -7px;
}

.airwheel-advantage-three.one ul.small-icon.right li:last-child:before {
	background-position: -278px -4px;
}

.airwheel-advantage-five {
	height: 800px;
	background-image: url(../../images/sr3/Airwheel-SR3-intelligent_auto-following_suitcase-design4.jpg);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	box-sizing: border-box;
	padding-top: 5%;
	text-align: center;
}

.airwheel-advantage-six {
	height: 792px;
	background-image: url(../../images/sr3/Airwheel-SR3-self-following_suitcase-design5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.airwheel-advantage-six .width400 {
	right: 10px;
	top: 8%;
	z-index: 6;
}

.airwheel-advantage-seven {
	height: 956px;
    background-image: url(../../images/sr3/Airwheel-SR3-auto-following_suitcase-design6.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
    background-color: rgb(233,233,233);
}

.airwheel-advantage-seven .width400 {
	top: 70%;
    width: 60%;
    left: 20%;
}

ul.col-3 li {
	float: left;
	width: 33.33%;
	text-align: center;
	color: #00AAFF;
	margin-top: 20px;
}

ul.col-3 li span {
	font-size: 50px;
}

.airwheel-advantage-eight {
	height: 876px;
	background-image: url(../../images/sr3/Airwheel-SR3-intelligent_self-following_suitcase-design7.jpg);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}

.airwheel-advantage-eight .width400 {
	margin-top: -70px;
}
div.dong
{
	position: absolute;
	bottom: 0px;
	right: 0;
	transform: rotate(-10deg);
animation:myfirst 5s linear infinite;
-moz-animation:myfirst 5s linear infinite; /* Firefox */
-webkit-animation:myfirst 5s linear infinite; /* Safari and Chrome */
-o-animation:myfirst 5s infinite; /* Opera */
-ms-animation:myfirst 5s infinite; /* Opera */
}
div.img-fix{
	position: absolute;
bottom: 325px;
left: 500px;
animation:myfirst1 5s ease infinite ;
-moz-animation:myfirst1 5s ease infinite ;
-webkit-animation:myfirst1 5s ease infinite ;
-o-animation:myfirst1 5s ease infinite ;
-ms-animation:myfirst1 5s ease infinite ;
}
@keyframes myfirst
{
0 {bottom: 0;right: 0;transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;transform: rotate(30deg)}
}

@-moz-keyframes myfirst /* Firefox */
{
0 {bottom: 0;right: 0;-moz-transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;-moz-transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;-moz-transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;-moz-transform: rotate(30deg)}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0 {bottom: 0;right: 0;-webkit-transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;-webkit-transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;-webkit-transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;-webkit-transform: rotate(30deg)}
}

@-o-keyframes myfirst /* Opera */
{
0 {bottom: 0;right: 0;-o-transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;-o-transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;-o-transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;-o-transform: rotate(30deg)}
}
@-ms-keyframes myfirst /* Opera */
{
0 {bottom: 0;right: 0;-ms-transform: rotate(-10deg);}
50% {bottom: 136px;right: 150px;-ms-transform: rotate(0deg)}
60%{bottom: 136px;right: 150px;-ms-transform: rotate(0deg)}
100%{bottom: 755px;right: 164px;-ms-transform: rotate(30deg)}
}
@keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
@-moz-keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
@-webkit-keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
@-o-keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
@-ms-keyframes myfirst1
{
0 {bottom: 325px;left: 500px;}
50% {bottom: 325px;left: 500px;}
100%{bottom: 325px;left: 350px;}
}
.learn-more{
	position: absolute;
    width: 90px;
    left: 50%;
    bottom: 3%;
    text-align: center;
    z-index: 1;
    margin-left: -45px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .8s;
    transition: transform .8s;
}
.learn-more:hover{cursor: pointer;}
.learn-more.open {
    -webkit-transform: translate(0, 55px);
    -ms-transform: translate(0, 55px);
    transform: translate(0, 55px);
}
.learn-more p{
	font-size: 15px;
    display: block;
    color: #249cde;
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.learn-more.open p{
	opacity: 0;
}
.add-icon {
    margin: 0 auto 0 auto;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #249cde;
    color: #fff;
    position: relative;
    -webkit-transition: -webkit-transform .8s;
    transition: transform .8s;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.learn-more.open i.add-icon {
    background: #fff;
    opacity: .6;
    filter: alpha(opacity=60)\9;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.learn-more.open .add-icon:before,.learn-more.open .add-icon:after{
	    background: #249cde;
}
 .learn-more .add-icon:before,.learn-more .add-icon:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
}
.learn-more .add-icon:before {
    width: 4px;
    height: 50%;
    top: 25%;
    margin-left: -2px;
}
.learn-more .add-icon:after {
    width: 50%;
    height: 4px;
    left: 25%;
    margin-top: -2px;
}
.more-content {
    overflow: hidden;
    _zoom: 1;
    height: 0;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    display: none;
}
.more-content.open{
	    display: block;
    height: auto;
    margin-top: -50px;
        position: relative;
}
.airwheel-advantage-more1{
	height: 980px;
	background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more1.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.airwheel-advantage-more1 .width600,.airwheel-advantage-more3 .width600{position:relative;top: 50%; margin-top: -55px;	color: #fff;
	text-align: center;}
.more-content h1{color: #249cde;}
.airwheel-advantage-more2{
	height: 952px;
	background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more2.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.airwheel-advantage-more2 .width400{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -119px;
}
.airwheel-advantage-more3{
	height: 1068px;
	background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more3.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.airwheel-advantage-more3 .width600{top: 40%;}
.airwheel-advantage-more-para{background: #fff; position: relative;}
.airwheel-advantage-more-para .more-para li{
	width: 20%;
    float: left;
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    box-sizing: border-box;
    padding: 30px 0;
}
.airwheel-advantage-more-para .more-para li a{display: block;color: #333;}
.airwheel-advantage-more-para .more-para li div:before {
    content: '';
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto 10px;
    background: url(../../images/sr3/Airwheel-SR3-smart_robot_suitcase-more.png) center no-repeat;
    background-position: -4px -4px;
}
.airwheel-advantage-more-para .more-para li:nth-child(2) div:before {background-position: -87px -3px;}
.airwheel-advantage-more-para .more-para li:nth-child(3) div:before {background-position: -162px -4px;}
.airwheel-advantage-more-para .more-para li:nth-child(4) div:before {background-position: -230px -4px;}
.airwheel-advantage-more-para .more-para li:nth-child(5) div:before {
	    background-position: -310px -3px;
    width: 86px;
}
#visualTracking{}
#qt{
	height: 812px;
	background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more6.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	box-sizing: border-box;
	padding-top: 5%;
}
#qt h1,#qt p,#suit p{color: #fff;}
#voice{
	text-align: center;
	box-sizing: border-box;
	padding: 5% 0 0;
}
#voice h1,#voice p,#climb h1,#climb p{color: #333;}
#voice img{margin-top: 5%;}
#climb{
	height: 846px;
	background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more4.jpg);
	background-color: #D7D7D7;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	box-sizing: border-box;
	padding-top: 5%;
}
#climb .width400{right: 0;top: 35%;}
#suit{
	height: 728px;
	background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more11.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
        transition: all linear .5s
	
}
#suit ul{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -81px;
}
#suit ul li{
	box-sizing: border-box;
	float: left;
	width: 20%;
	border-right: 1px solid rgba(255,255,255,.3);
	padding: 30px 0;
	cursor: pointer;
}
#suit ul li:last-child{border-right: 0;}
#suit ul li:before{
	content: '';
	display: block;
	width: 62px;
    height: 62px;
    margin: 0 auto 10px;
    background: url(../../images/sr3/Airwheel-SR3-smart_robot_suitcase-more1.png) center no-repeat;
    background-position: -8px -12px;
        transition: all linear .5s
}
#suit ul li:hover p,#suit ul li.active p{color:#249cde ;}
#suit ul li:hover:before,#suit ul li.active:before{background-position: -8px -110px;}
#suit ul li:nth-child(2):before{width:66px;background-position: -83px -10px;}
#suit ul li:hover:nth-child(2):before,#suit ul li:nth-child(2).active:before{background-position: -82px -108px;}
#suit ul li:nth-child(3):before{background-position: -169px -13px;}
#suit ul li:hover:nth-child(3):before,#suit ul li:nth-child(3).active:before{background-position: -169px -111px;}
#suit ul li:nth-child(4):before{background-position: -246px -8px;}
#suit ul li:hover:nth-child(4):before,#suit ul li:nth-child(4).active:before{    background-position: -249px -107px;}
#suit ul li:nth-child(5):before{background-position: -328px -14px;}
#suit ul li:hover:nth-child(5):before,#suit ul li:nth-child(5).active:before{background-position: -331px -112px;}
#autoFollowing{height: auto;}
.learn-more.open.one{    -webkit-transform: translate(0, -55px);
    -ms-transform: translate(0, -55px);
    transform: translate(0, -55px);}
.airwheel-advantage-more2 .airwheel-width p{color: #333;}
@media only screen and (max-width: 1200px) {
	.airwheel-width {
		width: 990px;
	}
	.airwheel-advantage-six {
		background-image:url(../../images/sr3/Airwheel-SR3-self-following_suitcase-design5-1.jpg) ;
	}
	div.dong,div.img-fix{display: none;}
}


@media only screen and (max-width: 992px) {
	.airwheel-width {
		width: 750px;
	}
	.width400 {
		width: 300px;
	}
	.width800 {
		width: 100%;
	}
	.airwheel-advantage-first {
		height: 380px;
		background-size: 992px auto;
	}
	.airwheel-advantage-five {
		height: 414px;
		background-size: 992px auto;
	}
	.airwheel-advantage-six {
		height: 510px;
		background-size: 992px auto;
	}
	.airwheel-advantage-seven {
		height: 570px;
    	background-size: 992px auto;
	}
	.airwheel-advantage-eight {
		height: 452px;
		background-size: 992px auto;
	}
	.airwheel-advantage-seven .width400 {
		top: 58%;
    	width: 80%;
    	left: 10%;
	}
	.airwheel-advantage-more1{
		background-size: 992px auto;
    	height: 506px;
	}
	.airwheel-advantage-more2{
		background-size: 992px auto;
    	height: 490px;
	}
	.airwheel-advantage-more3{
		background-size: 992px auto;
    	height: 550px;
	}
	#qt{
		background-size: 992px auto;
    	height: 420px;
	}
	#climb{
		background-size: 992px auto;
    	height: 564px;
	}
	#suit{
		background-size: 992px auto;
    	height: 376px;
	}
	/*#autoFollowing {
    height: 2862px;
    height: auto;
}*/
	/*.more-content.open {
    height: 1490px;
}*/
	.video-intro {
    width: 468px;
    margin-left: -234px;
    margin-top: -63px;
    
}
.video-intro h1{font-size: 26px;}
.video-intro p{font-size: 18px;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
ul.col-3 li span{font-size: 40px;}

}

@media screen and (max-width: 768px) {
	
	.airwheel-width {
		width: 98%;
		margin: auto;
	}
	.airwheel-content h1 {
		font-size: 20px;
		line-height: 30px;
	}
	.airwheel-content h2 {
		font-size: 15px;
	}
	.airwheel-content p {
		font-size: 0.5rem;
		line-height: 20px;
	}
	.airwheel-advantage-three.one ul.small-icon {
		bottom: 6%;
	}
	.video-intro{display: none;}
	.video-container video{display: none;}
	.video-container{
		height: auto;
		background-image:url(../../images/sr3/Airwheel-SR3-mob.jpg) ;
		background-size: cover;
	}
	ul.para li div{border: 0;}
	ul.para li:first-child div{border: 0;}
	#autoFollowing .video-container{
		background-image:url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more-video.jpg) ;
		    background-size: cover;
		    background-position: center;
	}
	
}
@media only screen and (max-width: 600px) {
	.width600{width: 100%;}
}
@media screen and (max-width: 414px) {
	.airwheel-width {
		width: 98%;
		margin: 0 auto;
	}
	.airwheel-content h1 {
		font-size: 1.1rem;
		line-height: 30px;
		font-weight: 500;
		margin-bottom: 5px;
	}
	.airwheel-content h2 {
		font-size: 13px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.airwheel-content p {
		font-size: 0.8rem;
		line-height: 20px;
	}
	.airwheel-advantage-second {
		background: url(../../images/sr3/Airwheel-SR3-smart_robot_suitcase-design1-mob.jpg) no-repeat center bottom;
		height: auto;
	}
	.airwheel-advantage-second .width400 {
		width: 100%;
		position: relative;
		top: 0;
		margin-top: 0;
		padding-bottom: 305px;
	}
	.airwheel-advantage-three.one ul.small-icon {
		position: relative;
		bottom: 0;
	}
	ul.small-icon li {
		margin-right: 0;
		width: 76px;
	}
	.airwheel-advantage-five {
		height: 300px;
		background-image: url(../../images/sr3/Airwheel-SR3-intelligent_auto-following_suitcase-mob-design4.jpg);
		background-size: auto auto;
	}
	.airwheel-advantage-six {
		height: 300px;
		background-image: url(../../images/sr3/Airwheel-SR3-self-following_suitcase-mob-design5.jpg);
		background-size: auto auto;
	}
	.airwheel-advantage-six .width400 {
		right: 0;
		top: 10px;
		text-align: center;
	}
	.airwheel-advantage-seven {
		    height: 300px;
    		background-size: 414px auto;
	}
	.airwheel-advantage-seven .width400,
	.airwheel-advantage-eight .width400 {
		top: 58%;
    	width: 100%;
    	left: 0;
	}
	ul.col-3 {
		display: none;
	}
	.airwheel-advantage-eight {
		height: 300px;
		background-image: url(../../images/sr3/Airwheel-SR3-intelligent_self-following_suitcase-mob-design7.jpg);
		background-size: auto auto;
	}
	ul.small-icon li:before {
    width: 50px;
    height: 50px;
    background-size: 240px auto;
	}
	.airwheel-advantage-three.one ul.small-icon.left li:first-child:before {
        background-position: -6px 4px;
}
.airwheel-advantage-three.one ul.small-icon.left li:last-child:before {
    background-position: -75px -2px;
}
.airwheel-advantage-three.one ul.small-icon.right li:first-child:before {
    background-position: -131px -2px;
}
.airwheel-advantage-three.one ul.small-icon.right li:last-child:before {
        background-position: -193px -3px;
}
.learn-more.open {
    -webkit-transform: translate(0, 55px);
    -ms-transform: translate(0, 55px);
    transform: translate(0, 15px);
}
.airwheel-advantage-more1{
		background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more1-mob.jpg);
		background-size: auto auto;
    	height: 300px;
	}
	.airwheel-advantage-more2{
		background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more2-mob.jpg);
		background-size: auto auto;
    	height: 300px;
	}
	.airwheel-advantage-more2 .width400{
		width: 140px;
		margin-top: -63px;
	    left: auto;}
	.airwheel-advantage-more3{
		background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more3-mob.jpg);
		background-size: auto auto;
    	height: 410px;
	}
	/*.more-content.open {
    height: 845px;
}*/
	#qt{
		background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more6-mob.jpg);
		background-size: auto auto;
    	height: 300px;
	}
	#climb{
		background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more4-mob.jpg);
		background-size: auto auto;
    	height: 300px;
	}
	#suit{
		background-image: url(../../images/sr3/Airwheel-SR3-self-driving_luggage-more11-mob.jpg);
		background-size: auto auto;
    	height: 300px;
	}
	#climb .width400{
		width: 150px;
    	top: 10%;
	}
	.airwheel-advantage-more-para .more-para li div:before{
		width: 62px;
		height: 62px;
		background-size: 274px auto;
		margin-bottom: 0;
		    background-position: 3px 3px;
	}
	.airwheel-advantage-more-para .more-para li:nth-child(2) div:before {
    background-position: -53px 3px;
}
.airwheel-advantage-more-para .more-para li:nth-child(3) div:before {
    background-position: -110px 3px;
    width: 50px;
}
.airwheel-advantage-more-para .more-para li:nth-child(4) div:before {
    background-position: -151px 4px;
}
.airwheel-advantage-more-para .more-para li:nth-child(5) div:before {
    background-position: -212px 3px;
    width: 62px;
}
#suit ul li:before{
	width: 50px;
	height: 50px;
	background-size: 274px auto;
	background-position: -2px -5px;
	margin-bottom: 0;
}
#suit ul li:nth-child(2):before {
    width: 50px;
    background-position: -54px -3px;
}
#suit ul li:nth-child(3):before {
    background-position: -111px -5px;
}
#suit ul li:nth-child(4):before {
    background-position: -166px -3px;
}
#suit ul li:nth-child(5):before {
    background-position: -222px -5px;
}
#suit ul li:hover:before,#suit ul li.active:before {
    background-position: -2px -72px;
}
#suit ul li:hover:nth-child(2):before, #suit ul li.active:nth-child(2):before{
    background-position: -54px -69px;
}
#suit ul li:hover:nth-child(3):before,#suit ul li.active:nth-child(3):before{
    background-position: -111px -72px;
}
#suit ul li:hover:nth-child(4):before ,#suit ul li.active:nth-child(4):before{
    background-position: -166px -69px;
}
#suit ul li:hover:nth-child(5):before,#suit ul li.active:nth-child(5):before {
    background-position: -222px -72px;
}
}