/**站长工具**/
.gongneng {width:100%;text-align:center;color:#666;}
.gongneng span {font-size:2em;line-height:3em;display:block;border-bottom:1px solid #eaeeef;margin-bottom:1em;}
.gongneng p {font-size:1.6em;}
.gongneng a {position: relative;font-size:1.2em;line-height:3em;background:#edeeef;background-color:#edeeef;float:left;width:24%;margin:0 .5% 1%;border-radius:1.5em;}
.gongneng a:hover {background:#006abe;background-color:#006abe;color:#fff;}
.gongneng a me {font-size:12px;float:right;margin-right:2em;}
.gongneng a pan {font-size:12px;float:right;margin-right:2em;color:#006abe;}
.gongneng a:hover pan {color:#fff;}
.gongneng a em {margin-left:1em;}
.gongneng a:hover em {color:#fff;}
.gongneng a:hover img {border:1px solid #006abe;}
.gongneng a img {width:30px;height:30px;background-color:#dbdbdb;border-radius:10px;position:absolute;left:10%;top:50%;transform:translate(-50%,-50%);image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}

@media (max-width:800px) {
	.gongneng span {font-size:1.6em;}
	.gongneng p {font-size:1.2em;}
	.gongneng a {line-height:2.5em;width:49%;margin:0 .5% 1%;font-size:12px;}
	.gongneng a img {width:18px;height:18px;border-radius:6px;}
}

/**图片转换格式**/

.wrapper {position:relative;height:100%;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:border-box;}
.container {position:relative;width:100%;min-width:1024px;min-height:100%;background:#fdfdfd;overflow-y:hidden;margin:10px auto;}
.container .content {padding:30px;}
.mod-panel {width:100%;max-width:1200px;margin:0 auto;}
.mod-panel .hd {padding-top:25px;margin-bottom:30px;line-height:30px;text-align:center;}
.mod-panel .hd h1, .mod-panel .hd h2 {font-weight:normal;font-size:24px;color:#212121;}
.mod-panel .bd, .mod-panel .ft {overflow:hidden;margin:0 auto;}
.mod-panel .bd .tabs a {display:inline-block;padding:0 10px;margin:0 5px 10px 0;border:solid 1px #B8DCF5;background:#EDF7FF;line-height:34px;font-size:16px;color:#348BCF;}
.mod-panel .bd .tabs a:hover, .mod-panel .bd .tabs a.active {border-color:#348BCF;background:#348BCF;color:#fff;text-decoration:none;}
.imageUpdater {padding:1.5em 1em;margin-bottom:1em;border:2px dashed #ccc;text-align:center;border-radius:5px;font-size:13px;}
.imageUpdater p {height:3em;}
.preview{margin:0 auto 40px;}
.preview ul{border:1px solid #ced4da;border-radius:0.25rem;}
.preview li{margin-bottom:25px;}
.preview a,.preview img{display:block;margin:0 auto;line-height:30px;text-align:center;color:#2095f2;}
.mod-panel .input-trans {border-radius:4px;right:0;bottom:0;z-index:9;height:3em;line-height:3em;width:22.5%;background-color:#348bcf;border:medium none;vertical-align:middle;font-size:14px;color:#fff;cursor:pointer;outline:none;}
.mod-panel .input-trans:hover {background-color:#027AFF;}
@media only screen and (max-width:1199px) and (min-width:320px) {
	.mod-panel .bd .tabs {overflow:auto;white-space:nowrap;padding:8px 0;margin-bottom:20px;border-bottom:solid 1px #ccc;font-size:0;}
}
@media screen and (max-width:1023px) {
	.wrapper {padding-top:10px;}
	.container {min-width:inherit;background:#fff;}
	.container .content {margin-left:0;padding:14px 16px 14px;}
	.mod-panel .input-trans {width:35.5%;height:2em;line-height:2em;}
}
@media screen and (min-width:1200px) {
	.mod-panel .bd .tabs {overflow:hidden;padding:8px 0;margin-bottom:20px;border-bottom:solid 1px #ccc;font-size:0;text-align:center;justify-content:center;align-items:center;}
}