html {
	width: 100%;
}

.xxpay-body {
	width: 100%;
	background: #fff;
	padding-bottom: 50px;
	margin: 70px auto 0 auto;
}

.larry-doc {
	font-size: 0;
}

.larry-block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 14px;
}

.larry-tree {
	width: 235px;
	min-height: 400px;
	height: auto;
	padding: 20px 0 20px;
}

.larry-content {
	width: 880px;
	min-height: 900px;
	height: auto;
	padding: 20px 0 20px 20px;
}

.larry-font-red {
	color: #FF5722;
}

/* 鏂囨。 */
/*.larry-tree {
	border-right: 1px solid #eee;
}*/

.larry-tree .layui-tree {
	line-height: 32px;
}

.larry-tree .layui-tree li i {
	position: relative;
	font-size: 22px;
	color: #000
}

.larry-tree .layui-tree li a cite {
	padding-right: 8px;
	padding-left: 0px;
}

.larry-tree .layui-tree .cur-log cite {
	color: #5FB878;
	font-weight: 600;
}

.larry-tree .layui-tree .site-tree-noicon-tit a cite {

	/*padding-left: 15px;*/
}

.larry-tree .layui-tree .site-tree-noicon a cite {
	padding-left: 15px;
}

.larry-tree .layui-tree li a em {
	font-size: 12px;
	color: #bbb;
	padding-right: 5px;
	font-style: normal;
}

.larry-tree .layui-tree li h2 {
	line-height: 36px;
	font-size: 16px;
	font-family: Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif;
	border-left: 5px solid #009E94;
	margin: 15px 0 5px;
	padding: 0 10px;
	background-color: #f2f2f2;
}

.larry-tree .layui-tree li ul {
	margin-left: 27px;
	line-height: 28px;
}

.larry-tree .layui-tree li ul a,
.larry-tree .layui-tree li ul a i {
	color: #777;
}

.larry-tree .layui-tree li ul a:hover {
	color: #333;
}

.larry-tree .layui-tree li ul li {
	margin-left: 25px;
	overflow: visible;
	list-style-type: disc; /*list-style-position: inside;*/
}

.larry-tree .layui-tree li ul li cite,
.larry-tree .layui-tree .site-tree-noicon ul li cite {
	padding-left: 0;
}

.larry-tree .layui-tree .layui-this a {
	color: #01AAED;
}

.larry-tree .layui-tree .layui-this .layui-icon {
	color: #01AAED;
}



.layui-tree li.larry-new a cite {
	color: #ff5722;
}

.site-fix .larry-tree {
	position: fixed;
	top: 0;
	bottom: 330px;
	z-index: 666;
	min-height: 0;
	overflow: auto;
	background-color: #fff;
}

.site-fix .larry-content {
	margin-left: 235px;
}

.layui-tree li a cite{
	color: #555;
}
.layui-tree li a cite:hover {
	color: #01AAED;
}
.site-title {
	margin: 30px 0 20px;
}

.site-h1 {
	margin-bottom: 15px;
	line-height: 60px;
	padding-bottom: 10px;
	color: #393D49;
	border-bottom: 1px solid #eee;
	font-size: 28px;
	font-weight: 300;
}

.site-h1 .layui-icon {
	position: relative;
	top: 5px;
	font-size: 50px;
	margin-right: 10px;
}

.site-h1 .layui-icon {
	position: relative;
	top: 5px;
	font-size: 50px;
	margin-right: 10px
}

.xxpay-update-title {
	margin-bottom: 25px;
}

.larry-content a.update-time {
	font-size: 14px;
	color: #bbb !important;
}

.larry-content a.update-time:hover {
	text-decoration: none;
}

.layui-text a.larry-btn-a {
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px
}

.layui-text p {
	line-height: 24px;
}

.layui-text p span.p {
	padding-left: 15px
}

.larry-btn-a:hover {
	background: #1CA195;
	text-decoration: none !important
}

.clear {
	height: 10px;
}

.larry-red {
	color: #FF5722;
}

.layui-code-h3 a {
	display: none !important;
}

em.red {
	color: #FF5722;
	padding-left: 3px;
	padding-right: 3px;
}

em.blue {
	color: #01AAED;
	padding-left: 3px;
	padding-right: 3px;
}

.site-text p {
	line-height: 26px !important;
}

ul.layui-timeline li .layui-text ul li {
	line-height: 25px;
	vertical-align: top;
}

