@charset "utf-8";
*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-family: Arial, sans-serif;display: flex;height: 100vh;background-color: #f4f4f4;overflow:auto;width:100%;height:100%;background-color:#f5f7fa;color:#2e2d2d;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.container{display: flex;width: 100%;max-width:1600px;margin: auto;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 10px;overflow: hidden;}
.left{width: 30%;color: white;padding: 20px;}
.right{width: 70%;background-color: #fff;padding: 20px;color: #333;}
a{outline:0;color:#2e2d2d;text-decoration:none;-webkit-transition:ease-in-out .25s;-moz-transition:ease-in-out .25s;-o-transition:ease-in-out .25s;transition:ease-in-out .25s;-ms-transition:ease-in-out .25s;}

.content-item-head{display:-ms-flexbox;margin-bottom:20px;justify-content:space-between;align-items:center;}
.content-item-head h1,.content-item-head h4{color:#212529;font-weight:400;font-size:1.125rem;border-radius: 5px;background:#fff;padding:5px;}
.content-item-head span,.content-item-head span a{display:inline-block;color:#828488;font-size:1.625rem;}
.content-item-nav{margin-bottom:20px;}
.content-item-box a{position:relative;display:inline-block;margin-right:10px;margin-bottom:10px;padding:5px 14px;border-radius:16px;background-color:rgb(131 131 131 / 10%);color:#333;text-align:center;font-size:14px;-webkit-transition:.25s;transition:.25s;}
.content-item-box a:hover,.content-item-box a.active{background:#f73464;color:#fff;}
.content-item-urls{display:-ms-flexbox;display:flex;margin-right:-15px;margin-left:-15px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.content-item-urls .content-urls-card{position:relative;padding-right:15px;padding-left:15px;width:100%;}
.content-urls-card .content-urls-body{margin-bottom:20px;border-radius:5px;background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.content-urls-card .content-urls-body:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px);}
.content-urls-card .content-urls-body:hover .content-url-togo{display:block;}
.content-item-urls .cate-load,.content-item-urls .cate-nomore{text-align:center;flex:auto;background:#e9e9e9;margin:0 15px;border-radius:5px;padding:15px 0;font-size:26px;color:#999;;}
.content-item-urls .cate-nomore{font-size:16px;;}
.content-item-urls .cate-nomore>i{display:inline-block;font-size:22px;vertical-align:bottom;margin-right:5px;;}
.content-item-urls .cate-load>i{display:block;color:#f73464;-webkit-transform:rotate(360deg);animation:rotation 3s linear infinite;-moz-animation:rotation 3s linear infinite;-webkit-animation:rotation 3s linear infinite;-o-animation:rotation 3s linear infinite;;}
.content-card-body{display:-ms-flexbox;display:flex;padding:15px;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:center;align-items:center;}
.content-url-img{overflow:hidden;margin-right:.5rem;width:40px;height:40px;background:rgba(255,255,255,0);-webkit-box-flex:0;-ms-flex:none;flex:none;}
.content-url-img img{width:100%;height:100%;border-radius:5px;vertical-align:unset;}
.content-url-img span{width:100%;height:100%;border-radius:5px;vertical-align:unset;}
.content-url-info{overflow:hidden;padding-right:5px;}
.content-url-info strong{display:block;overflow:hidden;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.content-url-info p{color:#6c757d;font-size:12px;}
.content-url-info p,.content-url-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content-url-togo{position:absolute!important;top:0;right:0;display:none;width:20px;height:20px;color:#bbb;text-align:center;line-height:20px;}
	
/*CSS工具箱*/
.titleicon{width:1200px;margin:0 auto;border:0;padding:4px 0;}
.icon img{width:72px;height:72px;float:left;margin-right:15px}
/*h2{font:22px "微软雅黑","Microsoft YaHei";color:#333;border-left:3px solid #5FA924;padding-left:14px;line-height:34px}*/
/*h3{font-size:14px;font-weight:lighter;color:#666}*/
/* 文本域 */
.tooltext{padding:4px;margin:10px 0;font-size:18px;width:720px;height:24px;line-height:24px;color:#333}
/* 按钮 */
.bt-blue{font-size:14px;border:none;line-height:33px;background:#4899E0;font-weight:bold;color:#FFF;cursor:pointer;padding:0 18px;margin-right:14px}
.bt-blue:hover{background:#368DD9;text-decoration:none}
.bt-green{font-size:14px;border:none;line-height:33px;background:#6FB934;font-weight:bold;color:#FFF;cursor:pointer;padding:0 18px;margin-right:14px}
.bt-green:hover{background:#5FA924;text-decoration:none}
.bt-grey{font-size:14px;border:none;line-height:33px;background:#DDD;font-weight:bold;color:#666;cursor:pointer;padding:0 18px;margin-right:14px}
.bt-grey:hover{background:#CCC;text-decoration:none}
.toolcode{width:1200px;margin:0 auto;}

/*日历计算器*/
label{display:inline-block;text-align:center;}
input{padding:5px;display:inline-block;}
#resultAdd{margin-top:20px;font-weight:bold;color:#CD2626;font-weight:500;font-size:18px;text-align:center;}	
#resultDiff{margin-top:20px;font-weight:bold;color:#CD2626;font-weight:500;font-size:18px;text-align:center;}	
.cal{margin:0 auto;padding:23px 20px 0 20px;min-height:400px;margin-bottom:20px;border-bottom:2px solid #dedede;}

/*网页排版*/
.content ul.links{margin-top:10px;width:750px;background:#FFF}
.content ul.links a{color:#999;padding:0 4px;width:17.5%;margin:0 8.5px 10px 0;float:left;overflow:hidden;font-size:15px;text-align:center;height:33px;line-height:33px;border:1px solid #d8d8d8}
.content ul.links a:hover{color:#FFF;background:#8dbf07}
.content{background:#FFF;margin:0 auto;min-height:400px;margin-bottom:10px;border-bottom:2px solid #dedede}
.content h3{border-bottom:3px solid #ececec;padding-bottom:3px;width:100%;height:30px;position:relative}
.content h3 span{display:inline-block;font-weight:300;height:33px;font-size:18px;overflow:hidden;color:#8dbf07;border-bottom:3px solid #ff7e00}
.content h3 em{font-size:14px;color:#888;font-weight:400;position:absolute;bottom:10px;left:110px}
.content h4{font-size:14px}
.content p{color:#8c8c8c;font-size:16px;text-indent:2em}
.content a{color:#999}
.content a:hover{color:#8dbf07}
.content h3 dt{font-size:16px;line-height:34px;color:#333;height:33px;font-weight:300;float:right}
.option{float:left;;margin:0 0 10px;padding:10px 9px 8px 8px;border:1px solid #bbb;font-size:14px}
.option a{color:#000;font-size:14px}
.option a.button{margin-left:10px;padding:3px 15px;border:1px solid #bbb;border-radius:2px;background:#FFF;color:#333}
.option a:hover.button{border:1px solid #8dbf07;background:#8dbf07;color:#FFF}
.paiban{float:right;width:145px;height:77px}
.paiban li{float:left;overflow:hidden;height:auto;text-align:center;list-style-type:none;}
.paiban li span{overflow:hidden;color:666}
.paiban li a{float:left;display:block;margin:0 0 10px 0;width:145px;height:44px;border-radius:3px;background:#B7B7B7;color:#FFF;text-align:center;font-size:26px;line-height:44px}
.paiban li a:hover{background:#659C03;color:#FFF}

/*网址批量打开*/
#main_box{background:#fff;margin:10px 0 20px 0;padding:10px;border-top:3px solid #666;border-bottom:1px solid #666;border-left:1px solid #adadad;border-right:1px solid #adadad;}
.single-main{padding:25px 0;color:#333;line-height:1.9;position:relative;}
#main_box h2{font-size:14px;margin:0 0 10px 10px;}
.single-main h2{font-size:20px;font-weight:bold;margin-bottom:5px;border-bottom:1px solid #333;}
.single-main h3{font-size:16px;font-weight:bold;margin:15px 5px 0;color:#151515;}
.single-main p{margin:0 0 1em;font-size:16px;text-indent:20px;}

/*大小写在线转换*/
.tit{text-align:center;margin-top:40px;padding-bottom:20px;}
.textarea, .button{text-align:center}
.button{padding:10px 0px;}
.textarea textarea{padding:4px;font-size:14px;line-height:20px;height:150px;overflow:auto;border-top:1px solid #abadb3;border-left:1px solid #e2e3ea;border-bottom:1px solid #e2e3ea;border-right:1px solid #dbdfe6;}
#txtsource{color:#666666;}
.button input{height:35px;font-size:16px;padding:0px 20px;border-radius:5px;}

/*随机密码生成器*/
#main{padding-left:10px;padding-right:10px;margin:0 auto;}
.pure-form ul{margin:0;padding:0;border-top:1px solid #eee;list-style:none;font-size:14px}
.pure-form li{clear:both;overflow:hidden;/*padding:.5em 0;*/border-bottom:1px solid #eee}
.pure-form label{display:block;overflow:hidden;margin:0}
.pure-form span{float:left;margin:6px 0}
.pure-form input{float:right;margin-top:9px}
#special_characters,#exclude_characters,#password_length,#password_quantity{margin-top:0;width:5em;text-align:right}
#special_characters,#exclude_characters{width:60%}
#generate{margin:1em 0}
#output{font-family:Monaco,Menlo,Consolas,Inconsolata,'Deja Vu Sans Mono','Droid Sans Mono','Lucida Console','Courier New',Courier,monospace}
.panel-default{border-color:#ddd}
.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.panel-body{padding:15px}
.tit{text-align:center;margin-top:40px;padding-bottom:20px;}

/*文本框合并*/
/*form{max-width:800px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}*/
/*input[type="button"]{display:block;width:100%;padding:10px;background-color:#4caf50;color:white;border:none;border-radius:4px;cursor:pointer;}*/
/*input[type="button"]:hover{background-color:#45a049;}*/
#result{max-width:800px;margin:20px auto;white-space:pre-wrap;border:1px solid #ccc;padding:10px;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);background-color:#f9f9f9;}
#result p{margin:0;}
.hb{width:800px;margin:0 auto;}
#textA,#textB,#textC{width:708px;}

/*文本对比*/
.col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:inherit;font-weight:700;line-height:1.1;color:inherit;}
.top10{margin-top:10px;}
 
h1{font-size:18px;margin:5px 0px 5px 0px;}
.row{padding:5px;}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);}
.fl{width:48%;float:left;margin-left:1%;margin-right:1%;}
.fl b{color:#2E2E2E;font-weight:bold;font-size:26px;}
.bc{padding-left:30px;padding-right:50px;color:#16ab6d;}
.delnr{color:#9c9b9b;}
.delnr, .bc{cursor:pointer;font-weight:bold;}
.fl textarea{width:100%;height:400px;padding:10px;outline:none;border:0px;transition:1s;border:1px solid #DDDDDD;-moz-box-shadow:2px 2px 4px #f5f5f5 inset;-webkit-box-shadow:2px 2px 4px #f5f5f5 inset;box-shadow:2px 2px 4px #f5f5f5 inset;padding:10px;}
.pt10{margin-top:10px;}
.clearfix{zoom:1;}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;}
pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0;}
code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px;}
.JsTxtW-r{display:none;}
.fl b{color:#2E2E2E;font-weight:bold;font-size:26px;}
.m, .m2{width:95%;margin-left:auto;margin-right:auto;}
.m2{width:55%;font-size:14px;color:#808080;}
textarea:focus{outline:none !important;background-color:#fafbf5;border:1px solid #4ca957;-moz-box-shadow:2px 2px 4px #e8e9e4 inset;-webkit-box-shadow:2px 2px 4px #e8e9e4 inset;box-shadow:2px 2px 4px #e8e9e4 inset;}
textarea::-webkit-input-placeholder{color:#A4A4A4;}
textarea::-moz-placeholder{color:#A4A4A4;}
textarea:-moz-placeholder{color:#A4A4A4;}
textarea:-ms-input-placeholder{color:#A4A4A4;}
.GuoLvCbtn{text-align:center}
.GuoLvCbtn input{color:#fff;background-color:#5cb85c;border-color:#4cae4c;width:300px;height:40px;margin-left:10px;margin-top:20px;margin-right:10px;border-width:0px;border-radius:5px;cursor:pointer;}
.GuoLvCbtn input:hover{background-color:#1D7B1D}
.hljs-line-numbers{text-align:right;border-right:1px solid #ccc;color:#999;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
h2 a{padding-left:10px;padding-right:10px;text-decoration:underline;color:#222222;}
 
.scroll{height:600px;overflow-x:scroll;overflow-y:auto;}
.inserted{background-color:#9E9;min-width:100%;display:inline-block;}
.deleted{background-color:#E99;min-width:100%;display:inline-block;}
.modified{min-width:100%;display:inline-block;background-color:#f9f5f3;}
.modified-light{background-color:#fbff00;display:inline-block;color:#f00;padding-left:3px;padding-right:3px;border-radius:5px;border:1px solid #ef6063;}
.padding{background-color:lightgray;min-width:100%;display:inline-block;}
.ie{_position:absolute;_clear:both;_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) - 1:document.body.scrollTop+(document.body.clientHeight-this.clientHeight) - 1);}
.hljs{white-space:pre-wrap;font-weight:200;display:block;overflow-x:auto;padding:0.5em;background:white;}
.hljs-comment, .hljs-quote, .hljs-variable{color:#008000}
.hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-name, .hljs-tag{color:#00f}
.hljs-string, .hljs-title, .hljs-section, .hljs-attribute, .hljs-literal, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-addition{color:#a31515}
.hljs-deletion, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-meta{color:#2b91af}
.hljs-doctag{color:#808080}
.hljs-attr{color:#f00}
.hljs-symbol, .hljs-bullet, .hljs-link{color:#00b0e8}
.hljs-emphasis{font-style:italic}
.hljs-strong{font-weight:bold}
.delnr, .bc{cursor:pointer;font-weight:bold}
.bc{padding-left:30px;padding-right:50px;color:#16ab6d;}
.delnr{color:#9c9b9b;}
.ga{color:#fff;background-color:#6476AD;border-color:#4cae4c;width:300px;height:40px;margin-left:10px;margin-top:20px;margin-right:10px;border-width:0px;border-radius:5px;cursor:pointer;font-size:1em;font-weight:bold}
.ga:hover{background-color:#4372E2;}
.gb{color:#fff;background-color:#9c9c9c;border-color:#4cae4c;width:300px;height:40px;margin-left:10px;margin-top:20px;margin-right:10px;border-width:0px;border-radius:5px;cursor:pointer;font-size:1em;font-weight:bold}
.gb:hover{background-color:#525252;}
.table td, .table th{border:1px solid #e2e2e2 !important;}

/*文本替换*/
.col10main{min-height:500px;background-color:#fff;max-height:66666px;height:auto;padding-top:5px;}
.panel{margin-bottom:10px;}
.form-horizontal .form-group{margin-right:-15px;margin-left:-15px;}
.form-group{margin-bottom:15px;}
textarea.form-control{height:auto;}
.form-control{}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-horizontal .form-group{margin-right:-15px;margin-left:-15px;}
.input-group{position:relative;display:table;border-collapse:separate;}
.form-group{margin-bottom:15px;}
.input-group-addon:first-child{border-right:0;}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;}
.input-group-addon, .input-group-btn{width:1%;white-space:nowrap;vertical-align:middle;}
.input-group .form-control, .input-group-addon, .input-group-btn{display:table-cell;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0;}
.input-group .form-control, .input-group-addon, .input-group-btn{display:table-cell;}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0;}
.alert-success{color:#788D9A;background-color:#F9FBFB;border-color:#d6e9c6;}
.alert-dismissable, .alert-dismissible{padding-right:35px;}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;}
.alert h4{margin-top:0;color:inherit;}
h4{padding-left:5px;color:#66be8c;margin-bottom:10px;line-height:30px;margin-top:5px;}
.h4, h4{font-size:18px;}
p{line-height:24px;}
.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.text-center{text-align:center;}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625;}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success{background-image:none;}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439;}
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439;}
.btn.active, .btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}
.btn.focus, .btn:focus, .btn:hover{color:#333;text-decoration:none;}
.btn{margin-top:0px;}
.btn{margin-left:2px;margin-right:2px;}
.btn-default{color:#333;background-color:#fff;border-color:#ccc;}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c;}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{background-image:none;}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button;cursor:pointer;}
.btn-success{color:#fff;background-color:#4DC86F;border-color:#4cae4c;}
.hljs{display:block;overflow-x:auto;color:rgb(221, 221, 221);padding:0.5em;background:rgb(39, 40, 34);}

/*字数统计*/
.num{font-size:14px; font-weight:700; color:#F00}
.titleicon{width:1200px;margin:0 auto;border:0;padding:4px 0;}
.icon img{width:72px;height:72px;float:left;margin-right:15px}
.toolcode{width:1200px;margin:0 auto;}
.tooltext{padding:4px;margin:10px 0;font-size:18px;width:720px;height:24px;line-height:24px;color:#333}
.toolarea{padding:4px;margin:8px 0;width:720px;height:500px;color:#333;display:block;}

/*关系计算器*/
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.table-bordered{border: 1px solid #ddd;}
.table{width: 100%;max-width: 100%;margin-bottom: 20px;}