/*--传感器3--*/

.fingerprintBox{background:#000;}
.fingerprintBox_two{background:#000;}

.fingerprintList{padding-top: 70px;}
.fingerprintList dl{position: relative;padding-bottom: 80px; display: flex; align-items: center; flex-wrap: wrap;justify-content: space-between;}
.fingerprintList dl dt{ width: 60%;}
.fingerprintList dl dd{ width: 30%;}

.fingerprintList dl:nth-child(2n) dd{order:1;}
.fingerprintList dl:nth-child(2n) dt{order: 2;}

.fingerprintList:nth-child(3) dl dd{order:1;}
.fingerprintList:nth-child(3) dl dt{order: 2;}

.fingerprintIcon{position: absolute; z-index: 15; left: 50%; transform: translateX(-50%); width: 152px; height: 152px; cursor: pointer;}
.fingerprintIcon .iconImg{ display: block; width: 100%; position: relative; z-index: 10;}
.fingerprintIcon i{ width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0; animation:ripple 1.5s infinite linear; -webkit-animation:ripple 1.5s infinite linear; background: rgba(55, 194, 190,0.1); position: absolute; border-radius: 100%;}
.fingerprintIcon i:nth-child(2){animation-delay: .2s;}
.fingerprintIcon i:nth-child(3){animation-delay: .4s;}
.desc sup{font-size: 0.6em;}

.fingerprintList dl.UltraThin{padding: 60px 0;}

@keyframes ripple {
    0%{
        transform: translate(-50%,-50%) scale(0);opacity: 0;
    }
    80%{
        transform: translate(-50%,-50%) scale(1.1);opacity: 1;
    }
    100%{
        transform: translate(-50%,-50%) scale(1.1);opacity: 0;
    }
}

@-webkit-keyframes ripple {
    0%{
        transform: translate(-50%,-50%) scale(0);opacity: 0;
    }
    80%{
        transform: translate(-50%,-50%) scale(1.1);opacity: 1;
    }
    100%{
        transform: translate(-50%,-50%) scale(1.1);opacity: 0;
    }
}

.Overview dt{padding-right: 60px;}
.Overview dt h3{ font-size: 30px; color: #ffffff;}
.Overview dt .desc{ font-size: 16px; color: rgba(255,255,255,0.8); padding-top:15px;line-height: 28px;}
.Overview img{max-width: 100%; display: block;}

.UltraThin dd .mobilePhoneModel{ max-width:445px; position: relative;display: flex;justify-content: center}
.UltraThin dd .mobilePhoneModel .ModelImg{ margin: 0 auto; display: block; position: relative; z-index: 10;}
.UltraThin dd .ModelImg_box{position: relative;}
.UltraThin dd .ModelImg_box::after{content: ''; position: absolute; display: block; left:50%; top: 50%; transform: translate(-50%,-50%); width:90%; height: 90%; border-radius: 90px; box-shadow: -60px 0px 150px rgba(57,58,68,0.8);}
.UltraThin dd .mobilePhoneModel .fingerprintIcon{ bottom: 70px;}
.UltraThin dd .mobilePhoneModel .fingerprintIcon .showImg{ position: absolute; left: 135px; bottom: 35px; width: 394px; display: none;}
.UltraThin dd .mobilePhoneModel .fingerprintIcon .showImg img{ width: 100%;}

.UltraThin dt{padding-left:140px;}
.UltraThin dt h3{ font-size: 30px; color: #ffffff;}
.UltraThin dt .desc{padding-top: 15px;}
.UltraThin dt .desc p{ font-size: 16px; line-height: 28px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: rgba(255,255,255,0.6); margin-bottom: 15px;}
.UltraThin dt .desc p i{background: #39bbb8;width: 7px;height: 7px;border-radius: 50%;margin-right: 8px;margin-top: 8px; min-width: 7px;}
.marginleft80{margin-left: 80px;}
.UltraThin dd .marginleft80 .ModelImg_box::after{display: none;}
.CameraTypeBox{position: relative; background-color: #000000;}
.CameraType{position: absolute; z-index: 20; left: 0px; width:100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%;}
.CameraType dl{padding-left:0px; position: relative;}
.CameraType dl dt{position: relative; top: 0px; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); width:50%; }
.CameraType dl dt h3{ font-size: 30px; color: #ffffff; }
.CameraType dl dt .desc{padding-top: 15px;}
.CameraType dl dt .desc p{ font-size: 16px; line-height: 28px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: rgba(255,255,255,0.6); margin-bottom: 15px;}
.CameraType dl dt .desc p i{background: #39bbb8;width: 7px;height: 7px;border-radius: 50%;margin-right: 8px;margin-top: 8px; min-width: 7px;}
/* .CameraType dl dd{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 52%;} */
.CameraTypeBox .fingerprintIcon{left: 1268px; top: 661px; transform: translateX(0px); z-index: 30;}
.CameraTypeBox .fingerprintIcon .showImg{ width: 300px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; display: none;}
.CameraTypeBox .fingerprintIcon .showImg img{ width: 100%;}
.zizhiwen{display: none;}
.CameraTypeImg{position: relative;}
.CameraTypeImg img{ width: 100%; display: block; max-width: initial;}

.zizhiwen{ display: none;}

.front_Mounted{display: flex;flex-wrap: wrap;justify-content: space-between;}
.front_Mounted .left{color: #fff;width: 43.3333%;background: #232323;border-radius: 20px;display: flex;flex-wrap: wrap;align-items: center;padding: 30px 40px;}
.front_Mounted .right{width: 55%;border-radius: 20px;overflow: hidden;}
.front_Mounted .left h2{font-size: 30px;}
.front_Mounted .left .desc{font-size: 16px;line-height: 28px;margin-top: 15px;}
.front_Mounted .left .desc p{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: rgba(255,255,255,0.6); margin-bottom: 15px;}
.front_Mounted .left .desc p i{background: #39bbb8;width: 7px;height: 7px;border-radius: 50%;margin-right: 8px;margin-top: 8px; min-width: 7px;}
.UltraThinLast_box{padding-bottom: 0 !important;padding-top: 70px;}





/* @media (max-width:1910px){
    .CameraType dl dd .fingerprintIcon{ left: calc(50% - 10px);}
}

@media (max-width:1850px){
    .CameraType dl dd .fingerprintIcon{ left: calc(50% - 20px);}
}

@media (max-width:1680px){
    .CameraType dl dd .fingerprintIcon{ left: calc(50% - 45px);}
}

@media (max-width:1600px){
    .CameraType dl dd .fingerprintIcon{ left: calc(50% - 70px);}
}

@media (max-width:1440px){
    .CameraType dl dd .fingerprintIcon{ left: calc(50% - 80px);}
}

@media (max-width:1430px){
    .CameraType dl dd .fingerprintIcon{ left: calc(50% - 50px);}
} */


@media (max-width:1400px){
    .UltraThin dt h3,.CameraType dl dt h3{font-size: 26px;}
    .UltraThin dd .mobilePhoneModel .fingerprintIcon .showImg{width: 310px;}
    .CameraType dl dd .fingerprintIcon .showImg{width: 250px;}
    /* .CameraType dl dd .fingerprintIcon{ left: calc(50% - 60px);} */

    .CameraTypeBox .fingerprintIcon .showImg{ width: 200px;}
}

@media (max-width:1280px){
    .CameraType dl dd .fingerprintIcon{ left: calc(50% - 80px);}
}    
@media (max-width:1260px){
    .UltraThin dd .mobilePhoneModel{max-width: 300px;}
    .fingerprintIcon{width: 120px;height: 120px;}
    /* .CameraType dl dd .fingerprintIcon {bottom: -30px;} */

    .CameraTypeBox .fingerprintIcon .showImg{ width: 160px;}
    .fingerprintList dl{padding-bottom: 60px;}

}


@media (max-width:992px){
    .CameraTypeBox .fingerprintIcon .showImg{ width: 80px;}
    .Overview dt .desc br{display: none;}
    .Overview dt h3{font-size: 26px;}
    .front_Mounted .left{padding: 30px 20px;}
    .front_Mounted .left h2{font-size: 22px;}
    .front_Mounted .left .desc{font-size: 14px;line-height: 24px;}
    .UltraThinLast_box{padding-top: 20px;}
    .UltraThin dt h3, .CameraType dl dt h3 {font-size: 22px;}
    .Overview dt .desc,.UltraThin dt .desc p{font-size: 16px;}
}

@media (max-width:768px){
    .fingerprintList dl{padding-left: 0;}
    .fingerprintList dl dt{position: static;transform: translate(0);}
    .Overview dt{padding-right: 0;}
    .fingerprintList dl dt{width: 100%;}
    .fingerprintList dl dd{ width: 100%;}
    .fingerprintList dl:nth-child(2n) dd{order:1;}
    .fingerprintList dl:nth-child(2n) dt{order: 1;}
    .fingerprintList{padding-top: 30px;}
    .fingerprintList dl dd{margin: 20px 0;}
    .Overview dt h3{font-size: 26px;}
    .Overview dt .desc{font-size: 16px;}
    .Overview img{width: 60%;margin: 0 auto;}
    .fingerprintList dl:nth-child(2n){padding-right: 0;}
    .UltraThin dt{padding-left: 0;width: 100% !important;}
    .UltraThin dt .desc p{font-size: 16px;}
    .UltraThin dt h3, .CameraType dl dt h3{font-size: 24px;}
    .UltraThin dd .mobilePhoneModel{max-width: 240px;margin: 30px auto;}
    .UltraThin .fingerprintIcon{left: 53%;}
    .CameraType{position: static;transform: translate(0);}
    .CameraTypeBox{padding-top:60px;}
    /* .CameraType dl dd .fingerprintIcon{left: 23%; bottom: -235px;display: none;} */
    .CameraType dl dt{position: static;}
    .fingerprintIcon .showImg{display: none !important;}
    .zizhiwen{display: block;position: absolute;bottom: 18%;right: 32%;}
    .zizhiwen .fingerprintIcon{position: static;transform: translate(0);}
    .CameraType dl dt{ width: 100%;}

    .fingerprintList dl{padding-bottom: 30px;}
    .front_Mounted .left{width: 100%;border-radius: 10px;}
    .front_Mounted .right{width: 100%;border-radius: 10px;margin-top: 20px;}
    .UltraThinLast_box dt{order: 1;}
    .UltraThinLast_box dd{order: 2;margin-bottom: 0 !important;}
    .UltraThinLast_box dd .mobilePhoneModel{margin-bottom: 0;}
    .CameraTypeBox .fingerprintIcon .showImg{bottom: 52px;}
    .CameraType{position: relative;z-index: 100;}
    .fingerprintList dl.UltraThin{padding: 30px 0;}
    .UltraThin dd .mobilePhoneModel{margin-bottom: 20px !important;}
    .fingerprintList dl dd{margin-bottom: 0 !important;}
    .fingerprintList dl{padding-bottom: 0;}
    .fingerprintBox{background: #000;}
}
@media (max-width:580px){
    .CameraTypeImg>img{width: 200%;max-width: 200%;transform: translateX(-40%);margin-top: -50px;}
    .CameraTypeBox .fingerprintIcon{left: 55% !important;transform: translateX(-50%);}
    
}
@media (max-width:520px){
    .front_Mounted .left h2{font-size: 16px;}
    .Overview dt h3{font-size: 20px;}
    .Overview dt .desc{font-size: 14px;}
    /* .fingerprintBox{padding-top: 40px;} */
    .UltraThin dt h3, .CameraType dl dt h3 {font-size: 18px;}
    .UltraThin dt .desc p{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
    .UltraThin dd .mobilePhoneModel{max-width: 180px;}
    .fingerprintIcon{width: 60px;height: 60px;}
    .CameraType dl dt .desc p{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
    .CameraTypeBox{padding-top:30px;}
    .zizhiwen {bottom: 16%;right: 32%; }
    .Goodix_main{padding-bottom: 10px;}
}
@media (max-width:420px){
    .zizhiwen {bottom: 17%;right: 32.5%; } 

}
@media (max-width:375px){
    .zizhiwen {bottom: 17%;right: 31.5%; } 

}
@media (max-width:320px){
    .zizhiwen {bottom: 13%;right: 30.5%; }
}

/* @media (min-width:1440px){
    .fingerprintBox .container1200{ width: 1300px;}
} */

@media (min-width:1930px){
    .CameraTypeBox{}
}


.fingerprintDont{width: 360px !important;position: relative;}
.fingerimg1>img{width: 280px;}
.fingerimg2 img{width: 100% !important;}
.fingerprintDont .fingerprintIcon{left: 165px;transform: translate(0);top: 125px; width: 70px;height: 70px;}
.fingerprintDont .fingerimg2{position: absolute;top: 156px;right: -27px; width: 200px; z-index: 100;}
.fingerprintDont .fingerprintIcon i{background: rgba(255, 255, 255,0.1);}

@media (max-width:768px){
    .fingerprintDont{margin: 20px auto !important;transform: translateX(-50px);}
    .fingerprintDont .fingerprintIcon{left: 206px;}
    .fingerprintDont .fingerimg2{right: -66px;}
}
@media (max-width:580px){
    .fingerprintDont {width: 260px !important;transform: translateX(-30px);}
    .fingerimg1>img {width: 200px;}
    .fingerprintDont .fingerimg2{width: 130px;right: -35px;top: 114px;}
    .fingerprintDont .fingerprintIcon{width: 55px;height: 55px;left: 145px;top: 88px;}
}