ul.layui-timeline li em.add {
	display: inline-block;
	vertical-align: middle;
	background: #01AAED;
	width: 35px;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
	font-size: 12px;
	color: #fff !important;
	border-radius: 5px;
}

ul.layui-timeline li em.repair {
	display: inline-block;
	vertical-align: middle;
	background: #FFB800;
	width: 35px;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
	font-size: 12px;
	color: #fff !important;
	border-radius: 5px;
}

ul.layui-timeline li em.optimize {
	display: inline-block;
	vertical-align: middle;
	background: #18bc9c;
	width: 35px;
	text-align: center;
	line-height: 20px;
	margin-right: 10px;
	font-size: 12px;
	color: #fff !important;
	border-radius: 5px;
}

.xxpay-report {
	margin-top: 15px;
	margin-bottom: 6px;
	color: #898989;
	border-left-color: #5FB878;
}

.xxpay-report-new {
	margin-top: 15px;
	margin-bottom: 6px;
	color: #01AAED;
	font-size: 14px;
	font-weight: 500;
	border-left-color: #5FB878;
	line-height: 25px;
}

.xxpay-report-news {
	margin-top: 15px;
	margin-bottom: 6px;
	color: #ff5722;
	font-size: 14px;
	font-weight: 500;
	border-left-color: #5FB878;
	line-height: 25px;
}

.title-p {
	padding-top: 5px;
	color: #ef935f;
	margin-bottom: 5px;
}

.title-p h3 {
	font-size: 16px;
}

.title-p ul p {
	display: inline-block;
	line-height: 22px;
	font-size: 12px;
	white-space: normal;
}

.xxpay-update-footer {
	width: 100%;
	text-align: center;
	background: #333;
	padding-top: 25px;
	color: #d8d8d8;
}
.xxpay-update-footer .copy-right {
	display: inline-block;
	/*width: 900px;*/
	margin: 0 auto;
	padding-bottom: 10px;
	line-height: 30px;
}
.xxpay-update-footer .copy-right a{
	color: #d8d8d8;
}
.larry-footer-doc {
	display: block;
	margin: 0 auto;
   text-align: center;
}

.larry-footer-doc .qq-p {
	width: 100%;
}

.larry-footer-doc .qq-p p {
	display: inline-block;
	margin-right: 10px;
	color: #d8d8d8;
}

.xxpay-footer-a {
	margin-bottom: 20px;
}

.xxpay-footer-a a {
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
	color: #d8d8d8;
	line-height: 25px;
}

/* 閫傞厤澶氳澶� */
@media screen and (max-width:768px){
	.layui-main {
		width: auto;
		margin: 0 10px;
	}

	.layui-container {
		width: auto;
	}

	.layui-timeline {
		padding-left: 0px;
	}
    .xxpay-body{
    	width: 100%;
    	height: auto;
    }
	.site-tree-mobile {
		position: fixed !important;
		left: 15px;
		z-index: 9999;
		width: 50px;
		height: 50px;
		line-height: 50px;
		border-radius: 2px;
		text-align: center;
		background-color: #009688;
		color: #fff;
	}

	.larry-tree {
		display: none;
		position: fixed;
		top: 0;
		bottom: 0;
		min-height: 0;
		overflow: auto;
		z-index: 1000;
		left: -260px;
		background-color: #fff;
		transition: all .3s;
		-webkit-transition: all .3s;
	}

	.larry-content {
		width: 100%;
		height: auto;
		padding: 0;
		overflow: auto;
	}

	.larry-content img {
		max-width: 100%;
	}

	.site-mobile .larry-tree {
		display: block !important;
		padding-left: 10px;
		position: fixed;
		top: 0px !important;
		left: 0px !important;
		bottom: 0;
  		min-height: 0;
  		overflow: auto;
  		z-index: 1000;
		margin-top: 60px;
		background-color: #F2F2F2;
	}

	.site-mobile .site-mobile-shade {
		content: '';
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}

	.site-tree-mobile i {
		font-size: 20px;
	}

	.layui-code-view {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.larry-footer-doc {
		width: 100%;
		padding-left: 0px;
	}

	.xxpay-update-footer .copy-right {
		padding-top: 5px;
		text-align: center;
		font-size: 12px;
		line-height: 20px;
	}
	.larry-footer-doc .qq-p p{
		margin-bottom: 10px;
	}

}