@import url("iconfont.css");/*  */
@import url("weui.css");
@import url("weuix.css");
*,*:before,*:after{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{ background-color: #f3f3f3;}
.weui-btn_disabled{pointer-events:none}
.weui-cells_checkbox .weui-check:checked + .weui-icon-checked:before{ color: #3888e8;}
.hfits-fixed-bottom{ bottom: 0; z-index: 10;}
.no-before:before{ display: none;}.no-after:after{ display: none;}.no-radius{ border-radius: 0 !important;}.no-border{ border: 0 !important;}.no-bg{ background-color: transparent;}.have-before{ position: relative;}.have-before:before{ display: block !important; content: ''; position: absolute; left: 15px; right: 0; top: 0; height: 1px; border-top: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 2;}
.hfits-radius-lg{ border-radius: 50px;}
.hfits-radius-lg.weui-btn:after{ border-radius: 50px;}
.b-blue,button.b-blue, input.b-blue{ border-width: 0 !important;}
.b-blue:after,button.b-blue:after, input.b-blue:after{ border-color: #10aeff;}
.weui-cells__tips{ font-size: 12px; line-height: 1.5;}
.bg-hfits-tips{ background-color: #f6f7ff;}
.bg-black{ background-color: #333;}
.bg-lightblack{ background-color: #A2A2A2;}
.bg-darkgray{ background-color: #eee;}
.bg-primary-cus{ background-color: #3888e8;}
.f-primary-cus{ color: #3888e8 !important;}
.f-primary-light{ color: #ABB4D3;}
.f-lightblack{ color: #A2A2A2;}
.f-secondary{ color: #888888 !important;}
.weui-btn_plain-disabled{ opacity: 0.75;}
.weui-btn_disabled.bg-primary-cus{ background-color: #93bbeb;}
.weui-switch.hfits-primary-switch:checked, .weui-switch-cp__input.hfits-primary-switch:checked ~ .weui-switch-cp__box.hfits-primary-switch{border-color: #3888e8; background-color: #3888e8;}
.weui-dialog__btn,
.toolbar .picker-button,
.weui-cells_radio .weui-check:checked + .weui-icon-checked:before{ color: #3888E8;}
.weui-count .weui-count__increase,
.weui-count .weui-count__btn:after,
.weui-count .weui-count__btn:before{ background-color: #3888e8;}
.weui-count .weui-count__btn{ border-color: #3888e8;}
.weui-count .weui-count__increase:after,
.weui-count .weui-count__increase:before{ background-color: #ffffff;}
.hfits-flabel{ color: #7c838d;}
.weui-switch.hfits-switch-sm,
.weui-switch-cp__box.hfits-switch-sm{ width: 44px; height: 26px;}
.weui-switch.hfits-switch-sm:before, .weui-switch-cp__box.hfits-switch-sm:before{ width: 42px; height: 24px;}
.weui-switch.hfits-switch-sm:after, .weui-switch-cp__box.hfits-switch-sm:after{ width: 24px; height: 24px;}
.weui-switch.hfits-switch-sm:checked:after, .weui-switch-cp__input:checked ~ .weui-switch-cp__box.hfits-switch-sm:after{-webkit-transform: translateX(18px); transform: translateX(18px);}
.hfits-btn-sm,button.hfits-btn-sm{ display: inline-block; width: auto; min-width: 60px; padding: 0 1.32em; font-size: 14px; vertical-align: middle;}
.weui-uploader__input-box{ border-style: dashed; border-radius: 5px;}
.collapse li.js-show .weui-flex{ opacity: 0.75;}
.collapse li:last-child{ margin-bottom: 0;}
/* .weui-cell .weui-cell__ft > .weui-switch{ margin-bottom: -8px;} */
.hfits-botbtn-row{ padding: 10px 40px;}
.weui-footer_fixed-bottom .hfits-botbtn-row{ background-color: #f3f3f3;}
.weui-cell_select .weui-select{ padding-left:10px;}


/* tips icon */
.weui-icon-success,.weui-icon-warn{ font-size: 100px;}
.hfits-icon-success{ background: url(../img/icon-tips1.png) 50% 50% no-repeat; background-size: 110% 110%;}
.hfits-icon-success.weui-icon_msg{ width: 130px; height: 130px;}
.hfits-icon-success.weui-icon_msg:before{ display: none;}
.hfits-icon-warn{ background: url(../img/icon-tips2.png) 50% 50% no-repeat; background-size: 110% 110%;}
.hfits-icon-warn.weui-icon_msg{ width: 130px; height: 130px;}
.hfits-icon-warn.weui-icon_msg:before{ display: none;}
.weui-panel__ft .weui-btn,.weui-panel__ft .weui-btn + .weui-btn{ margin-top: 0;}
.weui-footer .weui-btn + .weui-btn{ margin-top: 0;}
.weui-rater .icon-49{}
.weui-rater .on .icon-49:before{ content: '\e62a';}

.hfits-sfzform{}
.hfits-sfzform .weui-uploader__bd{ margin-bottom: 0;}
.hfits-sfzform .weui-uploader__input-box{}
.hfits-sfzf{ background:url(../img/img-sfzf.png) no-repeat; background-size: 100% auto; width: 67vw; height: 38vw; border: 0; float: none; margin:0 auto;}
.hfits-sfzb{ background:url(../img/img-sfzb.png) no-repeat; background-size: 100% auto; width: 67vw; height: 38vw; border: 0; float: none; margin:0 auto;}
.hfits-sfzf:before, .hfits-sfzf:after,
.hfits-sfzb:before, .hfits-sfzb:after{ display: none;}
.hfits-sfzfiles li{ width: 60vw; height: 40vw; border: 0; float: none; margin:0 auto;}
.hfits-sfzfiles-sm li{ width: 48vw; height: 32vw; border: 0; float: none; margin:0 auto;}
.hfits-btn-bot1{ height: 44px; color: #fff !important; line-height: 1; font-size: 19px;}
a.hfits-btn-bot1{ line-height:2.2;}

/* 公证用途 */
.hfits-ytpage{ background-image: url(../img/bg-ytpage.png); background-size: 100% auto; background-repeat: no-repeat; min-height: 44.8vw; padding-top: 34.6vw;}
.hfits-card-list{ padding: 10px;}
.hfits-card, .hfits-card-list .weui-panel{ border-radius: 5px; border: 1px solid #ddd; /* box-shadow: 0 0 2px rgba(0,0,0,.1); */}
.hfits-card:before, .hfits-card:after,
.hfits-card-list .weui-panel:before, .hfits-card-list .weui-panel:before{ display: none;}
.hfits-card .weui-panel__hd,.hfits-card-list .weui-panel .weui-panel__hd{ padding: 9px 10px 10px;}
.hfits-card .weui-panel__hd:after,.hfits-card-list .weui-panel .weui-panel__hd:after{ left: 10px;}
.hfits-card .weui-media-box,.hfits-card-list .weui-panel .weui-media-box{ padding: 10px;}
.grids-big .grid,
.grids-big .weui-grid{width: 50%; display: inline-block; padding:25px 10px;}
.grids-big .weui-grid__icon{ width: 52px; height: 52px;}
.grids-md .grid,
.grids-md .weui-grid{width: 33.333%; display: inline-block; padding:15px 6px;}
.grids-md .weui-grid__icon{ width: 40px; height: 40px;}

/*  */
.hfits-page-title{ background-color: #fff; padding:10px 15px; color: #3888e8; font-size: 16px;}
.hfits-title-border-l{ padding-left: 10px; position: relative;}
.hfits-title-border-l:before{ content: ''; display: inline-block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 16px; background-color: #3888E8;}
.hfits-page-title2{ padding: 10px 15px; color: #3888E8; font-size: 16px; position: relative;}
.hfits-page-title2:before{ content: ''; display: block; position: absolute; left: 15px; bottom: 0; width: 25%; height: 2px; background-color: #3888E8;}
.collapse .weui-flex{ padding: 10px 15px;}
.collapse .margin0{ margin: 0;}
.collapse .margin0-t{ margin-top: 0;}
.collapse .margin0-b{ margin-bottom: 0;}

/* 人脸识别girds */
.hfits-rlsb-grids.weui-grids .grid{ padding:10px;}
.hfits-rlsb-grids.weui-grids .weui-grid__icon{ margin:0 auto 10px auto; padding: 15px; height: 18vw; width: 24vw; background-color: rgba(56,136,232,.2); border-radius: 8px;}
.hfits-rlsb-grids.weui-grids .weui-grid__icon img{ height: 100%; width: auto; margin: 0 auto;}
.hfits-rlsb-grids.weui-grids .weui-grid__label{ color: #999;}
.weui-uploader__input-box{}
.hfits-rlsb{ background:url(../img/img-rlsb.png) no-repeat; background-size: 100% auto; width: 48vw; height: 48vw; border: 0; float: none; margin:0 auto; position: relative;}
.hfits-rlsb:before,.hfits-rlsb:after{ display: none;}
.hfits-rlsb .hfits-rlsb-scan{ position: absolute; width: 100%; height: 100%; left: 0; right: 0; z-index: 1;background: url(../img/img-rlsb-scan.png) center center no-repeat;animation: scanmove 1.5s ease-in-out infinite ;-webkit-animation: scanmove 1.5s ease-in-out infinite;}
@keyframes scanmove{
	0%{ top: 100%;}
	80%{ top: 0;}
	100%{ top: 0;}
}
-webkit-@keyframes scanmove {
	0%{ top: 100%;}
	80%{ top: 0;}
	100%{ top: 0;}
}

/*  */
.hfits-search-bar{ background-color: #f3f3f3;}
.hfits-search-bar .weui-search-bar__form{background-color: transparent;}
.hfits-search-bar .weui-search-bar__form:after, .hfits-search-bar .weui-search-bar__label{ border-radius: 50px;}
.hfits-search-bar .weui-search-bar__label{ line-height: 1.42857143em; background-color: #dde1e8;}
.hfits-search-bar .weui-search-bar__cancel-btn{ color: #3888e8;}
.weui-navigator-list li a{ padding: 0 10px;}
.weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active a{ color: #3888e8;}
.weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active a:after{ background-color: #3888e8;}
.hfits-card-list{ padding: 10px;}
.hfits-card, .hfits-card-list .weui-panel{ border-radius: 5px; border: 1px solid #ddd; /* box-shadow: 0 0 2px rgba(0,0,0,.1); */}
.hfits-card:before, .hfits-card:after,
.hfits-card-list .weui-panel:before, .hfits-card-list .weui-panel:before{ display: none;}
.hfits-card .weui-panel__hd,.hfits-card-list .weui-panel .weui-panel__hd{ padding: 9px 10px 10px;}
.hfits-card .weui-panel__hd:after,.hfits-card-list .weui-panel .weui-panel__hd:after{ left: 10px;}
.hfits-card .weui-media-box,.hfits-card-list .weui-panel .weui-media-box{ padding: 10px;}
.weui-panel>a{ display: block;}
.f-lightgreen{ color: #26FFC9;}
.weui-panel.bg-primary-cus .bg-primary-cus{ background-color: rgba(0,0,0,.2) !important;}
.weui-search-bar+.hfits-card-list{ height:calc(100% - 44px); overflow-y: auto;}
.weui-search-bar+.weui-navigator+.hfits-card-list{ height:calc(100% - 83px); overflow-y: auto;}
.weui-navigator-list.weui-flex{ display: flex !important;}