body {
	padding:0;margin:0;
	background-color: #f7f7f7;
	font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}
a, input, button {
	outline: none !important;
}
a:focus, a:hover, .btn-link:focus, .btn-link:hover {
    text-decoration: underline;
    text-underline-position: under;
}
hr,.hr{display:block;border:0;height:1px;background-color:#e5e5e5;margin:5px 0;font-size:0;color:transparent;text-indent:-99999999px;}
.main {
	max-width: 950px;
	padding: 10px 20px 20px;
	margin: 20px auto;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.logo{display:flex;margin-bottom:1rem;} .logo a{color:#fff;}
.logo h1{font-size:24px;margin-bottom:1rem;}

small {
	color: #777;
}

.l {
	float: left;
}

.r {
	float: right;
}

.mr2 {
	margin-right: 2px;
}

.mr3 {
	margin-right: 3px;
}

.mr4 {
	margin-right: 4px;
}

.mr6 {
	margin-right: 6px;
}

.mr8 {
	margin-right: 8px;
}

.ml2 {
	margin-left: 2px;
}

.ml3 {
	margin-left: 3px;
}

.ml4 {
	margin-left: 4px;
}

.ml6 {
	margin-left: 6px;
}

.ml8 {
	margin-left: 8px;
}

.label-site {
	font-size: 16px;padding:1rem;
	vertical-align: middle;
	margin-right: 6px;
}
.icon-site {
	vertical-align: text-top;
	margin-right: 2px;
	width: 16px;
	height: 16px;
}
.breadcrumb > li + li::before {
	content: "| ";
}
.text {
	width: 100%;
	height: 150px;
}
.btn-code {
	padding: 6px 16px;
}
.form-group {
	margin: 10px;
}
.replace {
	width: 40px;
	padding: 2px;
	height: 20px;
	display: inline;
	font-size: 12px;
	text-align: center;
}
.row {
	margin-top: 4px;
}
.code-keyword {
	color: #069;
	font-weight: bold;
}
.code-comment {
	color: #008200;
}
.code-vars {
	color: #D00;
}
.code-string {
	color: #00F;
}
p {
	text-indent: 2em;
	line-height: 1.8;
}
.price-table {
	margin: 15px auto;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #f0f0f0
}
.price-table th {
    background: #fcfcfc;
    color: #888;
    font-weight: 200
}
.price-table td, .price-table th {
    text-align: left;
    padding: 12px 20px;
    border-left: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
.price-table td:not(:first-child), .price-table th:not(:first-child) {
	text-align: center;
}
.price-table td small {
	color: #aaa;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{word-break:break-all;}
.imagetobase64{font-weight:600;font-size:12px;color:#fff;padding:.5rem .5rem;border-radius:5px;margin-right:.2rem;}
.footer-base64 a{color:#888;}
.modal-dialog-diy{width:1160px;}
.xfooter{text-align:center;margin:2rem auto;display:flex;flex-direction:column;color:#999;}
.xfooter p{height:22px;line-height:20px;margin:0 auto;text-indent:0;}
.xfooter a{color:#999;}
.friend-links{line-height:34px;}
.friend-links .title{color:#888;}
.friend-links a{margin:0 .3rem;}
header{background:#337ab7;}
.navbar-inverse{background:#337ab7;border-color:#337ab7;max-width:1140px;margin:0 auto;}
.navbar-menu,.navbar-menu-ul{display:flex;flex-direction: row;align-items: center;justify-content: space-between;color:#eee;font-size:15px;}
.logo-top{line-height:52px;}
.navbar-menu li a,.navbar-inverse .navbar-nav>li>a,.goodluck a{color:#eee;font-size:15px;padding:15px 8px;}
.navbar-menu li a:hover,.navbar-inverse .navbar-nav>li>a:hover,.goodluck a:hover{color:#fff;}
.navbar-inverse .navbar-toggle{border-color: #337ab7;}
@media screen and (max-width: 768px){
	body{padding:0px 0;}.main{padding: 10px 10px 20px;}
	.xfooter{margin:1.5rem auto;}
	.label-site {
		font-size: 14px;padding:1rem;
		vertical-align: middle;
		margin-right: 6px;
	}
.logo h1{font-size:14px;} .beian{display:none;}
.imagetobase64{font-weight:600;font-size:12px;color:#fff;padding:.3rem .5rem;border-radius:5px;margin-right:.2rem;}
.modal-dialog-diy{width:auto;} .xfooter .shengming{display:none;} .mhidden{display:none;}
.xbutton button{margin:.3rem;} .mobile-nav-title{margin:1rem;}
.breadcrumb>li{padding:.3rem .5rem;}
}