www.gusucode.com > LaySNS PHP轻量内容社区综合系统 v2.4源码程序 > LaySNS_v2.4.0/template/u_default/css/index.css

    @charset "UTF-8"; 

.dm_column_display_cnt, .frame_head, .index_cnt_ability_list, .qui_clear,
	.qui_tabNav {
	*zoom: 1
}

.dm_column_display_cnt:after, .frame_head:after, .index_cnt_ability_list:after,
	.qui_clear:after, .qui_tabNav:after {
	clear: both;
	content: ".";
	display: block;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
	overflow: hidden
}

.frame_sidebar_nav_link, .qui_txtOverflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: normal
}

.index_banner_githubBtn, .index_banner_startBtn, .index_banner_updateBtn,
	.index_downloadBtn, .qui_btn {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.dm_treeMenu .dm_treeMenu_item.dm_treeMenu_item_Unfolded:before,
	.dm_treeMenu .dm_treeMenu_item:before {
	display: block;
	content: " ";
	width: 0;
	line-height: 0;
	font-size: 0;
	border-style: solid;
	border-color: transparent
}

body, dd, dl, fieldset, form, h1, h2, h3, h4, h5, h6, legend, p, pre {
	margin: 0
}

fieldset, ol, ul {
	margin: 0;
	padding: 0
}

td, th {
	padding: 0
}

table {
	font-size: inherit
}

fieldset, img {
	border: none
}

li, ol, ul {
	list-style: none
}

body {
	font-size: 14px;
	line-height: 1.5;
	background: #fff;
	color: #474860
}

h1, h2, h3, h4 {
	font-size: 18px;
	font-weight: 400
}

body, button, input, select, textarea {
	font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
		STHeiti, "Microsoft YaHei", sans-serif;
	outline: 0;
	-webkit-text-size-adjust: none
}

button, input, select, textarea {
	font-size: inherit;
	-webkit-tap-highlight-color: transparent
}

a {
	color: #00a3e1;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(105, 186, 255, .13)
}

:focus {
	outline: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, nav, section, summary {
	display: block
}

audio, canvas, video {
	display: inline-block
}

.qui_txtNormal {
	font-weight: 400 !important
}

.qui_txtBold {
	font-weight: 700 !important
}

.qui_txtLeft {
	text-align: left !important
}

.qui_txtRight {
	text-align: right !important
}

.qui_txtUnderline {
	text-decoration: underline !important
}

.qui_txtUnderlineNone {
	text-decoration: none !important
}

.qui_txtNowrap {
	white-space: nowrap !important
}

.qui_layoutLeft {
	float: left !important
}

.qui_layoutRight {
	float: right !important
}

.qui_displayNone {
	display: none !important
}

.qui_btn {
	display: inline-block;
	margin: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	min-width: 46px;
	height: 30px;
	padding: 0 12px;
	background: #04c9e8;
	border: 1px solid transparent;
	line-height: 30px;
	outline: 0;
	cursor: pointer;
	text-align: center;
	font-size: 13px;
	color: #fff;
	_overflow-y: hidden
}

a.qui_btn {
	text-decoration: none
}

a.qui_btn:hover {
	text-decoration: none
}

button.qui_btn, input.qui_btn {
	*overflow: visible;
	*min-width: auto
}

.qui_dialog {
	position: absolute;
	z-index: 100;
	min-width: 420px;
	_width: 420px;
	background: #fff;
	border: none;
	border-radius: 5px
}

.qui_dialog_head {
	background: #00c0e1;
	border-bottom: none;
	border-radius: 5px 5px 0 0
}

.qui_dialog_title {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 700;
	color: #fff
}

.qui_dialog_close {
	position: absolute;
	top: 5px;
	right: 6px
}

.qui_dialog_body {
	background: #fff
}

.qui_dialog_body:last-child {
	border-radius: 0 0 5px 5px
}

.qui_dialog_foot {
	background: #fff;
	border-top: none;
	border-radius: 0 0 5px 5px
}

.qui_maskWrap {
	position: relative;
	z-index: 90
}

.qui_mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 90;
	background: #000;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	opacity: .5;
	filter: alpha(opacity = 50);
	-khtml-opacity: .5
}

.qui_dropdownMenu {
	position: absolute;
	z-index: 30;
	background: #fff;
	border: 1px solid #dee0e2
}

.qui_dropdownMenu ul {
	padding: 12px 0
}

.qui_dropdownMenu_itemLink {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	color: #000
}

.qui_dropdownMenu_split {
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 5px 0;
	border-top: 1px solid #ccc
}

.qui_tab {
	background: #fff
}

.qui_tab_title {
	background: #fff
}

.qui_tabNav {
	padding: 0 16px
}

.qui_tabNav_item {
	float: left;
	margin: 0 24px 0 0
}

.qui_tabNav_itemLink {
	display: block;
	height: 43px;
	line-height: 43px;
	padding: 0;
	background: 0 0;
	color: #858c96
}

.qui_inputText, .qui_textarea {
	display: block;
	width: 270px;
	line-height: 22px;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #dee0e2;
	border-radius: 5px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.qui_inputText {
	height: 22px
}

.qui_inputText::-ms-clear {
	display: none
}

.qui_textarea {
	height: 66px
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #adb4be
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder
	{
	color: #adb4be
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: #adb4be
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
	color: #adb4be
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #adb4be
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	color: #adb4be
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #adb4be
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder
	{
	color: #adb4be
}

pre, xmp {
	margin: 0
}

html {
	height: 100%
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px
}

a:hover {
	text-decoration: underline
}

.frame_nav_item, .index_banner_githubBtn, .index_banner_startBtn,
	.index_banner_updateBtn, .index_downloadBtn {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.dm_icon {
	display: inline-block;
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

.dm_icon_BannerLogo {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: 0 0;
	width: 160px;
	height: 160px
}

.dm_icon_BannerMobileLogo {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -340px -170px;
	width: 80px;
	height: 80px
}

.dm_icon_BottomLogo {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: 0 -340px;
	width: 72px;
	height: 72px
}

.dm_icon_CloseMenu {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -430px -170px;
	width: 24px;
	height: 24px
}

.dm_icon_Component {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -340px 0;
	width: 160px;
	height: 160px
}

.dm_icon_Extension {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -170px -170px;
	width: 160px;
	height: 160px
}

.dm_icon_Menu {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -464px -170px;
	width: 24px;
	height: 24px
}

.dm_icon_QQMailLogo {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -196px -340px;
	width: 104px;
	height: 32px
}

.dm_icon_Sass {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: 0 -170px;
	width: 160px;
	height: 160px
}

.dm_icon_TopLogo {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -340px -302px;
	width: 96px;
	height: 20px
}

.dm_icon_TreeMenuThumb {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -430px -204px;
	width: 14px;
	height: 14px
}

.dm_icon_WeReadLogo {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -340px -260px;
	width: 104px;
	height: 32px
}

.dm_icon_WeWorkLogo {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -82px -340px;
	width: 104px;
	height: 32px
}

.dm_icon_Workflow {
	background-image: url(../images/icons.7fc7e2bab2.png);
	background-position: -170px 0;
	width: 160px;
	height: 160px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) , only screen and
		(min--moz-device-pixel-ratio:2) , only screen and
		(-o-min-device-pixel-ratio:2/1) , only screen and
		(min-device-pixel-ratio:2) , only screen and (min-resolution:2dppx) ,
		only screen and (min-resolution:192dpi) {
	.dm_icon_BannerLogo {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: 0 0;
		background-size: 500px 412px
	}
	.dm_icon_BannerMobileLogo {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -340px -170px;
		background-size: 500px 412px
	}
	.dm_icon_BottomLogo {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: 0 -340px;
		background-size: 500px 412px
	}
	.dm_icon_CloseMenu {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -430px -170px;
		background-size: 500px 412px
	}
	.dm_icon_Component {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -340px 0;
		background-size: 500px 412px
	}
	.dm_icon_Extension {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -170px -170px;
		background-size: 500px 412px
	}
	.dm_icon_Menu {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -464px -170px;
		background-size: 500px 412px
	}
	.dm_icon_QQMailLogo {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -196px -340px;
		background-size: 500px 412px
	}
	.dm_icon_Sass {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: 0 -170px;
		background-size: 500px 412px
	}
	.dm_icon_TopLogo {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -340px -302px;
		background-size: 500px 412px
	}
	.dm_icon_TreeMenuThumb {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -430px -204px;
		background-size: 500px 412px
	}
	.dm_icon_WeReadLogo {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -340px -260px;
		background-size: 500px 412px
	}
	.dm_icon_WeWorkLogo {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -82px -340px;
		background-size: 500px 412px
	}
	.dm_icon_Workflow {
		background-image: url(../images/icons_2x.b54790f3c7.png);
		background-position: -170px 0;
		background-size: 500px 412px
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) , only screen
	and (min-resolution:3dppx) {
	.dm_icon_BannerLogo {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: 0 0;
		background-size: 500px 412px
	}
	.dm_icon_BannerMobileLogo {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -340px -170px;
		background-size: 500px 412px
	}
	.dm_icon_BottomLogo {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: 0 -340px;
		background-size: 500px 412px
	}
	.dm_icon_CloseMenu {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -430px -170px;
		background-size: 500px 412px
	}
	.dm_icon_Component {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -340px 0;
		background-size: 500px 412px
	}
	.dm_icon_Extension {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -170px -170px;
		background-size: 500px 412px
	}
	.dm_icon_Menu {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -464px -170px;
		background-size: 500px 412px
	}
	.dm_icon_QQMailLogo {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -196px -340px;
		background-size: 500px 412px
	}
	.dm_icon_Sass {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: 0 -170px;
		background-size: 500px 412px
	}
	.dm_icon_TopLogo {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -340px -302px;
		background-size: 500px 412px
	}
	.dm_icon_TreeMenuThumb {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -430px -204px;
		background-size: 500px 412px
	}
	.dm_icon_WeReadLogo {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -340px -260px;
		background-size: 500px 412px
	}
	.dm_icon_WeWorkLogo {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -82px -340px;
		background-size: 500px 412px
	}
	.dm_icon_Workflow {
		background-image: url(../images/icons_3x.7a6b0c4755.png);
		background-position: -170px 0;
		background-size: 500px 412px
	}
}

.dm_btn {
	background-color: #04c9e8;
	border-radius: 2px;
	line-height: 32px;
	line-height: 31px \9\0;
	_line-height: 34px
}

.dm_btn:hover {
	background-color: #05d7f7
}

.dm_btn:active, .dm_btn_Active {
	background-color: #04b1cc
}

.dm_btn[Disabled] {
	-webkit-opacity: .5;
	-moz-opacity: .5;
	opacity: .5;
	filter: alpha(opacity = 50);
	-khtml-opacity: .5
}

button.dm_btn, input.dm_btn {
	*height: 32px;
	*line-height: 27px;
	_line-height: 29px
}

.dm_btn_Ghost {
	background-color: transparent;
	border: 1px solid #04c9e8;
	color: #04c9e8
}

.dm_btn_Ghost:hover {
	background-color: transparent;
	border-color: #05d7f7;
	color: #05d7f7
}

.dm_btn_Ghost:active, .dm_btn_Ghost_Active {
	background-color: transparent;
	border-color: #04b1cc;
	color: #04b1cc
}

.dm_dialog {
	-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15)
}

.dm_dialog_head {
	padding: 0 12px
}

.dm_dialog_close {
	padding: 5px;
	line-height: 1;
	font-size: 18px;
	color: #fff
}

.dm_dialog_close:hover {
	color: #d6d9de;
	text-decoration: none
}

.dm_dialog_close:active {
	color: #eaecee
}

.dm_dialog_body {
	padding: 23px 30px 30px 37px;
	font-size: 14px;
	color: #353c46
}

.dm_dialog_foot {
	padding: 17px 12px;
	text-align: right;
	line-height: 25px
}

.dm_dialog_foot .dm_btn {
	margin-left: 12px
}

.dm_dropdownMenu {
	min-width: 206px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border-radius: 4px
}

.dm_dropdownMenu_itemLink:hover {
	background-color: #f5f5f5;
	text-decoration: none
}

.dm_dropdownMenu_itemLink:active {
	background-color: #ebebeb
}

.dm_tab {
	border: 1px solid #dee0e2
}

.dm_tabNav {
	border-bottom: 1px solid #dee0e2
}

.dm_tabNav_item {
	margin-bottom: -1px;
	border-bottom: 3px solid transparent;
	font-size: 16px
}

.dm_tabNav_item_Curr {
	border-color: #04c9e8
}

.dm_tabNav_item_Curr .dm_tabNav_itemLink {
	color: #04c9e8
}

.dm_tabNav_itemLink:hover {
	color: #04c9e8;
	text-decoration: none
}

.dm_tab_cnt {
	min-height: 100px;
	padding: 16px 24px
}

.dm_inputText, .dm_textarea {
	font-size: 15px;
	color: #353c46
}

.hljs {
	display: block;
	padding: 0;
	background: 0 0;
	overflow-x: auto;
	font-size: 14px
}

.hljs, .hljs-subst {
	color: #444
}

.hljs-comment {
	color: #888
}

.hljs-attribute, .hljs-doctag, .hljs-keyword, .hljs-meta-keyword,
	.hljs-name, .hljs-selector-tag {
	font-weight: 700
}

.hljs-deletion, .hljs-number, .hljs-quote, .hljs-selector-class,
	.hljs-selector-id, .hljs-string, .hljs-template-tag, .hljs-type {
	color: #c10303
}

.hljs-section, .hljs-title {
	color: #800;
	font-weight: 700
}

.hljs-link, .hljs-regexp, .hljs-selector-attr, .hljs-selector-pseudo,
	.hljs-symbol, .hljs-template-variable, .hljs-variable {
	color: #bc6060
}

.hljs-literal {
	color: #78a960
}

.hljs-addition, .hljs-built_in, .hljs-bullet, .hljs-code {
	color: #5cb900
}

.hljs-meta {
	color: #1f7199
}

.hljs-meta-string {
	color: #4d99bf
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}

.dm_column {
	margin-bottom: 85px
}

.dm_column_title {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d8d8d8;
	font-size: 38px;
	color: #333;
	font-weight: 700;
	text-transform: capitalize
}

.dm_column_tip {
	max-width: 840px;
	margin-bottom: 22px;
	font-size: 15px;
	line-height: 1.5
}

.dm_column_tip:last-child {
	margin-bottom: 0
}

pre.dm_column_tip {
	overflow: auto
}

.dm_column_tip ul li {
	list-style: disc inside
}

.dm_column_tip ol li {
	margin-bottom: 5px;
	list-style: decimal inside
}

.dm_column_tip img {
	max-width: 100%;
	vertical-align: top;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4)
}

.dm_column_item {
	margin-bottom: 30px
}

.dm_column_item:last-of-type {
	margin-bottom: 0
}

.dm_column_item_title {
	margin-bottom: 20px;
	font-size: 24px;
	color: #333;
	font-weight: 700
}

.dm_column_item_info {
	max-width: 840px
}

.dm_column_item_info_Single {
	margin-bottom: 30px
}

.dm_column_display {
	padding: 15px;
	border: 1px solid #efe8d5;
	border-bottom: 1px solid #efe8d5;
	border-radius: 4px 4px 0 0
}

.dm_column_display_title {
	margin-bottom: 20px;
	color: #999;
	font-weight: 700
}

.dm_column_display_cnt {
	overflow: auto
}

.dm_column_display_cnt .qui_inputText, .dm_column_display_cnt .qui_textarea
	{
	margin-bottom: 10px
}

.dm_column_item_info_code, .dm_column_item_info_list,
	.dm_column_item_info_tips {
	padding: 15px;
	font-size: 14px;
	background-color: #faf8f2;
	border: 1px solid #efe8d5;
	border-top-width: 0;
	border-radius: 0 0 4px 4px;
	overflow: auto
}

.dm_column_item_info_tips {
	background-color: #f3f8fc;
	margin-bottom: 15px;
	font-size: 12px;
	color: #707070
}

.dm_column_item_info_code xmp {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.dm_column_item_info_Single .dm_column_item_info_code,
	.dm_column_item_info_list {
	border-top-width: 1px;
	border-radius: 4px
}

.dm_column_item_info_list ul ul {
	margin-bottom: 20px
}

.dm_column_item_info_list .dm_column_item_info_list_item {
	color: #787878;
	font-size: 18px
}

.dm_column_item_info_list .dm_column_item_info_list_item_subitem {
	padding-left: 30px
}

.dm_column_item_info_HasMarginTop {
	margin-top: 20px
}

.dm_columnDisplayControl {
	position: relative !important;
	z-index: 10;
	float: left !important
}

@media handheld and (max-width:846px) , screen and (max-width:846px) {
	.dm_column {
		margin-bottom: 60px
	}
	.dm_column_title {
		margin-bottom: 20px;
		padding-bottom: 5px;
		font-size: 34px
	}
	.dm_column_item_title {
		margin-bottom: 10px;
		font-size: 22px
	}
}

.dm_verticalTab .qui_tab_title {
	float: left;
	width: 150px
}

.dm_verticalTab .qui_tabNav_item {
	float: none
}

.dm_verticalTab .dm_verticalTabNav_item_Curr {
	background-color: #ecf9ff
}

.dm_verticalTab .qui_tab_cnt {
	overflow: hidden;
	zoom: 1
}

.dm_dualCols1 {
	border: 1px solid #c9c9c9
}

.dm_dualCols1 .dm_dualCols_left {
	display: table-cell;
	border-right: 1px solid #c9c9c9;
	padding: 10px
}

.dm_dualCols1 .dm_dualCols_right {
	display: table-cell;
	padding: 10px
}

.dm_dualCols2 {
	border: 1px solid #c9c9c9;
	overflow: hidden
}

.dm_dualCols2 .dm_dualCols_left {
	border-right: 1px solid #c9c9c9;
	padding: 10px;
	float: left;
	padding-bottom: 3000px;
	margin-bottom: -3000px
}

.dm_dualCols2 .dm_dualCols_right {
	overflow: hidden;
	zoom: 1;
	padding: 10px
}

.dm_fileUpload {
	position: relative;
	overflow: hidden
}

.dm_fileUpload .dm_fileUpload_input {
	width: 100%;
	height: 200%;
	position: absolute;
	top: -100%;
	left: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	-khtml-opacity: 0;
	cursor: pointer
}

.dm_treeMenu {
	position: relative
}

.dm_treeMenu ul {
	padding-left: 30px
}

.dm_treeMenu .dm_treeMenu_item {
	height: 30px;
	line-height: 30px
}

.dm_treeMenu .dm_treeMenu_item:before {
	content: "";
	position: relative;
	z-index: 1;
	float: left;
	margin-top: 9px;
	margin-right: 5px;
	_border-color: red;
	_filter: chroma(color = red);
	border-width: 5px 5px;
	border-right: 0;
	border-left-color: #787878;
	_border-left-color: #787878
}

.dm_treeMenu .dm_treeMenu_item.dm_treeMenu_item_Unfolded:before {
	margin-top: 12px;
	margin-left: -3px;
	_border-color: red;
	_filter: chroma(color = red);
	border-width: 5px 5px;
	border-bottom: 0;
	border-top-color: #787878;
	_border-top-color: #787878
}

.dm_treeMenu .dm_treeMenu_item.dm_treeMenu_item_NoChild:before {
	content: none
}

.dm_treeMenu .dm_treeMenu_item.dm_treeMenu_item_Checked:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 30px;
	background-color: #dee5e7;
	z-index: 0
}

.dm_treeMenu .dm_treeMenu_item.dm_treeMenu_item_Checked span {
	position: relative;
	z-index: 1
}

.frame_wrap {
	position: relative;
	min-height: 100%
}

.frame_head {
	padding-left: 188px;
	background-color: #00a3e1
}

.frame_head .frame_head_closeMenuBtn, .frame_head .frame_head_showMenuBtn
	{
	display: none
}

.frame_head_title {
	float: left;
	margin-right: 28px;
	font-size: 18px;
	line-height: 0;
	vertical-align: top
}

.frame_head_title_link {
	margin-top: 13px;
	line-height: 200;
	overflow: hidden
}

.frame_head_title_link:hover {
	text-decoration: none
}

.frame_nav {
	overflow: hidden;
	zoom: 1;
	-webkit-font-smoothing: antialiased
}

.frame_nav_item {
	float: left;
	height: 46px;
	margin-right: 28px;
	line-height: 46px;
	color: #abe0f5
}

.frame_nav_item:hover {
	color: #fff;
	text-decoration: none
}

.frame_nav_item_Curr {
	color: #fff
}

.frame_sidebar {
	position: absolute;
	top: 46px;
	bottom: 0;
	left: 0;
	width: 450px;
	background-color: #f7f7f7;
	overflow: auto
}

.frame_sidebar_inner {
	float: right;
	width: 240px;
	padding: 43px 22px 50px 0
}

.frame_sidebar_nav {
	font-size: 14px
}

.frame_sidebar_nav_link {
	display: block;
	margin-bottom: 2px;
	padding: 7px 0 7px 20px;
	border-left: 2px solid transparent;
	line-height: 1;
	color: #858c96;
	text-decoration: none;
	text-transform: capitalize
}

.frame_sidebar_nav_link:hover {
	padding-left: 21px;
	border-width: 1px;
	border-color: #00a3e1;
	color: #00a3e1;
	text-decoration: none
}

.frame_sidebar_nav_Children {
	display: none;
	padding-bottom: 4px
}

.frame_sidebar_nav_Children .frame_sidebar_nav_link {
	margin-bottom: 0;
	padding-left: 35px;
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 400
}

.frame_sidebar_nav_Children .frame_sidebar_nav_link:hover {
	padding-left: 36px
}

.frame_sidebar_nav_Children .frame_sidebar_nav_item_Active .frame_sidebar_nav_link,
	.frame_sidebar_nav_item_Open>.frame_sidebar_nav_link {
	margin-left: 0;
	border-width: 2px;
	border-color: #00a3e1;
	color: #00a3e1;
	font-weight: 700
}

.frame_sidebar_nav_Children .frame_sidebar_nav_item_Active .frame_sidebar_nav_link
	{
	padding-left: 35px
}

.frame_sidebar_nav_item_Open>.frame_sidebar_nav_link {
	padding-left: 20px
}

.frame_sidebar_nav_item_Open .frame_sidebar_nav_Children {
	display: block
}

.frame_sidebar_nav_Tool .frame_sidebar_nav_link {
	text-transform: none
}

.frame_cnt {
	position: absolute;
	top: 46px;
	left: 450px;
	right: 0;
	bottom: 0;
	padding: 40px;
	overflow: auto
}

@media screen and (max-width:1366px) {
	.frame_head {
		padding-left: 98px
	}
	.frame_sidebar {
		width: 320px
	}
	.frame_sidebar_inner {
		width: 200px
	}
	.frame_cnt {
		left: 320px
	}
}

@media handheld and (max-width:846px) , screen and (max-width:846px) {
	.frame_head {
		padding: 0 30px;
		text-align: center;
		height: 50px;
		line-height: 50px
	}
	.frame_head .frame_head_closeMenuBtn, .frame_head .frame_head_showMenuBtn
		{
		position: absolute;
		z-index: 90;
		line-height: 0;
		font-size: 0;
		padding: 7px
	}
	.frame_head .frame_head_showMenuBtn {
		left: 9px;
		top: 6px;
		display: block
	}
	.frame_head .frame_head_closeMenuBtn {
		left: 11px;
		top: 6px
	}
	.frame_head_title {
		position: relative;
		z-index: 90;
		float: none;
		display: inline-block;
		margin-right: 0;
		font-size: 17px;
		-webkit-font-smoothing: antialiased
	}
	.frame_head_title_link {
		margin-top: 14px
	}
	.frame_nav {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 80;
		display: none;
		height: 100vh;
		width: 100%;
		padding: 74px 48px 24px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a3e1),
			color-stop(100%, #06dce9));
		background-image: -webkit-linear-gradient(top, #00a3e1 0, #06dce9 100%);
		background-image: -moz-linear-gradient(top, #00a3e1 0, #06dce9 100%);
		background-image: -o-linear-gradient(top, #00a3e1 0, #06dce9 100%);
		background-image: linear-gradient(to bottom, #00a3e1 0, #06dce9 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF00A3E1',
			endColorstr='#FF06DCE9', GradientType=0)
	}
	.frame_nav_item {
		float: none;
		display: block;
		height: auto;
		margin-right: 0;
		margin-bottom: 14px;
		padding-bottom: 20px;
		text-align: left;
		font-size: 17px;
		line-height: 1;
		color: #fff;
		border-style: solid;
		border-color: #fff;
		border-width: 0 0 1px 0;
		border-radius: 0
	}
}

@media handheld and (max-width:846px) and (-webkit-min-device-pixel-ratio:2) ,
		screen and (max-width:846px) and (-webkit-min-device-pixel-ratio:2) ,
		handheld and (max-width:846px) and (min--moz-device-pixel-ratio:2) ,
		screen and (max-width:846px) and (min--moz-device-pixel-ratio:2) ,
		handheld and (max-width:846px) and (-o-min-device-pixel-ratio:2) ,
		screen and (max-width:846px) and (-o-min-device-pixel-ratio:2) ,
		handheld and (max-width:846px) and (min-device-pixel-ratio:2) , screen
		and (max-width:846px) and (min-device-pixel-ratio:2) , handheld and
		(max-width:846px) and (min-resolution:2dppx) , screen and
		(max-width:846px) and (min-resolution:2dppx) , handheld and
		(max-width:846px) and (min-resolution:192dpi) , screen and
	(max-width:846px) and (min-resolution:192dpi) {
	.frame_nav_item {
		position: relative;
		border: none
	}
	.frame_nav_item:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 200%;
		height: 200%;
		border-radius: 0;
		border-style: solid;
		border-color: #fff;
		border-width: 0 0 1px 0;
		-webkit-transform: scale(.5, .5);
		-moz-transform: scale(.5, .5);
		-ms-transform: scale(.5, .5);
		-o-transform: scale(.5, .5);
		transform: scale(.5, .5);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		pointer-events: none
	}
}

@media handheld and (max-width:846px) and (-webkit-min-device-pixel-ratio:3) ,
		screen and (max-width:846px) and (-webkit-min-device-pixel-ratio:3) ,
		handheld and (max-width:846px) and (min--moz-device-pixel-ratio:3) ,
		screen and (max-width:846px) and (min--moz-device-pixel-ratio:3) ,
		handheld and (max-width:846px) and (-o-min-device-pixel-ratio:3) ,
		screen and (max-width:846px) and (-o-min-device-pixel-ratio:3) ,
		handheld and (max-width:846px) and (min-device-pixel-ratio:3) , screen
		and (max-width:846px) and (min-device-pixel-ratio:3) , handheld and
		(max-width:846px) and (min-resolution:3dppx) , screen and
		(max-width:846px) and (min-resolution:3dppx) , handheld and
		(max-width:846px) and (min-resolution:288dpi) , screen and
	(max-width:846px) and (min-resolution:288dpi) {
	.frame_nav_item:after {
		width: 300%;
		height: 300%;
		border-radius: 0;
		-webkit-transform: scale(.3333, .3333);
		-moz-transform: scale(.3333, .3333);
		-ms-transform: scale(.3333, .3333);
		-o-transform: scale(.3333, .3333);
		transform: scale(.3333, .3333)
	}
}

@media handheld and (max-width:846px) , screen and (max-width:846px) {
	.frame_head_ShowNav .frame_head_closeMenuBtn, .frame_head_ShowNav .frame_nav
		{
		display: block
	}
	.frame_head_ShowNav .frame_head_showMenuBtn {
		display: none
	}
	.frame_sidebar {
		display: none
	}
	.frame_cnt {
		position: static;
		padding-left: 30px;
		padding-right: 30px
	}
}

.widget_dialogInMask {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -74px 0 0 -221px;
	position: fixed
}

.index_column {
	position: relative;
	margin-bottom: 58px
}

.index_column:before {
	content: ".";
	position: absolute;
	bottom: 0;
	left: 283px;
	right: 283px;
	font-size: 0;
	border-top: 1px solid #d8d8d8
}

.index_column:last-child {
	margin-bottom: 0
}

.index_column:last-child:before {
	content: normal
}

.index_column_title {
	margin-bottom: 22px;
	font-size: 34px
}

.index_column_desc {
	color: #9595a3;
	font-size: 16px;
	line-height: 36px
}

.index_column_mobileDesc {
	display: none;
	line-height: 28px;
	font-size: 16px;
	text-align: left
}

.index_column_mobileDesc p {
	margin-top: 31px
}

.index_column_mobileDesc p:first-child {
	margin-top: 0
}

.index_downloadBtn {
	display: inline-block;
	min-width: 100px;
	margin-bottom: 20px;
	padding: 8px 32px;
	font-size: 17px;
	text-align: center;
	border: 1px solid #474860;
	border-radius: 6px;
	color: #4e4f66
}

.index_downloadBtn:hover {
	text-decoration: none
}

@media handheld and (max-width:846px) , screen and (max-width:846px) {
	.index_downloadBtn {
		padding-left: 25px;
		padding-right: 25px
	}
}

.index_downloadBtn:hover {
	border-color: #676884;
	background-color: #676884;
	color: #fff
}

.index_downloadBtn:active {
	border-color: #474860;
	background-color: #474860
}

.index_banner {
	padding: 75px 0 85px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a3e1),
		color-stop(100%, #06dce9));
	background-image: -webkit-linear-gradient(top, #00a3e1 0, #06dce9 100%);
	background-image: -moz-linear-gradient(top, #00a3e1 0, #06dce9 100%);
	background-image: -o-linear-gradient(top, #00a3e1 0, #06dce9 100%);
	background-image: linear-gradient(to bottom, #00a3e1 0, #06dce9 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF00A3E1',
		endColorstr='#FF06DCE9', GradientType=0);
	text-align: center;
	-webkit-font-smoothing: antialiased
}

.index_banner .dm_icon {
	margin-bottom: 48px;
	vertical-align: top
}

.index_banner .dm_icon_BannerMobileLogo {
	display: none
}

.index_banner_desc {
	margin-bottom: 49px;
	color: #fff;
	font-size: 30px;
	line-height: 52px
}

.index_banner_githubBtn, .index_banner_startBtn, .index_banner_updateBtn
	{
	display: inline-block;
	min-width: 100px;
	margin-bottom: 20px;
	padding: 8px 32px;
	font-size: 17px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 6px;
	color: #fff;
	width: 166px;
	height: 45px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 44px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top
}

.index_banner_githubBtn:hover, .index_banner_startBtn:hover,
	.index_banner_updateBtn:hover {
	text-decoration: none
}

@media handheld and (max-width:846px) , screen and (max-width:846px) {
	.index_banner_githubBtn, .index_banner_startBtn, .index_banner_updateBtn
		{
		padding-left: 25px;
		padding-right: 25px
	}
}

.index_banner_githubBtn:hover, .index_banner_startBtn:hover,
	.index_banner_updateBtn:hover {
	background-color: rgba(255, 255, 255, .2);
	color: #fff
}

.index_banner_githubBtn:acitve, .index_banner_startBtn:acitve,
	.index_banner_updateBtn:acitve {
	background-color: #fff;
	color: #04dacd
}

.index_banner_startBtn {
	margin-left: 15px
}

.index_banner_githubBtn {
	font-size: 20px
}

.index_banner_updateBtn {
	width: 347px
}

.index_banner_version {
	color: #fff;
	font-size: 14px
}

.index_cnt {
	margin-bottom: 70px;
	text-align: center;
	-webkit-font-smoothing: antialiased
}

.index_cnt_inside {
	width: 786px;
	margin: 0 auto;
	padding-top: 88px
}

.index_cnt_purpose {
	padding-bottom: 58px
}

.index_cnt_ability {
	padding-bottom: 42px
}

.index_ability_item {
	float: left;
	width: 50%;
	margin-bottom: 40px;
	padding-right: 35px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.index_ability_item .dm_icon {
	margin-bottom: 10px
}

.index_ability_item_title {
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 700;
	color: #555557
}

.index_ability_item_cnt {
	color: #9595a3;
	font-size: 15px;
	line-height: 1.7
}

.index_ability_item_Even {
	padding-right: 0;
	padding-left: 35px
}

.index_appIntro {
	margin-bottom: 53px;
	padding-bottom: 50px
}

.index_appIntro_desc {
	margin-bottom: 46px
}

.index_appIntro_img {
	display: block;
	width: 440px;
	height: 640px;
	margin: 0 auto 80px;
	background: url(../images/independent/App.png) no-repeat;
	background-size: 100%;
	-webkit-box-shadow: 0 20px 30px 0 #cfdce6;
	-moz-box-shadow: 0 20px 30px 0 #cfdce6;
	box-shadow: 0 20px 30px 0 #cfdce6
}

@media ( -webkit-min-device-pixel-ratio :2) , ( min--moz-device-pixel-ratio :2) ,
		( -o-min-device-pixel-ratio :2) , ( min-device-pixel-ratio :2) , (
		min-resolution :2dppx) , ( min-resolution :192dpi) {
	.index_appIntro_img {
		background-image: url(../images/independent/App_2x.png)
	}
}

@
supports (-webkit-filter:drop-shadow (0 20px 20px #cfdce6 )) or (filter:drop-shadow
	(0 20px 20px #cfdce6 )){ .
	index_appIntro_img {-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-filter: drop-shadow(0 20px 20px #cfdce6);
	filter: drop-shadow(0 20px 20px #cfdce6)
}

}
.index_project_desc {
	margin-bottom: 42px
}

.index_project_list_item {
	margin-left: 44px;
	line-height: 0;
	vertical-align: top
}

.index_project_list_item:first-child {
	margin-left: 0
}

.index_foot {
	padding: 72px 0 75px;
	background-color: #f8f9fa;
	color: #9595a3;
	text-align: center;
	font-size: 16px;
	-webkit-font-smoothing: antialiased
}

.index_foot .dm_icon {
	margin-bottom: 22px
}

.index_starWrap {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	width: 162px;
	height: 163px;
	overflow: hidden
}

.index_star {
	position: absolute;
	right: -67px;
	top: 52px;
	width: 268px;
	padding: 2px 0;
	background-color: #fff;
	-webkit-box-shadow: 0, 0, 0, .15;
	-moz-box-shadow: 0, 0, 0, .15;
	box-shadow: 0, 0, 0, .15;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.index_star_inner {
	display: block;
	height: 28px;
	border: 1px dashed #7fd0e8;
	border-width: 1px 0;
	line-height: 28px;
	font-size: 16px;
	color: #01aae1;
	text-align: center
}

.index_star_inner:hover {
	text-decoration: none;
	color: #01aae1
}

@media handheld and (max-width:846px) , screen and (max-width:846px) {
	.index_banner {
		padding: 30px 30px 25px 30px
	}
	.index_banner .dm_icon {
		margin-bottom: 21px
	}
	.index_banner .dm_icon_BannerLogo {
		display: none
	}
	.index_banner .dm_icon_BannerMobileLogo {
		display: inline-block
	}
	.index_banner_desc {
		margin-bottom: 33px;
		font-size: 18px;
		line-height: 26px
	}
	.index_banner_githubBtn, .index_banner_startBtn {
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 15px
	}
	.index_banner_updateBtn {
		width: 342px
	}
	.index_cnt {
		margin-bottom: 38px
	}
	.index_cnt_inside {
		width: auto;
		padding-top: 40px;
		padding-left: 30px;
		padding-right: 30px
	}
	.index_column {
		margin-bottom: 50px
	}
	.index_column:before {
		left: 50%;
		right: auto;
		width: 100px;
		margin-left: -50px
	}
	.index_column_title {
		margin-bottom: 30px;
		font-size: 22px
	}
	.index_column_desc {
		display: none
	}
	.index_column_mobileDesc {
		display: block
	}
	.index_appIntro_img {
		height: auto;
		width: 90%;
		padding-bottom: 130.90909%
	}
	.index_appIntro_desc {
		margin-bottom: 30px
	}
	.index_ability_item {
		float: none;
		width: auto;
		margin-bottom: 35px;
		padding-left: 0;
		padding-right: 0
	}
	.index_ability_item_title {
		font-size: 16px
	}
	.index_ability_item_cnt {
		font-size: 16px
	}
	.index_appIntro_downloadDirect {
		display: none
	}
	.index_project_desc {
		margin-bottom: 23px;
		font-size: 16px
	}
	.index_project_list_item {
		display: block;
		margin: 16px auto 0
	}
	.index_project_list_item:first-child {
		margin-top: 0;
		margin-left: auto
	}
	.index_foot {
		padding-top: 70px;
		padding-bottom: 70px
	}
	.index_foot .qw_icon {
		margin-bottom: 28px;
		vertical-align: top
	}
	.index_starWrap {
		width: 126px;
		height: 125px
	}
	.index_star {
		right: -52px;
		top: 37px;
		width: 208px
	}
	.index_star_inner {
		height: 24px;
		line-height: 24px
	}
}

@media handheld and (max-width:402px) , screen and (max-width:402px) {
	.index_banner_updateBtn {
		width: 166px;
		font-size: 0
	}
	.index_banner_updateBtn:before {
		content: "下载1.0.8";
		font-size: 17px
	}
}

.tool_stage .dm_column_item_info_code {
	cursor: pointer
}

.tool_stage .tool_stage_example .dm_column_item_info_code {
	cursor: default
}

.tool_stage_item {
	margin-bottom: 36px;
	padding-left: 30px
}

.tool_stage_item .dm_column_item_title {
	margin-left: -30px
}

.tool_stage_item .dm_column_item_info_Single {
	margin-bottom: 0
}

.tool_stage_item_desc {
	max-width: 840px;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.5
}

.tool_stage_example, .tool_stage_para {
	max-width: 840px;
	margin-top: 25px
}

.tool_stage_example_title, .tool_stage_para_title {
	margin-bottom: 12px;
	border-bottom: 1px solid #efe8d5;
	padding-bottom: 4px;
	font-size: 16px
}

.tool_stage_para_item {
	margin-top: 12px
}

.tool_stage_para_item:first-child {
	margin-top: 0
}

.tool_stage_item_para_data {
	margin-top: 4px
}

.tool_stage_item_para_data:first-child {
	margin-top: 0
}

.tool_stage_paraDefaultValue, .tool_stage_paraType {
	display: inline-block;
	margin-left: 10px;
	padding: 1px 10px;
	border-radius: 12px;
	border: 1px solid #00a3e1;
	color: #00a3e1;
	font-size: 12px
}

.tool_stage_paraDefaultValue {
	margin-left: 4px;
	border-color: #d44950;
	color: #d44950
}