.common{
    width: 1147px;
    margin: 0 auto;
    position: relative;
}
.common1{
    width: 100%;
    background: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.title{
    height: 755px;
}

.quality{
    height: 400px;
}

.battery{
    height: 704px;
}

.weight{
    height: 700px;
}

.charge{
    height: 708px;
}

.comfortable{
    height: 607px;
}

.future{
    height: 437px;
}

.key{
    height: 599px;
}

.onekey{
    height: 602px;
    z-index: 4;
}
.btnparent{
    z-index: 5;
    position: absolute;
    top: 592px;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
}
.btn img{
    height: 22px;
    width: 26px;
    margin-left: -2px;
    margin-top: -3px;
}

.btn2 img{
    height: 22px;
    width: 26px;
    margin-top: -4px;
    margin-left: -2px;
}

.btn span,
.btn2 span{
   display: inline-block;
    margin-top: 12px
}
.btn,
.btn2 {
    font-size: 17px;
    height: 50px;
    width: 100px;
    margin:20px auto;
    background-color: #ccc;
    border-radius:160px 160px 0 0 ;
    text-align: center;
    color: #323237;
    position: relative;
    cursor: pointer;
    z-index: 1000;
    border: 0;
    outline: none;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    transition: transform 0.3s, box-shadow 0.3s, opacity 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.btn:hover{
   -webkit-transform:  translateY(5px);
    -moz-transform:  translateY(5px); 
    -o-transform:  translateY(5px);
    -ms-transform:  translateY(5px);
     transform:  translateY(5px);
}
.btn2:hover{
   -webkit-transform:  translateY(-5px);
    -moz-transform:  translateY(-5px); 
    -o-transform:  translateY(-5px);
    -ms-transform:  translateY(-5px);
     transform:  translateY(-5px);
}

.testing{
    height: 602px;
    z-index: 0;
}

.acolor{
    height: 602px;
}

.location{
    height: 602px;
}

.rescue{
    height: 601px;
}

.opbox{
    height: 602px;
}

.rescuetime{
    height: 458px;
}

.lives{
    height: 771px;
}

.changecolor{
    height: 234px;
}

.black{
    height: 740px;
}

.white{
    height: 740px;
}

.configure{
    height: 232px;
}

.kikobottom{
    width: 100%;
    background: #1c2233;
    color: #ffffff;
    padding-bottom: 86px;
}
.kikobottom-header{
    padding-top: 86px;
    padding-bottom: 46px;
    margin: 0 auto;
    width: 75%;
}
.kikobottom-header b{
    font-size: 36px;
}
.kikobottom-body p{
    font-size: 20px;
}
.kikobottom-body{
    margin: 0 auto;
    width: 75%;
    font-size: 20px;
}
.kikobottom-body table{
    width: 100%;
    border: 2px solid #434343;
    border-left: none;
    border-right: none;
    border-collapse:collapse;
}
.kikobottom-body table td:nth-child(1){
    border-right:1px solid #434343;
    border-top:1px solid #434343;
    width: 13%;
    line-height: 52px;
}
.kikobottom-body table td:nth-child(2){
    border-bottom:1px solid #434343;
    border-top:1px solid #434343;
    width: 74%;
    line-height: 52px;
    padding-left: 27px;
}