body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea {font:12px/1.5 '微软雅黑',"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{font-size:100%; }
address, cite, dfn, em, var { font-style:normal;}
legend { color:#000; }
fieldset, img {border:0;}
button, input, select, textarea {background:none;border:none;}
table { border-collapse:collapse; border-spacing:0;}
html{font-size:62.5%}
 body{min-width:320px;margin: 4rem 0 0;font-weight:normal;color:#333;font-size:1rem;}
 p{font-size:14px;font-size:1.4rem;}
 a{color:#333;}
 a:hover{text-decoration: none;color:#0DAD51;}
ul, ol { list-style:none; }
input{outline:0;}
.clear{zoom: 1;}
@media only screen and (min-width: 320px){
    html {
        font-size:10px !important;
    }
}
@media only screen and (min-width: 360px){
    html {
        font-size:11.25px !important;
    }
}
@media only screen and (min-width: 400px){
    html {
        font-size:12.5px !important;
    }
}
@media only screen and (min-width: 480px){
    html {
        font-size:15px !important;
    }
}
@media only screen and (min-width: 640px){
    html {
        font-size:20px !important;
    }
}
.iconfont{display:inline-block;}
.pos-a{position: absolute;}
.dis-flex{display: flex;display: -webkit-flex;align-items:center;justify-content : center;white-space: nowrap;}
.dis-flex-bt{display: flex;display: -webkit-flex;justify-content : space-between;white-space: nowrap;flex-wrap: wrap;}
.flex-row{display: flex;flex-direction:row;white-space: nowrap;}
.form-control{border:.1rem solid #e4e4e4;}
.form-control:focus{box-shadow: none;border-color:#0DAD51;}
.custom-control-label:before,
.custom-control-label:after {
	height: 1.5rem;
	width: 1.5rem;
    left: -1.7rem;
	top: 0;
}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.txt-iden{text-indent: 2.4rem;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
/*
.dis-flex-b{display: flex;display: -webkit-flex;align-items :flex-end;white-space: nowrap;}

*/
.f10{font-size: 1rem;}
.f12{font-size: 1.2rem;}
.f14{font-size: 1.4rem;}
.f18{font-size: 1.8rem;}

.mt2{margin-top: .2rem;}
.mt4{margin-top: .4rem;}
.mt6{margin-top: .6rem;}
.mt10{margin-top: 1rem;}
.mt20{margin-top: 2rem;}
.mt30{margin-top: 3rem;}
.mt40{margin-top: 4rem;}
.mr4{margin-right: .4rem;}
.mr10{margin-right: 1rem;}
.mb10{margin-bottom: 1rem;}
.mb20{margin-bottom: 2rem;}
.ml6{margin-left: .6rem;}
.ml10{margin-left: 1rem;}
.ml20{margin-left: 2rem;}
.my10{margin-top: 1rem;margin-bottom: 1rem;}
.my20{margin-top: 2rem;margin-bottom: 2rem;}

.p10{padding: 1rem;}
.pl20{padding-left: 2rem;}
.pt20{padding-top: 2rem;}
.px15{padding-left: 1.5rem;padding-right: 1.5rem;}
.py10{padding-top: 1rem;padding-bottom: 1rem;}
.py20{padding-top: 2rem;padding-bottom: 2rem;}

.c999{color:#999;}
.c666{color:#666;}
.red{color:#f00;}
.cmain{color:#0DAD51;}
.cfff{color:#fff;}

.bd-b{border-bottom: .1rem solid #e4e4e4;}

.bg-fff{background: #fff;}
.w100{width: 100%;}

.hide{display: none;}

/*弹窗*/
.modal-wid{max-width: 90%;margin:0 auto;}
.modal-content-rad{border-radius: 1rem;border:none;}
.modal-header-bd{border-bottom: transparent;}
.modal-footer-bd{border-bottom: none;padding:0;}
.modal-footer-bd>*{margin:0;}
.modal-footer-bd .btn{border-radius: 0;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;width: 100%;height: 4rem;font-size: 1.4rem;}
.modal-pad{padding:4rem 0;}
.p-con{text-indent: 2.8rem;margin-bottom: .6rem;}
.modal-content-pad{padding:3rem 1.5rem 2rem 1.5rem;}
.modal-content-pad .btn{width: 8rem;margin:0 2rem;}
.modal-title{font-size: 1.6rem !important;}
.modal-content-pad .modal-footer{border: none;}

.info-tip{display: none;position: fixed;left: 50%;top: 50%;transform:translate(-50%,-50%);z-index: 1200;background: rgba(0,0,0,.6);color:#fff;padding:.8rem 1.4rem;border-radius: .6rem;font-size: 1.2rem;}
.info-tip div span:first-child::after{content: ": ";}
.tip-success span:first-child{display: none;}


/*头部*/
.likefont{margin: 0 auto;position: relative;background: #fff;}
.header{position: fixed;width: 100%;top: 0;height: 4rem;line-height: 4rem;z-index: 800;text-align: center;color:#0DAD51;background: #fff;font-size: 1.4rem;box-shadow: 0 .1rem .5rem rgba(204,204,204,.4)}
.header > span{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header-pos{position: absolute;bottom: 0;z-index: 20;right: 1.5rem;width: 4rem;height: 4rem;text-align: right;}
.header-pos .iconfont{font-size: 1.6rem;}
.header-pos > *{cursor: pointer;}
.return-ico{position: absolute;width: 4rem;height: 4rem;bottom: 0;left: 0;}
.return-ico .iconfont{font-size: 1.8rem;color:#0DAD51;}

/*底部*/
.footer{position: fixed;width: 100%;bottom: 0;height: 4.8rem;z-index: 800;color:#0DAD51;background: #fff;font-size: 1rem;box-shadow: 0 -0.2rem .8rem rgba(204,204,204,.4);border-top: .1rem solid #e4e4e4;margin:0 auto;}
.footer-con{height: 100%;display: flex;align-items: center;justify-content: center;}
.footer-con .item{flex: 1;}
.footer-con .item-a{display: block;height: 100%;text-align: center;white-space: nowrap;padding: 0 .1rem;}
.footer-con .item-a .iconfont{font-size: 1.8rem;}
.footer-con .item-a:hover, .footer-con .item-a:focus{color:#0DAD51;}
.footer-con .item.active .item-a{color:#0DAD51;}

/*内容*/
.main{position: relative;}

.custom-control-input:checked ~ .custom-control-label::before {border-color: #0DAD51;background-color: #0DAD51;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: none;}
.tit{font-size: 1.2rem;}
.bottom-font{text-align: center;font-size: 1rem;margin-top: -1rem;padding:1.5rem 0;background: #fff;color:#666;}
.under{color:#0DAD51;text-decoration: underline;}

/*按钮*/
label.btn{margin-bottom: 0;}
.btn{border:transparent;border-radius: 2rem;font-size: 1.2rem;padding:.6rem 1.4rem;}
.btn-primary{background-image:linear-gradient(to right, #00C800, #0DAD51);}
.btn:focus, .btn:hover{box-shadow: none;}
.btn-outline-primary{border:.1rem solid #0DAD51;color:#0DAD51;}
.btn-outline-primary{border:.1rem solid #0DAD51;color:#0DAD51;}
.btn-outline-primary:hover{background:#0DAD51;background-image:linear-gradient(to right, #00C800, #0DAD51);color:#fff;border:.1rem solid #0DAD51;}
.btn-outline-primary:focus, .btn-outline-primary.focus {box-shadow:none;}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #0DAD51;background-color: transparent;}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {background-image: linear-gradient(to right, #00C800, #0DAD51);border-color: #0DAD51;}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {box-shadow: none;}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{background-color:#0DAD51;border-color: #0DAD51;}
.btn-primary-buy{background-image:linear-gradient(to right, #fc3, #f90);}
.btn-primary-ziyou{background:#333;}
.btn-primary-ifonts{background: #265EEF;}
.btn-primary-ifontcloud{background: #00A5CD;}
.loading{width: 3rem; height: 3rem;border-radius: 50%;background:#0dad51;}
input[name="captcha"]{width: 5rem;}
img.captcha{height: 3rem;}

/*举报*/
.report-res{margin-left: -0.5rem;margin-right: -0.5rem;}
.report-res .item{width: 25%;float: left;padding:0 .5rem 1rem .5rem;}
.report-res .item-con{border:.1rem solid #ccc;border-radius: .4rem;text-align: center;color:#666;padding:.4rem .2rem;cursor: pointer;width: 100%;font-size: 1rem;}
.report-res .item-con:hover,.report-res .item-con:focus,.report-res .item-con.active{border-color:#0DAD51;color:#0DAD51;}
/*分享*/
.share-mask{position: fixed;z-index: 1300;bottom:0;width: 100%;background: #fff;}
.share-mask-btn{padding:1rem;text-align: center;border-top:.1rem solid #e4e4e4;}
.share-mask-btn a{font-size: 1.4rem;color:#0DAD51;}
.share-ico .item{float: left;width: 20%;margin-bottom: 1rem;}
.share-ul{padding-top:1rem;}
.share-ico .item-a{text-align: center;}

/*开屏*/
.img-frame{width: 100% ;height:100%;overflow: hidden ;white-space: nowrap;position: fixed;}
.svg-box{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width: 100%;padding:0 3rem;}
.svg-box .svg{width: 100%;display: inline-block;}
.index-pic-frame{position: absolute;bottom: 4rem;left: 50%;transform:translate(-50%,-50%);}
.index-pic{display: inline-block;width: 1rem;height: 1rem;border-radius: 1rem;background: #e4e4e4;margin:0 .7rem;}
.index-pic.active{background: #0DAD51;}

/*识别*/
.identify-box{background:#fff;padding:2rem 1rem 0 1rem;}
.identify-box .upload-btn input{display: none;}
.identify-nav .nav-link{border-radius: 0;border:.1rem solid #e4e4e4;}
.identify-nav .nav-item.show .nav-link, .identify-nav .nav-link.active{border-color:#0DAD51;color:#0DAD51;position: relative;z-index: 2;}
.identify-nav .nav-item{margin-right: -0.1rem;}
.idennav-link{padding:.2rem 1.2rem;}
.upload-btn .btn div{display: inline;}
.upload-btn .iconfont{margin-right: .4rem;font-size: 1.2rem !important;}
.idenform-control{border-color:#0DAD51;font-size: 1.2rem;padding:.5rem 1.2rem;border-radius: 2rem;height: inherit;background: #f8f8f8;}
.protocol-check{font-size: 1rem;}
.pretreat-tit{text-align: center;font-size: 1.6rem;color:#999;min-height: 13rem;white-space: normal;}
.no-result{display: none;font-size: 1.2rem;height: inherit;color:#333;padding:8rem 1rem;}

/*品牌识别*/
.brand-show-box{width: 100%;/*width: 45%;position: relative;*/}
/* .brand-show-box .brand-pos{position: absolute;left: 0;top: -0.8rem;} */
.brand-show-box .brand-show{height: 3.8rem;padding: .1rem 0;}
.brand-show-box .brand-show .img{max-height: 100%;max-width: 100%;object-fit: cover;display: inline-block;}
.brand-show-box .brand-pos .icon-bot{font-size: 1.4rem;color:#999;}
/*品牌识别-品牌选择页面*/
.tit-bold{font-size: 1.4rem;font-weight: bold;}
.icon-delete{font-size: 1.4rem;cursor: pointer;color:#999;}
.select-li .item{float: left;margin-right: 1rem;margin-bottom: 1rem;}
.select-li .item .item-a{background: rgba(242,242,242,.7);border-radius: 2rem;padding:.4rem 1rem;font-size: 1.2rem;display: inline-block;}
.select-box{padding-right: 2rem;padding-bottom: 1rem;}
.select-init{color:#0DAD51;font-size: 1.2rem;}
.select-class .line-h{line-height: 4rem;font-weight: bold;}
.select-class{margin-top: 1rem;}

.all-letter{position: fixed;right:0;top:5rem;z-index: 99;}
.all-letter .lettem{font-size: 1.2rem;width: 1.6rem;height: 1.6rem;display: block;color:#999;text-align: center;line-height: 1.6rem;cursor: pointer;}

/*预览*/
.preview-fixed{background: #fff;padding-top: 1rem;position: relative;}
.view-fixed{z-index: 1;position: fixed !important;padding:1rem 1rem 0 1rem;left: 0;right: 0;top: 4rem;box-shadow: 0 0.1rem 0.5rem rgba(204,204,204,.4);}
.revise-input .form-control{border-radius: 0;width: 4rem;height: 2rem;font-size: 1rem;text-align: center;padding:0 .4rem;margin-right: 1rem;border-color:#e4e4e4;background: #fff;}
.tool{padding-left: -0.5rem;padding-right: -0.5rem;z-index: 99;}
.tool > div{float: left;margin: 0 1.5rem 1rem 0;}
.tool .name{margin-right: .4rem;font-size: 1.2rem;}
.tool .idenform-control{height: 2.4rem;margin-right: 0;text-align: left;}
.tool .degree{right: .1rem;color:#0DAD51;font-size: 1.2rem;top:.3rem;height: 80%;}
.degree{position: absolute;right: 1.1rem;top: .1rem;background: #fff;height: 90%;padding:0 .2rem;}
.language .language-a{border:.1rem solid #e4e4e4;margin-right: -0.1rem;padding:.2rem .5rem;font-size: 1.2rem;cursor: pointer;position: relative;float: left;}
.language .language-a:first-of-type{border-top-left-radius: .4rem;border-bottom-left-radius: .4rem;}
.language .language-a:last-of-type{border-top-right-radius: .4rem;border-bottom-right-radius: .4rem;}
.language .language-a:hover{z-index: 2;color:#0DAD51;border-color: #0DAD51;}
.language .language-a.active{color:#0DAD51;border-color: #0DAD51;z-index: 2;}
.tool-more .icon-dropdown{font-size: 1.2rem !important;transition: all 0.2s ease-in-out;}
.tool-more .more.active .icon-dropdown{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.tool-more .tool-input{width: 50%;}
.tool-more .tool-input .form-control{width: 100%;padding-right: 2rem;font-size: 1.2rem;height: 2.4rem;border-radius: 0;}
.tool-down{display: none;}
.tool-down.active{display: block;}
.show-con{top: 0;right: .3rem;}
.tool-input .icon-bot{transition: all 0.2s ease-in-out;font-size: 1.6rem;color:#999;}
.tool-input .active .icon-bot{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.show-down{position: absolute;border:.1rem solid #0DAD51;overflow: auto;max-height: 28rem;width: 100%;top:2.3rem;z-index: 100;background: #fff;padding:1rem;display: none;}
.show-down .item{font-size: 1.2rem;line-height: 2.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tool .iconfont{font-size: 1.6rem;color:#666;}
.tool .input-col{width:2.4rem;height: 100%;}
.tool .input-col .bg{width: 1.4rem;height: 1.4rem;position: absolute;}
.tool .input-col .bg-wri{top: .6rem;left: .6rem;}
.tool .edit-icos{height: 2.4rem;}
.tool .edit-icos:hover, .tool .edit-icos:focus{color:#0DAD51;}
.tool .edit-icos:hover .iconfont, .tool .edit-icos:focus .iconfont{color:#0DAD51;}
/*对比浮动原图*/
.preview-box canvas, .preview-box img{max-width: 100%; max-height: 50%;display: block;}
.preview-box div{white-space: nowrap;padding: .1rem;font-size: .8rem;color: #fff;background: #0dad51;}
.preview-box span{position: absolute;right: 0;bottom: 0;width: 0;height: 0;border-bottom: .8rem solid #0dad51;border-left: .8rem solid transparent;cursor: nwse-resize;}
.preview-box {position: fixed;z-index: 98;background: #fff;text-align: center;cursor: move;user-select: none;border: 1px #ccc solid;box-shadow: 3px 5px 5px rgba(128,128,128,.5);}
.preview-box.move{ opacity: 0.5;z-index: 9999; }

.result{background: #f7f8f9;padding:1rem;margin-bottom: 1rem;}
.exp-img{overflow: hidden;margin-top: 1rem;}
.free-font{display: inline-block;border:.1rem solid #0DAD51;color:#0DAD51;border-radius: .4rem;padding:0 .2rem;}
.commercial-font{border-color:#f00;color:#f00;}
.result .name{margin-right: 1rem;width: 3rem;}
.result .fontname{flex: 1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.result .license {width: 8rem;}

/*帖子方块*/
.commun-new{padding:3rem .5rem 1rem .5rem;}
.record-box{padding:0 1rem;margin-top: 1rem;}
.record{padding:0 .5rem 1rem .5rem;width: 50%;float: left;}
.record-item{background: #f7f8f9;border-radius: .4rem;padding:1rem;}
.record-item .record-img{padding:.5rem;width: 100%;padding-top:65%;background: #fff;display: block;position: relative;}
.record-item .record-img > *{display: block;position: absolute;max-width: 100%;max-height: 100%;left:50%;top:50%;transform:translate(-50%,-50%);}
.record-mess{padding-top: 1rem;}
.time-box .name{width: 60%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.time-box .time{text-align: right;width: 40%;}
.icon-integral{font-size: 1.2rem;color:#F6D349;}
.no-record{text-align: center;padding: 5rem 1.5rem;}
.no-record .iconfont{font-size: 6rem;color:#0DAD51;}