@charset "utf-8";
html, body, button, input, select, textarea {font:14px/1.5 "Microsoft YaHei","Lantinghei SC",STHeitiSC-Light,"PingFang SC","WenQuanYi Zen Hei","WenQuanYi Micro Hei",Simsun,"Helvetica Neue",Helvetica,Arial,sans-serif;}
html, 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; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal;}
small{ font-size:12px;}
ul, ol { list-style:none; }
a { text-decoration:none;color:#333;}
a:hover {text-decoration:none;color:#0dad51;}
a.cmain:hover{color: #11c85f;}
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000;}
fieldset, img {border:0;}
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0;}
.clear{clear:both;}
.hide{display: none !important;}
body{position:relative;font-weight:normal;color:#000;min-width: 1280px;margin:0;padding:0;background: #f2f2f2;}

.w1200{width: 1200px;margin:0 auto;}
.w50{width: 50%;}
.w100{width: 100%;}
.wrap{white-space:normal !important;}
.dis-flex{display: flex;display: -webkit-flex;align-items:center;justify-content : center;white-space: nowrap;}
.dis-flex-b{display: flex;display: -webkit-flex;align-items:flex-end;white-space: nowrap;}
.dis-flex-bt{display: flex;display: -webkit-flex;justify-content: space-between;white-space: nowrap;}
.flex-row{display: flex;flex-direction:row;white-space: nowrap;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.bd{border:1px solid #ddd;}
.bd-t{border-top:1px solid #ddd;}
.bd-b{border-bottom:1px solid #ddd;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.txt-l{text-align: left;}
/*背景颜色*/
.bg-f{background: #fff;}
/*字号*/
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f24{font-size: 24px !important;}
.f28{font-size: 28px !important;}
.f32{font-size: 32px !important;}
.f36{font-size: 36px !important;}
.f40{font-size: 40px !important;}
.f50{font-size: 50px !important;}
.f60{font-size: 60px !important;}
.f80{font-size: 80px !important;}
/*行高*/
.lh30{line-height: 30px;}
/*字体颜色*/
.red{color:#D81E06;}
.cmain{color:#0dad51;}
.c666{color:#666;}
.c999{color:#999;}
.cfff{color:#fff;}
/*边距*/
.mc{margin: auto;}
.ml4{margin-left: 4px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml40{margin-left: 40px;}
.mr4{margin-right: 4px;}
.mr6{margin-right: 6px;}
.mr10{margin-right: 10px;}
.mt4{margin-top: 4px;}
.mt6{margin-top: 6px;}
.mt10{margin-top: 10px;}
.mt14{margin-top: 14px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.m20{margin: 20px;}
.p20{padding: 20px;}
.p40{padding: 40px;}
.pl20{padding-left: 20px;}
.pt20{padding-top: 20px;}
.pt60{padding-top: 60px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.px10{padding-left: 10px;padding-right: 10px;}
.px20{padding-left: 20px;padding-right: 20px;}
.py10{padding-top: 10px;padding-bottom: 10px;}
.py20{padding-top: 20px;padding-bottom: 20px;}
.py40{padding-top: 40px;padding-bottom: 40px;}
.py60{padding-top: 60px;padding-bottom: 60px;}
.py80{padding-top: 80px;padding-bottom: 80px;}
.px20b{padding-left: 19px;padding-right: 19px;}
/*输入框*/
.form-control:focus {border-color: #ced4da;box-shadow: none;}
.custom-control-label {display: inline;}
.captcha{cursor: pointer;}

/*通用顶部*/
#header{height: 60px;}
.header{line-height: 60px;border-top: 4px solid #0dad51;min-width: 1280px;width: 100%;z-index: 99999;box-shadow: 0 5px 10px rgba(204,204,204,.4);}
.header.fixed{position: fixed;top: 0;left: 0;right: 0;}
.logo{width: 140px;}
.logo img{width: 100%;}
.header-ul {width: 615px;margin-left: 20px;display: flex;justify-content: space-between;}
.header-ul .item a{margin: 0 5px;transition:all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}
.header-ul .item.active a{color:#0dad51;}
.header-login{height: 35px;line-height: 35px;padding-left: 10px;text-align: right;font-size: 12px;}
.header-login .btn-log{padding:6px 15px;transition:all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;-ms-transition: all .2s ease-out;}
.header-login .reg-btn{border:1px solid #0dad51;background: rgba(13,173,81,.1);color:#0dad51;}
.header-login .reg-btn:hover{background: rgba(13,173,81,.2);}
.header-login .out-btn {border: 1px solid #ddd;background: #fafafa;}
.header-login .out-btn:hover{border-color: #0dad51;background: rgba(13,173,81,.2);}
.header-login .user-img{margin-right: 10px;}
.header .iconnew {position: relative;line-height: 1;}
.header .iconnew:before {position: absolute;left: -5px;top: -8px;}
.search .iconsearch{position: absolute;top: 10px;right: 10px;line-height: 1;color:#bbb;cursor: pointer;}
.search{width: 300px;}
.search .iconsearch:hover{color:#0dad51;}
.search .form-control{height: auto;padding:6px 30px 6px 84px;}
.search-sel{position: absolute;z-index: 100;}
.search-sel a{padding-left: 5px;margin-right: 5px;overflow: hidden;}
.search-sel .font{border: 1px solid #ced4da;display: block;width: 70px;height: 35px;line-height: 32px;border-right-color:transparent;background: #fff;overflow: hidden;}
.search-sel .font:after{content: "";position: absolute;width: 1px;height: 16px;background: #ced4da;top: 11px;right: 0;}
.font-community{border:1px solid #ced4da;background: #fff;transition:all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;-ms-transition: all .2s ease-out;width: 70px;border-top-color: #fff;margin-top: -1px;position: relative;display: none;}
.font-community .item a{line-height: 32px;display: block;}
.search-sel:hover .font-community{display: block;}
.search-sel .icondropdown {position: absolute;padding: 0 3px;margin: 0;right: 0;top: 0px;background: #fff;}
.user-img{width: 35px;height: 35px;line-height: 35px;text-align: center;color:#fff;display: inline-block;}
.user-img .iconuser{font-size: 20px !important;display: block;height: 100%;width: 100%;background: #0dad51;}
.user-img img{width: auto;max-width: 100%;max-height: 100%;vertical-align: top;}
.user-img img + .iconuser{display: none;}
.user-img:hover .iconuser{color:#fff;}
.username{display: inline-block;}
.username .name{margin-left: 6px;width: 80px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;}

.main{float: left;}
.main-l{width: 880px;}
.main-r{width: 300px;}

.underline-a{color:#0dad51;}
.underline-a:hover{text-decoration: underline;}

/*首页右侧*/
.right-title{border-bottom:1px solid #ddd;padding:10px;font-size: 14px !important;text-align: center;}
.right-down .icondownload{font-size: 28px;color: #0dad51;}
.right-down .icondownload:hover{color: #ffa700;}
.main-r .client {max-width: 230px;justify-content: left;overflow: hidden;}
.nav-pills-tu .nav-link.active, .nav-pills-tu .show>.nav-link{background-color: transparent;border-bottom:2px solid #0dad51;color:#0dad51;}
.nav-pills-tu .nav-item{padding:0 5px;max-width: 45px;overflow: hidden;}
.nav-pills-tu .nav-link{border-bottom:2px solid transparent;padding:6px 0;}
.rec-login{display: inline-block;width: 100px;border:1px solid #ddd;padding:5px;}
.rec-login:hover{border-color: #0dad51;}
.third-party li{margin: 8px 5px;overflow: hidden;text-align: center;}
.third-party .iconfont{font-size: 28px !important;}
.username-o{display: inline-block;max-width: 120px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tool{border:1px dashed #bbb;width: 40px;height: 40px;line-height: 40px;text-align: center;}
.tool img{max-width: 32px;max-height: 32px;vertical-align: top;margin-top: 3px;}
.tool .iconfont{font-size: 32px !important;cursor: pointer;}
.toolname{width: 210px;}
.toolname .tool-con{width: 210px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;cursor: pointer;}
#tool-tab{margin: 0 -5px;}

/*公用底部*/
#footer .c999 a{color: #999;}
.links {font-size: 12px;}
.links li {float: left;color: #333;}
.links a {padding: 0 5px;color: #555;}
.links li:after {float: right;content: "";border-left: 1px solid #ddd;height: 12px;margin-top: 5px;}
.links li:first-child:after,.links li:last-child:after {content: none;}
.we .item{float: left;}
.we .item a{padding:0 12px;position: relative;}
.we .item a:after{content: "";position: absolute;width: 1px;height: 14px;background-color: #ddd;right: 0;top: 3px;}
.we .item:last-child a:after{background-color: transparent;}
.mess-span img{vertical-align: middle;max-height: 14px;}
.mess-span span{font-size: 12px;margin-right: 6px;}
#footer .iconqqgroup{font-size: 12px;line-height: 100%;}
#footer .iconqqgroup:before{vertical-align: sub;}
#footer .fixed {
	display: none;
	z-index: 99999;
	position: fixed;
	background: #fff;
	border-top: 1px solid #f0f0f0;
	bottom: 0;
	right: 0;
	left:0;
}
.fixed .fbody {
	text-align: center;
	border-top: 1px solid #f0f0f0;
	margin-top: 5px;
}
.fixed .close {
	top: 3px;
	right: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	cursor: pointer;
	color: #999;
	line-height: 1;
	font-size: 18px;
	width: 18px;
	opacity: 1;
}
.fixed .close:hover {
	color: #333;
}
.fixed .close:after {
	content: "×";
}

/*帖子方块*/
.iden-row {margin: 0 -6px;}
.iden-row .iden-col {flex: 1;margin-top: 12px;padding: 0 6px;}
.row-cols-md-1 .iden-col {padding: 0;}
.iden-col .card-identify:hover, .iden-col .card-post:hover {border-color: #0dad51;}
.card-identify .recogn-pic, .card-post .recogn-pic a{display: flex;justify-content: center;align-items: center;width: 270px;height: 180px;}
.card-identify:hover .lang-three, .card-identify:hover .lang-three-l, .card-identify:hover .lang-three-t, .card-identify:hover .lang-three-del{display: block;}
.card-post{overflow: hidden;}
.card-img, .card-img-bottom, .card-img-top{width: auto;max-width: 100%;max-height: 180px;}
.reward{position: absolute;right: 10px;top: 10px;line-height: normal;background: rgba(255, 255, 255, 0.7);}
.card-body-iden{border-top: 1px solid #ddd;padding: 5px;font-size: 12px;}
.iden-col .card-post:hover .card-body-iden {border-color: #0dad51;}
.card-body-iden a {color: #0dad51;font-size: 14px;}
.card-body-iden .iden-span a:hover {text-decoration: underline;}
.iden-span{display: inline-block;line-height: 20px;overflow: hidden;width: 100%;}
.iden-span a,.iden-span span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;display: inline-block;}
.iden-span span {font-size: 12px;color: #999;}
.iden-span .right span {max-width: 55px;}
.iden-span .right{float: right;}
.iden-span .left{float: left;}
.reply{width: 80px;height: 30px;line-height: 30px;padding:initial;}
.iden-user-name{max-width: 90px;}

/*分页*/
.pagination{margin-top: 20px;}
.pagination.empty{display: none;}
.page-item{margin:0 4px;}
.page-link{color:#666;text-align: center;min-width: 35px;}
.page-link:hover, .page-item.current .page-link{color: #fff;background-color: #0dad51;border-color: #0dad51;}
.page-link:focus {box-shadow: none;}
.page-link-f{border:transparent;}
.page-link-f:hover{background-color: transparent;color:#666;}
/*icon小图标*/
.iconqqgroup{font-size: 14px;}
.iconqqgroup:before{color: #337ab7;font-size: 18px;}
.icondropdown{transition:transform .2s ease-out;-webkit-transition: -webkit-transform .2s ease-out;-moz-transition: -moz-transform .2s ease-out;-o-transition: -o-transform .2s ease-out;-ms-transition: -ms-transform .2s ease-out;display: inline-block;}
.down:hover .icondropdown{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);display: inline-block;}
.iconidentify, .iconcommunity, .iconbrand, .iconshaixuan2{font-size: 20px;margin-right: 10px;color:#0dad51;}
.identify-up .iconfont{font-size: 18px !important;margin-right: 6px;vertical-align: middle;}
.iconbrand{font-size: 25px;display: inline-block;line-height: 1.5;width: 20px;height: 21px;position: relative;}
.iconbrand:before{position: absolute;top: -4px;}
.iconupload{vertical-align: middle;}
.iconobtain{vertical-align: middle;}

.iconnotice{color:#ffa700;}

.iconreward{color:#EFB336;}
.iconqq{color:#1E9CF0;}
.iconwechat{color:#28B836;}
.iconweibo{color:#E53430;}
.iconalipay{color:#5081F2;}
.iconfacebook{color:#3B5998;}

.iconfont-format{color:#17ABE3;}
.iconfont-subset{color:#EFB336;}
.iconfont-merge{color:#17ABE3;}
.iconfont-unit{color:#0dad51;}
.iconfont-browser{color:#EFB336;}
.iconfont-extrac{color:#0dad51;}
.iconfont-genera{color:#17ABE3;}
.iconhellofont{color:#333;}

.iconpic-slimming{color:#EFB336;}
.iconrgb-cmyk{color:#0dad51;}
.iconpic-character{color:#17ABE3;}
.iconpic-pic{color:#EFB336;}

.iconrgb{color:#0dad51;}
.iconcmyk{color:#EFB336;}
.iconrgbcolor{color:#0dad51;}
.iconrgbstraw{color:#17ABE3;}
.iconpantone{color:#EFB336;}
.iconral{color:#17ABE3;}

.iconprint-quotation{color:#17ABE3;}
.iconbook-pack{color:#EFB336;}
.iconpaper-weight{color:#17ABE3;}
.iconbooksize{color:#0dad51;}
.iconbook-print{color:#17ABE3;}
.iconprint-check{color:#EFB336;}

.iconqrcode{color:#0dad51;}
.iconcode39{color:#17ABE3;}
.iconcode93{color:#EFB336;}
.iconcode128{color:#17ABE3;}
.iconean13{color:#0dad51;}
.iconean128{color:#EFB336;}
.iconisbn{color:#17ABE3;}
.iconupca{color:#EFB336;}

.iconword-pdf{color:#729aff;}
.iconpdf-word{color:#729aff;}
.iconpic-pdf{color:#ff966c;}
.iconpdf-pic{color:#ff966c;}
.iconppt-pdf{color:#ff9c54;}
.iconpdf-extraction{color:#6db2f7;}
.iconpdf-encryption{color:#f77;}
.iconpdf-decrypt{color:#4dcb77;}

input[type="checkbox"] + label.iconfont:hover, input[type="radio"] + label.iconfont:hover{color:#0fc55e;}
input[type="checkbox"]:checked + label.iconfont, input[type="radio"]:checked + label.iconfont{color:#0fc55e;}

.down-box{position: relative;}
.down-box .iconsearch {position: absolute;top: 1px;right: 10px;color: #bbb;}
.down-box .down-link {position: absolute;display: none;background: #fff;border: 1px solid #ced4da;margin-top: -1px;width: 100%;max-height: 350px;overflow: auto;z-index: 9;}
.down-box .down-link li {clear: both;padding: 0 .75rem;}
.down-box .down-link li:hover {background: #fafafa;}
.down-box input {padding-right: 32px;width: 300px;}
.down-link .loading{margin: 0;}

/*按钮样式*/
.btn-primary {background-color: #0dad51;border-color: #0dad51;}
.btn-primary:hover {background-color: #15cf66;border-color: #15cf66;}
.btn-primary:focus, .btn-primary.focus {background-color: #0dad51;border-color: #0dad51;box-shadow: none;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #15cf66;border-color: #15cf66;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {background-color: #15cf66;border-color: #15cf66;}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {box-shadow: none;}
.custom-control-input:checked~.custom-control-label:before{border-color:#0dad51;background-color: #0dad51;}
.custom-control-label:before, .custom-control-label:after{top: -1px;left: -21px;height: 18px;width: 18px;border-radius: 3px;}
.btn-dark {background-color: #bbb;border-color: #bbb;}
.btn-dark:hover {background-color: rgba(187,187,187,.9);border-color: rgba(187,187,187,.9);}
.btn-dark:focus, .btn-dark.focus {background-color: rgba(187,187,187,.9);border-color: rgba(187,187,187,.9);box-shadow: none;}
.btn-dark.disabled, .btn-dark:disabled {background-color: rgba(187,187,187,.9);border-color: rgba(187,187,187,.9);}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {background-color: rgba(187,187,187,.9);border-color: rgba(187,187,187,.9);}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {box-shadow: none;}
.btn-logout, .btn-obtain {background:#fd7e2b;border-style:#fd7e2b;color: #fff;}
.btn-logout:hover, .btn-obtain:hover {background:#ffa700;border-style:#ffa700;color: #fff;}
.btn-obtain {margin-left: 10px;}
.btn-outline-primary {color: #0dad51;border-color: #0dad51;}
.btn-outline-primary:hover {color: #fff;background-color: #0dad51;border-color: #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-color: #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-col-primary{color:#999;border-color:#999;}
.btn-outline-info {color: #fff;border-color: #fff;}
.btn-outline-info:hover {background-color: #fff;border-color: #fff;color:#333;}
.btn-outline-info:focus, .btn-outline-info.focus {box-shadow: none;}
.btn-outline-info.disabled, .btn-outline-info:disabled {color: #fff;background-color: transparent;color:#333;}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {background-color: #fff;border-color: #fff;color:#333;}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {box-shadow: none;}

/*语言提示*/
.c-lang-pro{background-color: #fff5c8;text-align: center;line-height: 32px;}
.c-lang-pro .yel{color:#ffa700;}

/*错误弹窗显示*/
.modal-error{display: block;}
.modal.alert .modal-footer .btn, .modal.confirm .modal-footer .btn{padding: 5px 25px;}

.item.more {display: none;}
.item .toggle{color: #0dad51;}

/*字体预览相关*/
.result-tit{height: 40px;line-height: 40px;}
.result-tit-bg{background-color: #f2f2f2;}
.result-tit li{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.result-tit .name{width: 650px;}
.result-tit .ratio{width: 50px;}
.lists .result-tit .name{width: 600px;}
.result-tit .license {font-size: 12px;color: #fd7e2b;border: 1px solid #fd7e2b;border-radius: 3px;padding: 1px 3px;}
.result-tit .download{width: 190px;text-align: right;}
.result-set{line-height: 46px;height: 50px;font-size: 14px;}
.result-set .iconfont{cursor: pointer;color:#666;}
.result-set .set{padding: 0 8px;position: relative;}
.result-set .set:after{position: absolute;content: "";width: 1px;height: 18px;background-color: #ddd;top: 15px;right: 0;}
.result-set .set:last-child:after{background-color: transparent;}
.result-set .set .form-control{width: 45px;height: 32px;font-size: 16px;padding: 0 13px 0 0;text-align: right;margin: 9px 0 3px 8px;}
.result-set .iconbot-inp{font-size: 16px !important;right: 4px;}
.result-set label{margin-bottom: 3px;}
.result-set .set-pad{padding:0 8px;}
.result-set .set-pad .form-control.text{margin: 3px 0;padding: 0 23px 0 3px;text-align: left;width: 260px;}
.result-set .topbot .iconfont{font-size: 12px !important;color:#fff;cursor: pointer;}
.result-set + .bd{margin-top: -1px;}
.result-fonts .iconcollect{margin-left: 5px;font-size: 12px;display: none;color: #999;cursor: pointer;}
.result-fonts .iconcollect:hover, .iconcollect.collected{color: #FD7E2B;}
.result-fonts:hover .iconcollect{display: inline;}
.iconcollect.collected:before{content: "\e607";}
.iconcollect i{display: none;}
.preview-set{border: 1px solid #ddd;}
.topbot .iconfont:hover{color:#fff;font-size: 16px !important;margin-left: -2px;}
.topbot{background:#0dad51;width: 12px;height: 15px;line-height: 15px;text-align: center;}
.topbot-b{margin-bottom: 2px;}
.topbot-box{padding-top: 9px;position: absolute;right: 9px;}
.topbot-box.topbot-box-r{right: 8px;}
/*预览控制按钮*/
.default .iconfont{position: absolute;top: 3px;right: 1px;padding: 0 3px;line-height: 32px;font-size: 16px !important;color:#0dad51;}
.default .iconbot:before{background: #fff;}
.icontop:before{content: "\eb33";}
.language{line-height: 30px;}
.language .language-a{border: 1px solid #ddd;display: block;margin-left: -1px;padding: 0 5px;text-align: center;}
.language .language-a:hover, .language .language-a.active{background-color: #0dad51;color:#fff;border-color: #0dad51;}
input[type="color"]{all:unset;width:18px;height: 22px;padding:0;-webkit-appearance:none;-moz-appearance:none;cursor: pointer;}
.input-col{width: 20px;margin-left: 10px;}
.input-col input{position: absolute;font-size: 100%;}
.input-col .be{top: -8px;}
.input-col .af{top: -14px;left: -8px;}
/*预设文本下拉*/
.preset-text{display: none;}
.preset-text .block{margin-left: 20px;}
.preset-text .block:first{margin-left: 0;}
.preset-text .flex-row{background-color: #fff;border:1px solid #ddd;padding:5px;box-shadow: 0 5px 10px rgba(204,204,204,.4);top: 38px;z-index: 999;}
.preset-text dl{margin: 0 20px;}
.preset-text dt, .preset-text dd{line-height:28px;}
.open .preset-text{display: block;}
/*字体预览列表*/
.result-lists{margin-top: 20px;}
.result-lists nav{margin-top: -1px;border-top: 1px solid #fff;}
.result-fonts{border-bottom:1px solid #ddd;}
.result-fonts:hover{background: #fafafa;}
.result-img{overflow: hidden;}
.result-img img{display: block;}
.download .btn{font-size: 12px;padding: 0 3px;min-width: 80px;height: 25px;line-height: 22px;}
.download .btn .iconfont {font-size: 14px;vertical-align: bottom;margin-right: 3px;;}
/*对比浮动原图*/
.preview-box canvas, .preview-box img{max-width: 500px; max-height: 500px;display: block;}
.preview-box div{white-space: nowrap;padding: 1px;font-size: 12px;color: #fff;background: #0dad51;}
.preview-box span{position: absolute;font-size: 9px;right: 0;bottom: -2px;transform: rotate(90deg);color: #0dad51;cursor: nwse-resize;}
.preview-box {position: fixed;z-index: 1039;background: #fff;text-align: center;cursor: move;user-select: none;border: 1px #ccc solid;box-shadow: 3px 5px 5px rgba(128,128,128,.5);}
/*一些表单项通用样式*/
.search-sel .item{overflow: hidden;}
html:lang(zh) .search-sel-l .font{text-align: center;}
.search-sel-l .font{width: 60px;height: 40px;line-height: 38px;padding-left: 8px;}
.search-sel-l .font:after{background-color: transparent;}
.search-h .form-control{padding:6px 30px 6px 64px;height: 40px;}
.search-h .iconfont{position: absolute;cursor: pointer;right: 10px;top: 8px;}
.search-h .iconfont:hover{color:#0dad51;}

/*识别相关*/
#myTab {margin-top: -25px;}
#img, #web{height: 36px;}
.site-notice{width: 380px;overflow: hidden;margin: 3px 0 0 10px;text-overflow: ellipsis;}
.tab-info{display: flex;white-space: nowrap;margin-right: 320px;position: relative;z-index: 9}
.tab-info + .identify-up{margin-top: -25px;}
.identify-up{justify-content: flex-end;}
.identify-up .nav-item.show .nav-link, .identify-up .nav-link.active{color:#0dad51;}
.identify-up .nav-link{background: #f2f2f2;border:1px solid #dee2e6;font-size: 12px;margin-left: -1px;padding:3px 15px;}
.identify-up .nav-link:hover {background: #fff;}
.upload-box{font-size: 12px;text-align: center;margin-top: -1px;padding:50px 0 10px 0;}
.upload-box input, .upload-box button{height: 100%;padding: 0 15px;}
.upload-box .btn-primary-up,.upload-box .btn-primary-up div{width: 150px;height: 36px;line-height: 32px;padding: 0;overflow: hidden;}
.reupload .uploading, .upload-box .uploading{display: none;}
.reupload :disabled .btn-text, .upload-box :disabled .btn-text{display: none;}
.reupload .disabled .btn-text, .upload-box .disabled .btn-text{display: inline;}
.reupload :disabled .uploading, .upload-box :disabled .uploading{display: inline;}
.reupload .disabled .uploading, .upload-box .disabled .uploading{display: none;}
.upload-box .input-group{height: 100%;}
.upload-box .do-tips {margin-top: 30px;font-size: 18px;color: #666;}
.webuploader-element-invisible{display: none;}
.do-tips, .loading {
	white-space: normal;
	margin: 0 30px;
}

#rookie_help .modal-dialog{width: 550px;}
#rookie_help .tab-content{text-align: center;}
#text ul{list-style: circle;margin-left: 5px;}

/*品牌识别相关*/
.brand-hot{background: #fff;}
.brand-hot a{color: #333;}
.brand-hot a:hover{color: #0dad51;}
.brand-row {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -11px;}
.brand-col {width: 120px;margin: 10px 11px 0;}
.brand-col a.brand-a{display: block;padding: 0;}
.brand-a:hover .card-brand{border-color:#0dad51;}
.brand-pos{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;}
.brand-img{align-items: center;justify-content: center;display: flex;}
.brand-img .card-img-top{max-height: 50px;}
.brand-a .card-brand{box-sizing: content-box;height: 50px;}
.brand-a .card-brand:hover .brand-pos{display: block;}
.brand-a:hover .brand-pos{border:1px solid #0dad51;}
.brand-name{text-align: center;line-height: 30px;}
.brand-search {line-height: 32px;}
.brand-search .load-sort-l{width: auto;margin-left:10px;}
.brand-list {line-height: 150%;overflow: auto;}
.brand-list .flex-row {white-space: normal;flex-wrap: wrap;line-height: 180%;}
.brand-list .flex-row:hover {background: #fafafa;}
.brand-list .load-sort {width: 30px;text-align: center;}
.brand-list .load-sort-l {width: 810px;}
.brand-list .load-sort strong {font-weight: normal;}
.brand-list .flex-row:hover .load-sort {background:#0dad51;}
.brand-list .flex-row:hover .load-sort strong {color:#fff;}
.brand-list > .flex-row{padding: 5px 0;}
/*冲突样式重定义*/
.brand-list .load-sort-l .item .item-a {margin: 0 10px;}

/*右侧通用样式*/
#text, .rec-font{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txt-ind, .about-row p{text-indent: 2em;padding: 8px;}
.txt-ind{padding: 0;color: #666;}

/*广告样式*/
.advert img{max-width: 100%;}
.advert {background: #fff;display: flex;align-items: center;justify-content: center;}
.advert-identify-result, .advert-post-result {display: block;}
.advert-font-preview .result-tit {display: none;}
.fixed .advert img{max-width: 1200px;}