#bn-pst{position: relative; width: 100%;display: block;}
#bn-pst .bgImg{ width: 100%;left: 0;top:0;}
.bntxt{position: absolute; left: 0;top:50%; width: 100%; height: 100px;margin-top: -50px; color: #fff; text-align: center;}
.bntxt h1{font-size: 20px;margin-bottom: 15px;}
.bntxt h3{color: #ccc;font-size: 15px;margin-top:8px;}


.moduleWrap{width: 100%;margin: 0 auto;padding-bottom: 20px;}
.moduleTitle{text-align: center;padding: 28px 0 25px;}
.moduleTitle h1{margin: 0;font-weight: 500;font-size: 22px;}
.moduleTitle p{letter-spacing: 1px;margin: 0;margin-top: 14px;font-weight: bolder;font-size: 12px;}
.moduleTitle.black h1{color: #242527;}
.moduleTitle.black p{color: #858585;}
.moduleTitle.white h1{color: #fff;}
.moduleTitle.white p{color: #fff;}
.row:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.row{zoom:1}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.clo_4{width: 33.3333%;float: left;}
.clo_6{width: 50%;float: left;}
.clo_12{width: 100%}
.advantage{cursor: pointer;margin: 10px 5px;
    text-align: center}
.advantage img{    width: 100px;  }
.advantage h2{    margin: 8px 0;font-weight: 500;
    font-size: 16px;}
.advantage p{      font-size: 12px;
    color: #919191;
    line-height: 18px;}
.serve_bg{background: url('/Public/Home/images/face/bg_serve.jpg') center no-repeat;background-size: 100% 100%;}

.serve{background: #fff;
    margin: 12px;
    padding: 15px;
    border-radius: 4px;overflow: hidden; }
.serve img{float: left;width: 50px;}
.serve .flo_l{float: right;width: calc(100% - 65px);}
.serve .flo_l h2{margin: 0;font-size: 16px;font-weight: 500;margin-bottom: 8px}
.serve .flo_l p{font-size: 12px;
    line-height: 24px;
    color: #919191;
    margin-bottom: 0;}
.type_bg{background-color: #f3f9fe}
.type{margin: 10px 12px;background-color: #fff;    border-radius: 4px;overflow: hidden;}
.type .img{height: 186px;overflow: hidden;}
.type .img img{width: 100%;height: 100%;}
.type h2{    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0 10px;}
.type p{    margin: 0;
    padding: 0 12px 10px;
    line-height: 22px;
    color: #919191;    font-size: 12px;}

.xh_bg{background-color: #f3f9fe}
.xh_bg .moduleWrap{padding: 0}
.xh_bg .moduleTitle p{line-height: 24px;font-weight: 400;margin-top: 15px;}
.xh_bg .moduleTitle{text-align: center;padding: 35px 0}

.moduleWrap{width: 100%;margin: 0 auto;padding-bottom: 20px;}
.moduleTitle{text-align: center;padding: 28px 0 25px;}
.moduleTitle h1{margin: 0;font-weight: 500;font-size: 22px;}
.moduleTitle p{letter-spacing: 1px;margin: 0;margin-top: 14px;font-weight: bolder;font-size: 12px;}
.moduleTitle.black h1{color: #242527;font-size: 20px;}
.moduleTitle.black p{color: #858585;}
.moduleTitle.white h1{color: #fff;}
.moduleTitle.white p{color: #fff;}

/*2019-08-20*/
.tabs{text-align: center;background-color: #fff}
.tabs .clo_4:first-child a{border:0;}
.tabs a{transition: all .2s ease;position: relative;font-size: 14px;display: block;line-height: 48px;height: 48px;border-left: 1px solid #eceded;color: #7b8184 }
.tabs a>span{display: inline-block;width: 20px;height: 20px;position: relative;top: 4px;margin-right: 6px;background-size: 100% 100% !important;}
.tabs a>span.face{background-image: url(/Public/Home/images/face/face1.png);}
.tabs a>span.search{background-image: url(/Public/Home/images/face/search1.png);}
.tabs a>span.contrast{background-image: url(/Public/Home/images/face/contrast1.png);}
.tabs a.on,.tabs a:hover{background-color: #3966E3;color: #fff;}
.tabs a.on>i{width: 0;height: 0;border: 8px solid;border-color: #3966E3 transparent transparent;position: absolute;bottom: -16px;left: 50%;margin-left: -8px;}
.tabs a.on>span.face,.tabs a:hover>span.face{background-image: url(/Public/Home/images/face/face2.png);}
.tabs a.on>span.search,.tabs a:hover>span.search{background-image: url(/Public/Home/images/face/search2.png);}
.tabs a.on>span.contrast,.tabs a:hover>span.contrast{background-image: url(/Public/Home/images/face/contrast2.png);}
.content{margin-top: 16px;}
.content .left{background-color: #fff;padding: 10px;position: relative;display: none}
.content .left .img {text-align: center;background: #343434;height: 200px;position: relative;}
.content .left .scan {position: absolute;z-index: 7;top: 0;left: 0;right: 0;border-bottom: 3px solid #3e88f1;-webkit-animation: scan 1.2s infinite;-moz-animation: scan 1.2s infinite;animation: scan 1.2s infinite;background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#3e88f1));background: -webkit-linear-gradient(top,transparent,#3e88f1);background: -moz-linear-gradient(top,transparent,#3e88f1);background: linear-gradient(180deg,transparent,#3e88f1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#ff3e88f1",GradientType=0);display: none}
.content .left .img .result-gallery{display: none;width: 100px;position: absolute;right: 20px;top: 20px;bottom: 20px;overflow: auto;}
.content .left .img .result-gallery a{line-height: 0;box-sizing: border-box;width: 100%;height: 100px;text-align: center;display: table-cell;vertical-align: middle;}
.content .left .img .result-gallery a.on{border: 2px solid #0073eb;}
.content .left .img .result-gallery a>img{width: 100%;}
.content .left .img .gallery{display: none;position: absolute;left: 307px;top: 91px;width: 150px;height: 150px;}
.content .left .img .face-result{position: absolute;top: 81px;left: 507px;width: 150px;overflow: hidden;display: none}
.content .left .img .face-result .face-result-item{line-height: 34px;color: #fff;text-align: left;}
.content .left .img .face-result .face-result-item-label{display: inline-block;vertical-align: top;width: 70px;margin-right: 10px;text-align: right;}
.content .left .img .face-result .face-result-item-value{position: relative;display: inline-block;vertical-align: top;}
.content .left .upload{background-color: #08161d;color: #5c6063;padding: 10px;overflow: hidden;box-sizing: border-box;font-size: 12px;}
.content .left .upload span{line-height: 20px;width: 68%;float: left;}
.content .left.contrast .upload span{font-size: 12px;line-height: 20px;float: left}
.content .left.contrast .upload .btn{line-height: 18px;}
.content .left .upload .btn{float: right;padding: 10px 0;text-align: center;width: 24%;background-color: #3966E3;color: #fff;border-radius: 2px;position: relative;}
.content .left .upload .btn>input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;}
.content .left .repertory{text-align: right;margin-top: 16px;}
.content .left .repertory a{color: #3966E3;text-decoration: underline;}
.content .left .uploadWrap{margin: 3px;position: relative;line-height: 0}
.uploadWrap{height: 288px;}
.uploadWrap .upload{    position: absolute; width: 100%; bottom: 0;}
.content .right{background-color: #fff;padding: 20px;overflow: hidden;position: relative;min-height: 160px}
@-webkit-keyframes scan{0%{height:0}to{opacity:0;height:400px}}
@-moz-keyframes scan{0%{height:0}to{opacity:0;height:400px}}
@keyframes scan{0%{height:0}to{opacity:0;height:400px}}
.content .right h1{margin: 0;font-size: 16px;font-weight: 400;color: #151e33;padding-bottom: 12px;margin-bottom: 14px;border-bottom: 1px solid #ebebec;}
.content .right .cont{overflow: auto;line-height: 26px;font-size: 14px}

.content .right .cont .img-block-item:nth-child(even){margin-left: 4%;}
.content .right .cont .img-block-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 2% 0;
    width: 48%;
    height: 165px;
    background: rgba(0,0,0,.5);
}
.content .right .cont .img-block-container, .content .right .cont .img-block-img {
    height: 100%;
}
.content .right .cont .img-block-score {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,.8);
}
.content .right .cont .img-block-score-ratio {
    height: 100%;
    background: #0073eb;
}
.content .right .cont .img-block-score-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.content .right .cont .img-block-score-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.content .right .cont .img-block-order {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    z-index: 1;
}
.content .right .cont .img-block-order img{display: block;
    text-align: center;
    line-height: 24px;
    color: #fff;
    background-color: #F7BE45;}
.content .right .cont .img-block-order-icon {
    display: block;
    width: 100%;
}
.content .right .loding{display: none;position: absolute;left: 0;right: 0;top: 57px;bottom: 0;background: rgba(0, 0, 0, 0.2);}
.content .right .loding img{position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -46px;}
.demo-image1{overflow: hidden;}
.demo-image1 > img{width:18%;margin: 10px 1% 0; float:left;cursor: pointer;border-radius: 5px;box-sizing: border-box;}
.demo-image1 > img:first-child{margin-left:0;}
.demo-image1 > img:last-child{margin-right: 0}
.demo-image1 > img.selected{border:3px solid #3966E3}
.model{    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    background: rgba(0,0,0,.7);}
.model .model-container {
       position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    height: 100%;
}
.model .model-title {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    color: #333;
    font-size: 16px;
    line-height: 57px;
    border-bottom: 2px solid #e1e1e1;
}
.model .model-close {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 0;
    right: 0;
    background: url(/Public/Home/images/face/close.png) no-repeat;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    background-position: 50%;
    cursor: pointer;
}
.model .model-content {
    overflow: hidden;
}
.model .model-content .model-desc {
    padding: 0 10px;
    margin: 50px auto;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.model .model-content .model-image {
    position: relative;
    font-size: 0;
    overflow: hidden;
}
.model .model-content .model-tips{
    color: #666;
    padding: 0 15px;
    font-size: 14px;
    text-align: center;
    margin-top: 50px;
}
.model .model-content .model-button {
        width: 116px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    background: #0073eb;
    outline: none;
    border: 0;
    cursor: pointer;
    position: relative;
    left: 50%;
    margin: 50px 0 50px -58px;
}
.model .model-content .model-image .image-block {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 31%;
    height: 120px;
    margin-left: 2%;
    margin-bottom: 10px;
}
.model .model-content .model-image .image-add {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed rgba(0,115,235,.3);
    background-color: rgba(0,115,235,.15);
}
.model .model-content .model-image .image-add .image-add-input{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;z-index: 2;
}
.model .model-content .model-image .image-add .image-add-img {
    background: url(/Public/Home/images/face/add.png) no-repeat;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    background-position: 50%;
        position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.model .model-content .model-image .image-block .image-delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/Public/Home/images/face/delete.png) no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    cursor: pointer;
}