/*!
 * bootstrap-fileinput v4.3.3
 * http://plugins.krajee.com/file-input
 *
 * Author:Kartik Visweswaran
 * Copyright:2014 - 2016, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */

.file-loading{top:0;right:0;width:25px;height:25px;font-size:999px;text-align:right;color:#fff;background:url(/static/images/loading.gif) top left no-repeat;border:none}
.file-object{margin:0 0 -5px;padding:0}
.btn-file{position:relative;overflow:hidden}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}
.file-caption-name{display:inline-block;overflow:hidden;height:20px;word-break:break-all}
.input-group-lg .file-caption-name{height:25px}
.file-zoom-dialog{text-align:left}
.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}
.file-error-message pre,.file-error-message ul{margin:0;text-align:left}
.file-preview-frame,.file-preview-other{text-align:center;vertical-align:middle}
.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#EEE;cursor:not-allowed;opacity:1}
.file-preview{border-radius:5px;padding:5px;box-sizing:border-box;border:1px solid #ddd;width:100%;margin-bottom:5px}
.file-preview-frame{position:relative;display:table;margin:8px;height:160px;border:1px solid #ddd;box-shadow:1px 1px 5px 0 #a2958a;padding:6px;float:left}
.file-preview-frame:not(.file-preview-error):hover{box-shadow:3px 3px 5px 0 #333}
.file-preview-image{vertical-align:middle}
.file-preview-text{display:block;color:#428bca;border:1px solid #ddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;outline:0;padding:8px;resize:none}


.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button,
.file-input-ajax-new .no-browse .input-group-btn,
.file-input-new .close,.file-input-new .file-preview,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button,
.file-input-new .glyphicon-file,
.file-input-new .no-browse .input-group-btn{display:none}

.file-preview-html{border:1px solid #ddd;padding:8px;overflow:auto}
.file-zoom-dialog .file-preview-text{font-size:1.2em}
.file-preview-other{left:0;top:0;right:0;bottom:0;margin:auto;padding:10px}
.file-preview-other:hover{opacity:.8}
.file-actions,.file-other-error{text-align:left}
.file-other-icon{font-size:4.8em}.file-zoom-dialog .file-other-icon{font-size:8em;font-size:55vmin}
.file-caption-main {width:100%;}
.file-caption-main .form-control,.file-caption-main .input-group-btn .btn-primary {margin-top:1.5em;}
.file-input-ajax-new .no-browse .form-control,.file-input-new .no-browse .form-control{border-top-right-radius:4px;border-bottom-right-radius:4px}
.file-thumb-loading{background:url(/static/images/loading.gif) center center no-repeat content-box!important}.file-actions{margin-top:15px}
.file-footer-buttons{float:right}
.file-upload-indicator{display:inline;cursor:default;opacity:.8;width:60%}
.file-upload-indicator:hover{font-weight:700;opacity:1}
.file-footer-caption{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;text-align:center;padding-top:4px;font-size:11px;color:#777;margin:5px auto}
.file-preview-error{opacity:.65;box-shadow:none}
.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}
.file-drop-zone{border:1px dashed #aaa;border-radius:4px;height:100%;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}
.file-drop-zone-title{color:#aaa;font-size:1.6em;padding:85px 10px;cursor:default}
.clickable .file-drop-zone-title,.file-preview .clickable{cursor:pointer}
.file-drop-zone.clickable:hover{border:2px dashed #999}
.file-drop-zone.clickable:focus{border:2px solid #5acde2}
.file-drop-zone .file-preview-thumbnails{cursor:default}
.file-highlighted{border:2px dashed #999!important;background-color:#f0f0f0}
.file-uploading{background:url(/gongju/base64/img/loading-sm.gif) center bottom 10px no-repeat;opacity:.65}
.file-thumb-progress .progress,.file-thumb-progress .progress-bar{height:10px;font-size:9px;line-height:10px}
.file-thumbnail-footer{position:relative}
.file-thumb-progress{height:10px;position:absolute;top:35px;left:0;right:0}
.file-zoom-fullscreen.modal{position:fixed;top:0;right:0;bottom:0;left:0}
.file-zoom-fullscreen .modal-dialog{position:fixed;margin:0;width:100%;height:100%;padding:0}
.file-zoom-fullscreen .modal-content{border-radius:0;box-shadow:none}
.file-zoom-fullscreen .modal-body{overflow-y:auto}
.file-zoom-dialog .modal-body{position:relative!important}
.file-zoom-dialog .btn-navigate{position:absolute;padding:0;margin:0;background:0 0;text-decoration:none;outline:0;opacity:.7;top:45%;font-size:4em;color:#1c94c4}
.file-zoom-dialog .floating-buttons{position:absolute;top:5px;right:10px}
.floating-buttons,.floating-buttons .btn{z-index:3000}
.file-zoom-dialog .kv-zoom-actions .btn,.floating-buttons .btn{margin-left:3px}
.file-zoom-dialog .btn-navigate:not([disabled]):focus,.file-zoom-dialog .btn-navigate:not([disabled]):hover{outline:0;box-shadow:none;opacity:.5}
.file-zoom-dialog .btn-navigate[disabled]{opacity:.3}
.file-zoom-dialog .btn-prev{left:1px}
.file-zoom-dialog .btn-next{right:1px}
.file-drag-handle{display:inline;margin-right:2px;font-size:16px;cursor:move;cursor:-webkit-grabbing}
.file-drag-handle:hover{opacity:.7}
.file-zoom-content{height:480px;text-align:center}
.file-preview-initial.sortable-chosen{background-color:#d9edf7}
.file-preview-frame.sortable-ghost{background-color:#eee}
.btn-file ::-ms-browse{width:100%;height:100%}

#matoolsContainer {height:auto !important;margin-bottom:20px;overflow:hidden;border-radius:4px;border:1px solid #037ef3;box-shadow:1px 1px 8px rgb(100 100 100 / 30%);background-color:white;}
#matoolsContainer h1 {padding-top:10px;font-size:2em;text-align:center;font-family:inherit;font-weight:500;line-height:1.1;color:inherit;margin:0.67em 0;}
.form-horizontal {margin:0 1%;border:1px solid #ddd;padding:4%;border-radius:5px;}
#toolDescription {margin:1%;margin-top:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:0.8em;}
#toolDescription h3 {font-size:16px;color:#333;background-color:#f5f5f5;padding:10px 15px;border-bottom:1px solid #ddd;border-top-left-radius:3px;border-top-right-radius:3px;font-weight:400;}
#toolDescription .shuoming {padding:15px;text-align:justify;}
#toolDescription .shuoming p {margin:0 0 10px;}
.form-horizontal .form-group .col-sm-12 img {display:block;height:auto;width:100%;overflow:hidden;margin:auto;}

#tool_imagebase64_result {cursor:pointer;color:#fff;background-color:#037ef3;border-color:#037ef3;width:33%;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;border-radius:0.25rem;text-align:center;text-decoration:none;vertical-align:middle;user-select:none;font-weight:400;line-height:1.5;box-sizing:border-box;margin:auto;display:block;}
#tool_imagebase64_result:hover {background-color:#136ec5;border-color:#136ec5;}
#tool_imagecolor_upload {cursor:pointer;color:#fff;background-color:#037ef3;border-color:#037ef3;width:33%;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;border-radius:0.25rem;text-align:center;text-decoration:none;vertical-align:middle;user-select:none;font-weight:400;line-height:1.5;box-sizing:border-box;margin:1.5em auto;display:block;}
#tool_imagecolor_upload:hover {background-color:#136ec5;border-color:#136ec5;}

.dropzone-wrapper {margin: 0 1%; border:2px dashed #ddd;border-radius: 5px;position: relative;min-height:15em;}
.dropzone-desc { position: absolute; margin: 0 auto; left: 0; right: 0; text-align: center; width: 40%; top: 50px; font-size: 16px; color: #037ef3; }
.dropzone, .dropzone:focus { position: absolute; outline: none !important; width: 100%;min-height: 15em;cursor: pointer; opacity: 0; }
#tool_imagecompressor_drag {margin-top: 1em;}
.form-group .dropzone-wrapper:hover { background:#136ec5; }
.form-group .dropzone-wrapper:hover .dropzone-desc {color: #fff;}
.form-group .dropzone-wrapper:hover #tool_imagecompressor_drag {color: #fff;}
.preview-zone { text-align: center; }
.preview-zone .box .box-body img {display: block; width: 300px; margin: auto;}
.preview-zone .box { box-shadow: none; border-radius: 0; margin-bottom: 0; } 
.box { position: relative; background: #ffffff; width: 100%; }
.preview-zone .box ul {width:100%;overflow: hidden;margin: 1.5em 0;}
.box-header { color: #444; display: block; padding: 10px; position: relative; border-bottom: 1px solid #f4f4f4; margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-weight: bold; }
.jiazai {width: 25%;float: left;color: #037ef3;}
.jiazais {width:50%;float: left;}



@media (max-width:920px) {
	#matoolsContainer {margin-bottom:0.5em;}
	#toolDescription .shuoming {padding:0.5em;}
	.input-group-btn button{padding:6px 12px;}
	.dropzone-desc {width:95%;}
}
@media (max-width:280px) {
	.preview-zone .box .box-body img {width:260px;}
}


@charset "UTF-8";

/* 公共部分 */
.row{margin-right: 0; margin-left: 0;}
.form-row{display: flex;flex-wrap: wrap;}
.form-inline {display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-align: center;align-items: center;}
.float-right {float:right!important}
.glyphicon {padding:3px;}
.form-horizontal .form-group {margin-right:0px;margin-left:0px;}
.alert-box{display:none;position:fixed;top:30%;width:30%;left:35%;z-index:9999;text-align:center;}
.navbar{border-radius: 0;border: 0;}
.navbar-form{border:0}
.navbar-right{margin-right:0}
#matoolsNav .navbar-nav>li>a {
	color: #fff !important;
	font-size: 16px;
    max-width: 186px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.navbar-inverse {
	background-color:#1296db
}
.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-nav>li>a:hover {
    opacity: .95;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
blockquote{margin:10px 0 0 0;padding:0 0 0 10px;border-left:5px solid red}
textarea.form-control{height:250px!important;-webkit-appearance: none;}
input[type=text]{-webkit-appearance: none;}

a{color:#333;text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color: #0000FF;text-decoration: underline;	cursor: pointer;}
a:active {color: #0000FF;text-decoration: none;}

.text-hidden{
	text-indent: -9999px;
    white-space: nowrap;
    line-height: 0;
    margin: 0;
    height: 0;
    opacity:0;
    display:none;
}
/*---------- 头部 ----------- */
#topLogo{font-size:26px;text-align:center;}
#langDrop .dropdown-toggle{color:#777;padding-bottom:10px;}

#search .input-group{margin: 0 auto 0 auto;}
#searchInput, #searchInput:focus{
	border: 1px solid #ccc;
	border-right:0;
    border-radius: 6px 0 0 6px;
    box-shadow: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 34px !important;
}
#searchBtn{
	border-color:#ccc;
	border-left:0;
	border-radius: 0 6px 6px 0;
	background: white;
	color: #4285f4;
	height: 34px !important;
}
#searchResults{
	margin:0;
	border-radius: 0 0 6px 6px;
	width:100%;
	border-top: 0;
	z-index: 99999;
}
#searchResults>li>a{
	overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 10px;
}
#searchResults>li>a>i{
	padding-right: 5px
}

#moreMenu .dropdown-toggle{color:#777;padding-bottom:10px;}
#moreMenuUL{min-width:110px}
#wxQrcode i{color:#fff;margin-right:15px;}
#wxQrcodeUL{text-align:center;margin-right:5px;min-width:129px;}
#wxQrcodeUL li{width:129px;color:#333;}
#wxQrcodeUL li span{background:url(../../img/common/wx.png);width:129px;height:129px;background-size:100% 100%;display:block;}

/* ---------------ad--------------- */
/*正文顶部*/
#containerTopAd{
	width:100%;
	margin:0px auto 20px auto;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}
#closeContainerTopAd{font-size:14px;color:#fff;font-weight:100;background:rgba(0,0,0,0.5);float: right;padding: 1px 8px;text-align:center;}
/*pop*/
#popAd{
	cursor:pointer;
 	position: fixed; left: 0; top: 0; right: 0; bottom: 0;
    margin: auto;
    z-index:99999;
}
#closePopAd{font-size:14px;color:#fff;font-weight:100;background:rgba(0,0,0,0.5);float:right;padding:1px 8px;text-align:center;}

/*---------- 工具 ----------- */
.toolList{margin-bottom:20px;}
.toolList blockquote{margin:0;}
.toolList blockquote h2{font-size:18px;margin-top:0;margin-bottom:20px;}
.toolList a{text-decoration: none;}
.toolList img{width:60px}
.toolList .media-heading {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 2;
    max-width: 280px;
}
.toolList p {
	height: 32px;
    line-height: 20px;
}
#codeTextArea{
	width:100%;
	height:100px !important;
}
.modal-footer-btn{
	background-color: rgb(242, 242, 242);
	color:blue;
	text-align: center;
	cursor: pointer;
	border-radius: 0 0 6px 6px;
}
#toolDescription table{
	border-spacing: 0;
    border-collapse: collapse;
}
#toolDescription table caption{
	padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}
#toolDescription table th, #toolDescription table td{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}

/*---------- 搜索列表 ----------- */
#searchList{
}
#searchList dt{margin-bottom:5px}
#searchList a {
    color: #1a0dab;
    font-size: 20px;
    line-height: 1.3;
    font-weight: normal;
}
#searchList a:visited {
    color: #609;
}
#searchList p{
	color: #3C4043;
    font-size: 14px;
}
#searchList em {
    color: #dd4b39;
    font-style: normal;
    font-weight: normal;
}
#contentRight{position:sticky;top:20px}
#contentRight .text-muted {
    float: right;
    cursor: pointer;
    font-size:13px;
    line-height:24px;
}
#contentRight li{
	border:none;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0px;
}
#contentRight li .hide{display:none;}
#contentRight .num{color:#666;margin-right:5px;}
#contentRight .num1{color:#eb0000}
#contentRight .num2{color:#ff5e00}
#contentRight .num3{color:#ffa200}

/*---------- API导航 ----------- */
#hotApi .thumbnail{border:none}
#hotApi img {
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #ddd;
    border-radius: 16%;
}
#popLetter{
    width: 100px;
    height: 100px;
    border-radius: 5px;
    font-size: 75px;
    color: #555;
    text-align: center;
    line-height: 100px;
    background: rgba(145,145,145,0.6);
    position: fixed;
    left: 50%;
    top: 50%;
    margin:-50px 0px 0px -50px;
    z-index: 99;
    display: none;
}
.sort_box{
    width: 100%;
    padding-top: 8px;
    overflow: hidden;
}
.sort_list{
    padding:10px 0px 30px 80px;
    width: 235px;
	height: 30px;
	display: inline-block;
}

.num_name{
    display: block;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.sort_letter{
    padding: 20px 20px 10px 20px;
}
.initials{
    position: fixed;
    top: 100px;
    right: 10px;
    height: 100%;
    width: 15px;
    padding-right: 20px;
    text-align: center;
    font-size: 12px;
    z-index: 99;
}

.initials a{
	line-height: 12px !important;
}	


/*---------- 好文 ----------- */
.article-right{position: sticky;top:20px}
.article-right>div>ul>li{padding: 5px 10px;}
.article-right .panel a{padding: 10px 0px;}
.article-right .panel span{float:right;}

.article-list{margin-top:10px;}
.article-list .item{padding:20px 0 20px 10px; border-bottom:1px solid #f0f0f0;}
.article-list .item:hover{background-color:#f7f7f7;}
.article-list .item .article-title{color:#333333; font-size:18px; margin-bottom:14px;}
.article-list .item .article-title span{color:#ef3838;}
.article-list .item .article-txt{color:#666666; font-size:14px; line-height:20px; margin-bottom:10px;text-decoration: none;}
.article-list .item .article-txt span{color:#ef3838;}
.article-list .item .article-date{color:#333333; font-size:12px;}
.article-list .item .article-date em{color:#bababa; margin:0 30px 0 15px;}
.article-list .item .post {margin-top: 8px;color: #b7b7b7;font-size: 12px;}
.article-list .item .post em {margin-left: 20px}
.tag-list a {
    display: inline-block;
    float: left;
    line-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-txt{margin-top:10px; color:#202020; font-size:16px; line-height:30px; padding-bottom:25px;}
.article-link{width:100%; padding-top:10px;margin-top:15px; border-top:1px solid #989898; color:#666666; font-size:14px; line-height:20px;}


/*---------- 标签页 ----------- */
.tag-list a {
    display: inline-block;
    float: left;
    line-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*---------- 底部 ----------- */
#matoolsFoot {
	clear:both;
    width: 100%;
    margin:50px auto 0 auto;
	background: #fafafa;
	border-top: 1px solid #e4e4e4;
}
.foot-note {
    margin: 0 auto;
    border-bottom: 1px solid #e4e4e4;
}
.foot-note dl {
    padding:0 0 0 30px;
    color: gray;
    margin: 25px 0;
}
.foot-note dl dd {
    font-size: 12px;
    margin: 10px 0 0 0;
	padding: 0 0 0 5px;
}
.foot-note dl dt {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}
.foot-note a {
    color: gray;
}
.foot-share {
    min-height: 220px;
    padding: 20px 0 0 40px;
}
.foot-share strong {
	display:block;
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
}

.foot-copyright {
	clear:both;
    font-size: 12px;
    color: #999;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    line-height: 30px;
}
.foot-copyright a{
	color: #999;
}
.fileinput-remove{
margin-top: 20px;
}
/*---------- 自适应移动端，放在最后 ！！！----------- */
@media (max-width: 1200px) {
	.pc-show{display:none}
}