/**0.插件页面-统一样式**/
.header-all {position: fixed;top:0;left:0;right:0;height:50px;z-index: 22;background-color: rgba(16,16,16,0.6);display: flex;background-color: rgba(16,16,16,0.94);}
.header-all .rlogo {height: 48px;margin: 1px 10px 1px 12px;}
.header-all .rtitle {color:white;display: inline-block;line-height: 52px;padding:0px 10px;font-size: 20px;letter-spacing:6px;margin-right:20px;font-weight:400;
text-shadow: 0 0 10px #00bcd4, 0 0 20px #00bcd4, 0 0 30px #00bcd4, 0 0 40px #00bcd4, 0 0 50px #00bcd4, 0 0 60px #00bcd4, 0 0 70px #00bcd4;}

.header-all .client-box {flex:1;height: 100%;}
.header-all .client-box h1 {color:white;height:100%;line-height:50px;font-size:16px;float:left;display: inline-block;margin-right:14px;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.header-all a.link {float:right;color:white;font-size:16px;margin-right:20px;margin-top:16px;
	text-shadow: 0 0 10px #00bcd4, 0 0 20px #00bcd4, 0 0 30px #00bcd4, 0 0 40px #00bcd4, 0 0 50px #00bcd4, 0 0 60px #00bcd4, 0 0 70px #00bcd4;}
.header-all a.link:hover {color:yellow;}

.hide {display: none !important;}
.title-box {font-size: 18px;text-align: center;line-height: 50px;width:100%;color:#5a5757;}
.title-box a {float: right;color:green;}
.btns-box {width:100%;display: inline-block;text-align: center;padding:8px 0px;}

.leanboot-all {top: 0px;position: absolute;width:100%;left:0;right:0;bottom:0;background-color: #F4F4F4;box-sizing: border-box;overflow: hidden;overflow-y:auto;z-index: 10;}
.lean-content {width:100%;max-width:1140px;position:absolute;top:4px;bottom:0;display: block;background-color: white;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-sizing: border-box;padding: 50px 6px 0px 6px;}
.center {text-align: center !important;}

.leanboot-all2 {width:100%;position: relative;}
.lean-content2 {width:100%;max-width:1140px;position: relative;box-shadow: 0 1px 3px rgba(0,0,0,0.2);box-sizing: border-box;padding: 50px 6px 0px 6px;}

/**插件本身样式(为了显示)**/
.container {height: 100%;position: relative;}
.container > section {
	min-height: 100%;
	margin: 0 auto;
	padding: 20em 3em;position: relative;
}
.container section .sec-title {margin: -30px 0px 30px 0px;color:white;font-size: 28px;text-align: center;}
.touch .container > section {padding: 0;min-height: 0;}
.container > header {
	margin: 0 auto;
	padding: 2em 1em 2em;
	position: fixed;
	top: 51px;
	left: 0;
	width: 100%;
	text-align: center;
	background: #fff;
	z-index: 20;
	-webkit-backface-visibility: hidden;
}
.nav-page {padding-top: 1em;font-size: 0.9em;}
.nav-page a {display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #ddd;font-weight: 700;}
.nav-page a:hover {opacity: 0.6;}
.nav-page a.cur,
.nav-page a.cur:hover {border: 3px solid #15ad7c;opacity: 1;color: #aaa;}

.hi-icon-wrap {text-align: center;margin: 0 auto;padding: 2em 0 3em;}
.hi-icon-wrap .sec-index {display: inline-block;width:34px;height: 34px;border-radius: 50%;border:2px solid white;text-align: center;line-height: 34px;color:white;font-weight: 400;margin-right: 14px;}

#sec-1 {background: #41ab6b;}
#sec-2 {background: #eea303;}
#sec-3 {background: #f06060;}
#sec-4 {background: #0e83cd;}
#sec-5 {background: #702fa8;}
#sec-6 {background: #64bb5d;}
#sec-7 {background: #d54f30;}
#sec-8 {background: #3851bc;}
#sec-9 {background: #96a94b;}
/**图标样式**/

/**le-icon为通用样式，定义宽高，图标大小**/
.le-icon {display: inline-block;cursor: pointer;position: relative;z-index: 1;
    text-align: center;vertical-align:middle;border-radius: 50%;
    color: #fff;margin: 15px 30px; 
    width: 90px;height: 90px;line-height: 90px;
}
.le-icon:after {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}
.le-icon i {font-size: 42px;display: inline-block;}
/**效果1**/
.le-icon.lean-icon-1 {
	background: rgba(255,255,255,0.1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
.le-icon.lean-icon-1:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
/**效果1-1(i1)**/
.le-icon.lean-icon-1.i1:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}
.le-icon.lean-icon-1.i1:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/**效果1-2(i2)**/
.le-icon.lean-icon-1.i2:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}
.le-icon.lean-icon-1.i2:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.le-icon.lean-icon-1.i2:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/**效果2**/
.le-icon.lean-icon-2 {
	color: #eea303;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.le-icon.lean-icon-2:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
/**效果2-1(i1)**/
.le-icon.lean-icon-2.i1:hover {color: #eea303;}
.le-icon.lean-icon-2.i1:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
/**效果2-2(i2)**/
.le-icon.lean-icon-2.i2:hover:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
	-moz-transition: -moz-transform 0.4s, opacity 0.2s;
	transition: transform 0.4s, opacity 0.2s;
}
.le-icon.lean-icon-2.i2:hover {color: #fff;}
/**效果3**/
.le-icon.lean-icon-3 {
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.le-icon.lean-icon-3:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}
/**效果3-1(i1)**/
.le-icon.lean-icon-3.i1 {color: #f06060;}
.le-icon.lean-icon-3.i1:hover {color: #fff;}
.le-icon.lean-icon-3.i1:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}
/**效果3-2(i2)**/
.le-icon.lean-icon-3.i2 {color: #fff;}
.le-icon.lean-icon-3.i2:hover {color: #f06060;}
.le-icon.lean-icon-3.i2:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}
.le-icon.lean-icon-3.i2:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/**效果4**/
.le-icon.lean-icon-4 {width: 92px;height: 92px;box-shadow: 0 0 0 4px rgba(255,255,255,1);}
.le-icon.lean-icon-4:before {line-height: 92px;}
.le-icon.lean-icon-4:after {top: -4px;left: -4px;padding: 0;z-index: 10;border: 4px dashed #fff;}
.le-icon.lean-icon-4:hover {box-shadow: 0 0 0 0 rgba(255,255,255,0);color: #fff;}
/**效果4-1(i1)**/
.le-icon.lean-icon-4.i1 {
	transition: box-shadow 0.2s;
}
/**效果4-2(i2)**/
.le-icon.lean-icon-4.i2:hover {
	transition: box-shadow 0.2s;
}
.le-icon.lean-icon-4.i2:hover:after {
	animation: spinAround 9s linear infinite;
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}
/**效果5**/
.le-icon.lean-icon-5 {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.le-icon.lean-icon-5:after {display: none;}
.le-icon.lean-icon-5:hover {background: rgba(255,255,255,1);color: #702fa8;box-shadow: 0 0 0 8px rgba(255,255,255,0.3);}
/**效果5-1(i1)**/
.le-icon.lean-icon-5.i1:hover i {animation: icon5-i1 0.3s forwards;}
@keyframes icon5-i1 {
	49% {transform: translate(100%);}
	50% {transform: translate(-100%);opacity: 0;}
	51% {opacity: 1;}
}
/**效果5-2(i2)**/
.le-icon.lean-icon-5.i2:hover i {animation: icon5-i2 0.3s forwards;}
@keyframes icon5-i2 {
	49% {transform: translate(-100%);}
	50% {transform: translate(100%);opacity: 0;}
	51% {opacity: 1;}
}
/**效果5-3(i3)**/
.le-icon.lean-icon-5.i3:hover i {animation: icon5-i3 0.3s forwards;}
@keyframes icon5-i3 {
	49% {transform: translateY(-100%);}
	50% {opacity: 0;transform: translateY(100%);}
	51% {opacity: 1;}
}
/**效果5-4(i4)**/
.le-icon.lean-icon-5.i4:hover i {animation: icon5-i4 0.3s forwards;}
@keyframes icon5-i4 {
	49% {transform: translateY(100%);}
	50% {transform: translateY(-100%);opacity: 0;}
	51% {opacity: 1;}
}
/**效果6**/
.le-icon.lean-icon-6 {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	transition: background 0.2s, color 0.2s;
}
.le-icon.lean-icon-6:hover {
	background: rgba(255,255,255,1);
	color: #64bb5d;
}
.le-icon.lean-icon-6:hover i {
	animation: icon6 2s linear infinite;
}
@keyframes icon6 {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
/**效果7**/
.le-icon.lean-icon-7 {box-shadow: 0 0 0 4px rgba(255,255,255,1);transition: background 0.2s, color 0.2s;}
.le-icon.lean-icon-7:hover {color: #fff;}
.le-icon.lean-icon-7:after {top: -8px;left: -8px;padding: 8px;z-index: -1;opacity: 0;}
/**效果7-1(i1)**/
.le-icon.lean-icon-7.i1:after {box-shadow: 0 0 0 rgba(255,255,255,1);transition: opacity 0.2s, box-shadow 0.2s;}
.le-icon.lean-icon-7.i1:hover:after {opacity: 1;box-shadow: 3px 3px 0 rgba(255,255,255,1);}
.le-icon.lean-icon-7.i1:before {transform: scale(0.8);opacity: 0.7;transition: transform 0.2s, opacity 0.2s;}
.le-icon.lean-icon-7.i1:hover:before {transform: scale(1);opacity: 1;}
/**效果7-2(i2)**/
.le-icon.lean-icon-7.i2:after {box-shadow: 3px 3px rgba(255,255,255,1);transform: rotate(-90deg);transition: opacity 0.2s, transform 0.2s;}
.le-icon.lean-icon-7.i2:hover:after {opacity: 1;transform: rotate(0deg);}
.le-icon.lean-icon-7.i2:before {transform: scale(0.8);opacity: 0.7;transition: transform 0.2s, opacity 0.2s;}
.le-icon.lean-icon-7.i2:hover:before {transform: scale(1);opacity: 1;}
/**效果8**/
.le-icon.lean-icon-8 {background: rgba(255,255,255,0.1);transition: transform ease-out 0.1s, background 0.2s;}
.le-icon.lean-icon-8:after {top: 0;left: 0;padding: 0;z-index: -1;box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;transform: scale(0.9);}
.le-icon.lean-icon-8:hover {background: rgba(255,255,255,0.05);transform: scale(0.93);color: #fff;}
.le-icon.lean-icon-8:hover:after {animation: icon8 1.3s ease-out 75ms;}
@keyframes icon8 {
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);}
	100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.5);opacity: 0;}
}
/**效果9**/
.le-icon.lean-icon-9 {transition: box-shadow 0.2s;}
.le-icon.lean-icon-9:after {top: 0;left: 0;padding: 0;box-shadow: 0 0 0 3px #fff;transition: transform 0.2s, opacity 0.2s;}
/**效果9-1(i1)**/
.le-icon.lean-icon-9.i1:hover:after {transform: scale(0.85);opacity: 0.5;}
.le-icon.lean-icon-9.i1:hover {box-shadow: 0 0 0 10px rgba(255,255,255,1);color: #fff;}
/**效果9-2(i2)**/
.le-icon.lean-icon-9.i2:hover:after {transform: scale(0.85);}
.le-icon.lean-icon-9.i2:hover {box-shadow: 0 0 0 10px rgba(255,255,255,0.4);color: #fff;}