.doc-toper {
	background: rgb(50, 52, 54); padding: 10px 0px; color: rgb(153, 153, 153); font-size: 12px;
}
.doc-toper a:link {
	color: rgb(255, 255, 255);
}
.doc-toper a:visited {
	color: rgb(255, 255, 255);
}
.doc-naver {
	padding-top: 5px; padding-bottom: 20px;
}
.doc-logo {
	margin-bottom: 10px; display: block;
}
.doc-naver .nav a:link {
	font-size: 16px; font-weight: bold;
}
.doc-naver .nav a:visited {
	font-size: 16px; font-weight: bold;
}
.doc-naver .nav .active a {
	color: rgb(0, 170, 136);
}
.fixed-top.doc-header {
	border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; z-index: 2; box-shadow: 0px 3px 6px rgba(0,0,0,0.175); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}
.fixed-top.doc-header .doc-toper {
	display: none;
}
.fixed-top.doc-header .doc-intro {
	display: none;
}
.fixed-top.doc-header .doc-naver {
	padding-top: 15px; padding-bottom: 15px; background-color: rgb(255, 255, 255);
}
@media all and (min-width:760px)
{
.doc-nav {
	text-align: right;
}
.doc-naver .doc-logo {
	margin: 0px; display: block;
}
}
.doc-sidebar {
	margin: 20px 0px 20px 50px; display: block;
}
.doc-right {
	margin-top: 20px;
}
.doc-footer {
	padding: 20px 0px; text-align: center;
}
.doc-h2 {
	padding-bottom: 15px; font-size: 28px; margin-bottom: 15px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.doc-h3 {
	margin: 30px 0px 10px; font-size: 21px;
}
.doc-lead {
	font-size: 18px;
}
.doc-readme {
	font-size: 16px;
}
.doc-title {
	margin-bottom: 20px;
}
.doc-code {
	margin-bottom: 20px;
}
.doc-demo {
	margin-bottom: 20px;
}
.doc-quote {
	margin-bottom: 20px;
}
.doc-quoteyellow {
	margin-bottom: 20px;
}
.doc-quotered {
	margin-bottom: 20px;
}
.doc-democode {
	margin-bottom: 20px;
}
.doc-code {
	background: rgb(245, 245, 245); padding: 15px; border-radius: 4px; border: 1px solid rgb(221, 221, 221); border-image: none;
}
.doc-demoview {
	border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(221, 221, 221) rgb(221, 221, 221) currentColor; padding: 15px; border-radius: 4px 4px 0px 0px; border-image: none;
}
.doc-demoview::before {
	color: rgb(153, 153, 153); content: "ʾÀý";
}
.doc-demoview .view-head {
	color: rgb(153, 153, 153); margin-bottom: 10px;
}
.doc-demoview .view-body {
	padding-top: 15px;
}
.doc-democode {
	background: rgb(245, 245, 245); padding: 15px; border-radius: 0px 0px 4px 4px; border: 1px solid rgb(221, 221, 221); border-image: none; font-size: 12px;
}
.doc-blogview {
	border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(221, 221, 221) rgb(221, 221, 221) currentColor; padding: 15px; border-radius: 4px 4px 0px 0px; border-image: none;
}
.doc-blogview::before {
	color: rgb(153, 153, 153); content: "ÎÄÕÂ";
}
.doc-blogview .view-head {
	color: rgb(153, 153, 153); margin-bottom: 10px;
}
.doc-blogview .view-body {
	padding-top: 15px;
}
.doc-blogcode {
	background: rgb(255, 255, 255); padding: 15px; border-radius: 0px 0px 4px 4px; border: 1px solid rgb(221, 221, 221); border-image: none; font-size: 12px;
}
.doc-viewad0 {
	border-color: rgb(204, 238, 204);
}
.doc-codead0 {
	border-color: rgb(204, 238, 204);
}
.doc-codead0 {
	background: rgb(238, 255, 238);
}
.doc-viewad1 {
	border-color: rgb(255, 211, 36);
}
.doc-codead1 {
	border-color: rgb(255, 211, 36);
}
.doc-codead1 {
	background: rgb(255, 246, 191);
}
xmp {
	line-height: 18px; display: block; white-space: pre-wrap;
}
pre {
	line-height: 18px; display: block; white-space: pre-wrap;
}
plaintext {
	line-height: 18px; display: block; white-space: pre-wrap;
}
.doc-grid {
	padding: 10px; display: block;
}
.doc-grid span {
	border-radius: 2em; border: 1px solid rgb(221, 221, 221); border-image: none; text-align: center; padding-top: 5px; padding-bottom: 5px; display: block;
}
.doc-bg-color p {
	padding: 15px 20px;
}
.doc-border div {
	padding: 20px; margin-bottom: 15px;
}
#doc-input-focus {
	border-color: rgb(0, 153, 204);
}
.doc-dialog {
	padding: 20px;
}
.doc-banner {
	background: rgb(0, 170, 136); padding: 70px 10%; color: rgb(255, 255, 255);
}
.doc-banner h1 {
	font-size: 36px;
}
.doc-banner h3 {
	padding: 0px 10%; font-size: 22px;
}
.doc-banner .button-big {
	padding: 14px 25px; border: 2px solid rgb(255, 255, 255); border-image: none; margin-bottom: 15px;
}
.doc-banner .button-big:hover {
	background: rgb(255, 0, 0); border: 2px solid rgb(255, 0, 0); border-image: none; color: rgb(255, 255, 255);
}
.doc-input {
	margin-bottom: 15px;
}
.doc-intro {
	padding: 10px 0px; color: rgb(255, 255, 255); background-size: 100% 100%;
}
.doc-intro h1 {
	font-size: 32px; margin-bottom: 15px;
}
.doc-intro p {
	font-size: 22px;
}
.bdshare_dialog_box {
	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
.bdsharebuttonbox a:hover {
	color: inherit; opactity: 1;
}
.doc-backtop {
	right: 5px; bottom: 0px; color: rgb(153, 153, 153); font-size: 30px; position: fixed; z-index: 9; cursor: pointer;
}
.doc-backtop:hover {
	color: rgb(0, 170, 136);
}
.sidenav a:link {
	padding-left: 20px; border-left-color: transparent; border-left-width: 2px; border-left-style: solid;
}
.sidenav a:visited {
	padding-left: 20px; border-left-color: transparent; border-left-width: 2px; border-left-style: solid;
}
.sidenav.nav a {
	padding-top: 2px; padding-bottom: 2px;
}
.sidenav.nav ul {
	display: none;
}
.sidenav .active a {
	border-color: rgb(0, 153, 255); color: rgb(0, 153, 255);
}
.sidenav .active ul {
	display: block;
}
.sidenav .active ul a {
	border-color: transparent; color: inherit; padding-left: 20px; font-weight: normal; margin-left: 20px;
}
.sidenav .active ul .active a {
	border-width: 1px; border-color: rgb(0, 170, 136); color: rgb(0, 170, 136); padding-left: 21px; margin-left: 20px;
}
.sidenav a:hover {
	border-color: rgb(0, 170, 136); color: rgb(0, 170, 136);
}
.sidenav .active ul a:hover {
	border-width: 1px; border-color: rgb(0, 170, 136); color: rgb(0, 170, 136); padding-left: 21px; margin-left: 20px;
}
.fixed-top.sidenav {
	top: 80px;
}
.doc-icons {
	list-style: none; margin: 0px; padding: 0px;
}
.doc-icons li {
	padding: 5px; transition:1s cubic-bezier(0.175, 0.885, 0.32, 1); width: 118px; height: 120px; text-align: center; overflow: hidden; margin-bottom: 5px; vertical-align: top; display: inline-block; background-color: rgb(245, 245, 245);
}
.doc-icons li span {
	font-size: 12px; display: block;
}
.doc-icons li span:first-child {
	padding: 10px 0px; font-size: 36px;
}
.doc-icons li:hover {
	background: rgb(0, 170, 136); transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1); color: rgb(255, 255, 255);
}
.doc-drop-open .drop-menu {
	display: block;
}
.doc-radius div {
	padding: 40px 0px; width: 100px; height: 100px; text-align: center; vertical-align: top; display: inline-block;
}
.doc-spy-content {
	height: 150px; overflow: auto;
}
.doc-fixed-top.fixed-top {
	left: 0px; right: 0px; margin-top: 60px; z-index: 9; opacity: 0.8;
}
.doc-fixed-bottom.fixed-bottom {
	left: 0px; right: 0px; z-index: 9; opacity: 0.8;
}
.doc-layout {
	border: 1px solid rgb(221, 221, 221); border-image: none;
}
.doc-layout-header {
	text-align: center; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.doc-carousel {
	background: url("../images/128.png") no-repeat center rgb(245, 245, 245); border: 1px solid rgb(255, 255, 255); border-image: none; height: 300px; text-align: center; color: rgb(170, 170, 170); padding-top: 100px; font-size: 18px;
}
.space {
	text-align: center;
}
.time {
	height: 19px; color: rgb(255, 255, 255); line-height: 19px; font-size: 12px; display: block;
}
.iphone {
	width: 375px; height: 806px; float: left; background-image: url("../images/iphone.png");
}
.iphone iframe {
	width: 320px; height: 548px; overflow: hidden; margin-top: 147px; margin-left: 27px; background-color: white;
}
.iphone5 {
	background: url("/images/iphone5.png") no-repeat top rgb(255, 255, 255); padding-top: 105px;
}
.iphone5 iframe {
	width: 320px; height: 504px; margin-bottom: 169px;
}
.iphone5-x {
	background: url("/images/iphone5-x.png") no-repeat top rgb(255, 255, 255); padding-top: 24px;
}
.iphone5-x iframe {
	width: 568px; height: 256px; margin-bottom: 88px;
}
.iphone6 {
	background: url("/images/iphone6.png") no-repeat top rgb(255, 255, 255); padding-top: 105px;
}
.iphone6 iframe {
	width: 375px; height: 603px; margin-bottom: 169px;
}
.iphone6-x {
	background: url("/images/iphone6-x.png") no-repeat top rgb(255, 255, 255); padding-top: 24px;
}
.iphone6-x iframe {
	width: 667px; height: 311px; margin-bottom: 87px;
}
.iphone6-plus {
	background: url("/images/iphone6-plus.png") no-repeat top rgb(255, 255, 255); padding-top: 105px;
}
.iphone6-plus iframe {
	width: 414px; height: 672px; margin-bottom: 169px;
}
.iphone6-plus-x {
	background: url("/images/iphone6-plus-x.png") no-repeat top rgb(255, 255, 255); padding-top: 23px;
}
.iphone6-plus-x iframe {
	width: 736px; height: 350px; margin-bottom: 87px;
}
.ipad {
	background: url("/images/ipad.png") no-repeat top rgb(255, 255, 255); padding-top: 112px;
}
.ipad .time {
	color: rgb(187, 187, 187); margin-bottom: 76px;
}
.ipad iframe {
	width: 768px; height: 929px; margin-bottom: 131px;
}
.ipad-x {
	background: url("/images/ipad-x.png") no-repeat top rgb(255, 255, 255); padding-top: 100px;
}
.ipad-x .time {
	color: rgb(187, 187, 187); margin-bottom: 76px;
}
.ipad-x iframe {
	width: 1024px; height: 675px; margin-bottom: 120px;
}
.img-icons {
	list-style: none; margin: 0px; padding: 0px;
}
.img-icons li {
	padding: 2px; transition:1s cubic-bezier(0.175, 0.885, 0.32, 1); width: 80px; height: 80px; text-align: center; overflow: hidden; margin-bottom: 3px; vertical-align: top; display: inline-block; background-color: rgb(245, 245, 245);
}
.img-icons li span:first-child {
	padding: 5px 0px; font-size: 36px;
}
.img-icons li span {
	display: block;
}
.box-shadow-3 {
	box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc;
}