body,
html {
	width: 100%;
	height: 100%;
	overflow: hidden
}

body,
input,
li,
p,
select,
textarea,
ul {
	margin: 0;
	padding: 0
}

img,
input,
select,
textarea {
	border: none
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5 Tahoma, Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif
}

a {
	color: #c7c7c7;
	text-decoration: none
}

ul {
	list-style: none
}

.ks-tab-menu,
#panel-widget .ks-item {
	transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
}

.ks-tab-content::-webkit-scrollbar-thumb {
	border-radius: 1px;
	background-color: #464646;
}

.ks-tab-content::-webkit-scrollbar {
	width: 8px;
	height: 10px;
}

.ks-module-box::-webkit-scrollbar-thumb {
	border-radius: 1px;
	background-color: #464646;
}

.ks-module-box::-webkit-scrollbar {
	width: 8px;
	height: 10px;
}

.rel {
	position: relative
}

.abs {
	position: absolute
}

.about-senior {
	width: 550px;
	color: #fff;
	padding: 15px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -291px;
	z-index: 100000;
	background: #535353;
	border: 1px solid #282828
}

.about-senior .about-senior-hd {
	height: 26px;
	line-height: 26px;
	font-size: 14px
}

.about-senior .about-senior-hd .close {
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: right;
	background: url(../images/icons.png) no-repeat -2px -142px
}

.about-senior .about-senior-bd a:hover {
	text-decoration: underline
}

.about-senior .about-senior-bd .line {
	padding: 0 2px
}

.about-senior .about-senior-bd .title {
	color: #ff0
}

.about-senior .about-senior-bd .item {
	margin-bottom: 4px
}

#hd,
.ks-iframe-hd {
	width: 100%;
	color: #fff;
	position: relative;
	z-index: 92;
	border-bottom: 1px solid #061161;
	background-color: #1d43ff;
    background: -webkit-linear-gradient(right, #1d43ff 0%, #b400ff 100%);
}

#hd a {
	color: #fff;
}

#hd .box {
	height: 45px;
	line-height: 45px;

}

#hd .box .logo {
	width: 90px;
	height: 45px;
	float: left;
	margin-left: 5px
}

#hd .box .logo a {
	display: block;
	margin-top: 6px;
	margin-left: 9px;
}

#hd .box .dot {
	width: 3px;
	height: 3px;
	float: left;
	background: #a8a8a8;
	margin: 21px 10px;
	border-radius: 50%;
}

#hd .box .menu-func {
	position: relative;
	height: 45px;
	line-height: 45px;

	float: left;
	cursor: pointer
}

#hd .box .menu-func .name {
	width: 100%
}


#hd .box .login {
	float: left;
	padding-left: 5px
}

#hd .box .login a:hover {
	text-decoration: underline
}

#hd .box .login img {
	position: relative;
	top: 2px
}

#hd .box .login span {
	padding-left: 2px
}

#hd .box .logout {
	float: left
}

#hd .box .logout a {
	cursor: pointer
}

#hd .box .logout a:hover {
	text-decoration: underline
}

#hd .box ul {
	height: 24px;
	margin: 10px 5px 10px 0;
	line-height: 24px;
}

#hd .box .ul1 {
	float: left;
	margin-left: 25px;
}

#hd .box .ul1 li {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}

#hd .box .ul1 li:hover {
	border-radius: 0px;
	border-bottom: 1px solid #fff;
}

#hd .box .ul2 {
	float: right;
}

#hd .box .ul2 li {
	background: #005eff;
	padding: 0 7px;
	border-radius: 2px;
}

#hd .box .ul2 li:hover {
	background: #ff1900;
}

#hd .box .ul2 li#menu-outcode,
#hd .box .ul2 li#menu-preview {
	background: #ff3700;
	color: #fff;
}

#hd .box .ul2 li#menu-outcode:hover,
#hd .box .ul2 li#menu-preview:hover {
	background: #f800ff;
}

#hd .box .ul2 li#menu-preview a {
	color: #fff;
}

#hd .box ul li {
	width: auto;
	height: 24px;
	float: left;
	cursor: pointer;
	text-align: center;
	position: relative;
	padding: 0 5px;
	margin: 0 5px;
}

#hd .box ul li.menu-preview a {
	width: 100%;
	height: 100%;
	display: block
}

#hd .box ul li:hover {
	border-radius: 3px;
}

#hd .box ul .menu-help .ks-name {
	width: 100%;
	height: 100%;
	display: block
}

#hd .box ul .menu-help:hover .items {
	display: block
}

#hd .box ul .menu-help .items {
	width: 220px;
	padding: 14px 14px 3px 14px;
	cursor: default;
	position: absolute;
	background: #4200a0;
	border: 1px solid #3a008e;
	color: #fff;
	border-radius: 3px;
	z-index: 999;
	display: none;
	left: 0;
	text-align: left;
}

#hd .box ul .menu-help .items .item {
	height: 20px;
	line-height: 20px;
	margin-bottom: 6px;
	border: 1px solid #5000bd;
	background: #6a00f7;
	text-indent: 5px;
	color: #fff;
}

#hd .box ul .menu-help .items .item a {
	color: #fff;
}

#hd .box ul .menu-help.links .items {
	width: 90px;
}

#hd .box ul .menu-help.links .items .item {
	height: 20px;
	line-height: 20px;
	margin-bottom: 12px;
	text-indent: 5px;
	width: 100%;
	text-align: center;
	float: left;
	cursor: pointer;
}

i.xsj {
	width: 20px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	margin-left: 21px;
	top: 3px;
	background: url(../images/icons.png) no-repeat -99px -120px;
}

.ul1 li:hover .xsj {
	background-position: -122px -120px;
}

#hd .box ul .menu-help .items .item a {
	color: #fff
}

#hd .box ul .menu-help .items .item a:hover {
	text-decoration: underline
}

#hd .box ul .menu-help .items .item:hover {
	background: #8e00ff;
}

#hd .box ul .menu-key {
	width: 54px
}

#hd .box ul .menu-key .ks-name {
	width: 100%;
	height: 100%;
	display: block
}

#hd .box ul .menu-key:hover .items {
	display: block
}

#hd .box ul .menu-key .items {
	width: 170px;
	padding: 10px 20px;
	cursor: default;
	position: absolute;
	background: #000935;
	border: 1px solid #1c1c1c;
	color: #eaeaea;
	z-index: 999;
	display: none;
	border-radius: 3px;
}

#hd .box ul .menu-key .items .item {
	height: 20px;
	line-height: 20px;
	margin-bottom: 6px
}

#hd .box ul .menu-key .items .item .name {
	width: 65px;
	float: left;
	margin-right: 5px;
	text-align: right
}

#hd .box ul .menu-key .items .item .operate {
	width: 90px;
	float: left;
	height: 18px;
	line-height: 18px;
	padding-left: 8px;
	text-align: left;
	border: 1px solid #2b3462;
	background: #0e1a54;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#hd .box ul .menu-key.menu-key-v1 .items {
	width: 190px
}

#hd .box ul .menu-key.menu-key-v1 .items .item .name {
	width: 85px
}

#hd .box .pictrue-space {
	float: right;
	margin-right: 5px
}

#hd .box .pictrue-space a:hover {
	text-decoration: underline
}

#hd .box .pictrue-space i {
	padding: 0 1px;
	font-style: normal
}

#ft {
	width: 100%;
	height: 22px;
	line-height: 22px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	color: #999;
	z-index: 999;
	background: #191919
}

#ft .pos {
	width: 110px;
	color: #fff;
	float: left;
	background: #000;
	overflow: hidden;
	margin-right: 20px
}

#ft .pos i {
	width: 20px;
	height: 22px;
	float: left;
	background: url(../images/icons.png) no-repeat 0 -119px
}

#ft .pos span {
	width: 45px;
	height: 22px;
	text-align: center;
	float: left
}

#ft .skin {
	padding: 2px 0;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	float: left;
	margin-right: 20px
}

#ft .skin span {
	padding-right: 2px
}

#ft .suck {
	float: left;
	margin-right: 20px
}

#ft .suck .ks-switch {
	position: relative;
	top: 3px
}

#ft .suck .ks-num {
	width: 25px;
	height: 16px;
	line-height: 16px;
	position: relative
}

#ft .preinstall {
	float: left;
	margin-right: 20px
}

#ft .preinstall input {
	position: relative;
	top: 3px
}

#ft .repanel {
	width: 68px;
	height: 18px;
	color: #999;
	float: left;
	line-height: 18px;
	margin-top: 1px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #999;
	border-radius: 2px;
	-moz-border-radius: 2px
}

#ft .repanel:hover {
	color: #fff;
	border: 1px solid #fff
}

#ft .qq {
	float: right;
	padding-right: 10px
}

#ft .qq a {
	color: #999
}

#bd {
	position: relative;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1
}

#bd .ks-xrule,
#bd .ks-yrule {
	position: absolute
}

#bd .ks-xrule span,
#bd .ks-yrule span {
	color: #787878;
	cursor: default;
	display: block;
	font-size: 10px;
	font-family: serif
}

#bd .ks-xrule {
	width: 4000px;
	height: 17px;
	top: 0;
	background: url(../images/xrule.gif) repeat-x 0 0
}

#bd .ks-xrule span {
	float: left;
	height: 17px;
	width: 50px;
	text-indent: 4px
}

#bd .ks-yrule {
	width: 17px;
	height: 10000px;
	left: 0;
	top: 17px;
	background: url(../images/yrule.gif) repeat-y 0 0
}

#bd .ks-yrule span {
	height: 46px;
	width: 13px;
	padding-left: 4px;
	padding-top: 4px;
	letter-spacing: 10px;
	line-height: 10px;
	word-wrap: break-word
}

#bd .ks-zrule {
	width: 17px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://is.alicdn.com/simg/single/icon/favicon.ico) no-repeat 0px 0px
}

#bd .ks-module-box {
	overflow: auto;
	position: relative;
	left: 17px;
	top: 17px;
	background: #303030
}

#bd .ks-module-box .ks-module {
	width: 750px;
	height: 1200px;
	background: #fff;
	margin: 0 auto;
	position: relative
}

#bd .ks-module-box .ks-rule-info {
	display: none;
	width: 80px;
	color: #fff;
	background: #000;
	text-align: center;
	position: absolute;
	z-index: 9999;
	opacity: .5;
	filter: alpha(opacity=50)
}

#bd .ks-module-box .ks-rule-info span {
	display: block;
	line-height: 26px
}

#bd .ks-module-box .ks-rule {
	position: absolute;
	z-index: 9
}

#bd .ks-module-box .xrule {
	height: 5px;
	cursor: row-resize;
	border-top: 1px solid #4affff
}

#bd .ks-module-box .yrule {
	width: 5px;
	cursor: col-resize;
	border-left: 1px solid #4affff
}


.ks-iframe-hd .sure,
.ks-iframe-hd .close {
	color: #fff;
	height: 26px;
	line-height: 26px;
	padding: 0 13px;
	margin-top: 9px;
}

.ks-iframe-hd .close {
	background: #ff0000;
}

.ks-iframe-hd .sure {
	background: #0041ff;
}

.ks-panelbox {
	position: fixed;
	z-index: 90;
	top: -999px
}

.ks-panelbox #panel-attr {
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ks-panelbox .ks-panel-hd {
	height: 11px;
	border: 1px solid #222222;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-moz-border-top-left-radius: 2px;
	-moz-border-top-right-radius: 2px;
	background: url(../images/icons.png) repeat-x 0 -215px;
	cursor: move;
	position: relative
}

.ks-panelbox .ks-panel-hd .ks-panel-handle {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.ks-panelbox .ks-panel-hd .ks-panel-fold {
	width: 12px;
	height: 9px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	display: block;
	background: url(../images/icons.png) repeat-x -26px -125px
}

.ks-panelbox .ks-panel-hd .ks-panel-fold.open {
	background-position: -47px -125px
}

.ks-panelbox .ks-panel-bd {
	color: #c4c4c4;
	background: #1c1c1c;
	border: 1px solid #050505;
}

.ks-panelbox .ks-panel-bd .ks-tab-bar {
	width: 100%;
	height: 18px;
	color: #e1e1e1;
	border-bottom: 1px solid #2c2c2c;
}

.ks-panelbox .ks-panel-bd .ks-tab-bar .ks-tab-menu {
	height: 18px;
	padding: 0 5px;
	cursor: default;
	text-align: center;
	float: left;
	background: url(../images/icons.png) no-repeat right -320px
}

.ks-panelbox .ks-panel-bd .ks-tab-bar .ks-tab-menu.selected {
	color: #E1E1E1;
	background-color: #535353
}

.ks-panelbox .ks-panel-bd .ks-tab-content {
	max-height: 420px;
	overflow: auto
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body {
	display: none
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-hd {
	height: 24px;
	line-height: 22px;
	margin-bottom: 6px;
	padding-bottom: 1px;
	border-bottom: 1px solid #282828;
	font-size: 14px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-hd .attr-hd-box {
	padding-bottom: 2px;
	border-bottom: 1px solid #101010;
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-hd .attr-hd-box .name {
	letter-spacing: 1px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-items.edit-hide .ks-items-bd {
	display: none
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-bd>.edit-items>.ks-items-hd,
.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .ks-items .ks-items-hd {
	width: 100%;
	padding: 0 5px;
	margin: 3px 0;
	position: relative;
	left: -5px;
	height: 20px;
	line-height: 20px;
	background: #3e3e3e;
	color: #fff;
	letter-spacing: 1px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-bd>.edit-items>.ks-items-hd span,
.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .ks-items .ks-items-hd span {
	text-indent: 5px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-bd>.edit-items>.ks-items-hd i,
.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .ks-items .ks-items-hd i {
	width: 18px;
	height: 18px;
	float: right;
	background: url(../images/icons.png) no-repeat -80px -119px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-bd>.edit-items.edit-hide>.ks-items-hd>i,
.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .ks-items.edit-hide .ks-items-hd i {
	background-position: -60px -119px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-bd>.edit-items>.ks-items-bd .ks-items-hd {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 5px;
	margin: 3px 0;
	background: #444
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-bd>.edit-items>.ks-items-bd .ks-items-hd i {
	width: 18px;
	height: 18px;
	float: right;
	background: url(../images/icons.png) no-repeat -80px -140px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-bd>.edit-items>.ks-items-bd .edit-hide .ks-items-hd i {
	background-position: -100px -140px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .attr-bd>.edit-items>.ks-items-bd .ks-items-bd {
	text-indent: 5px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item {
	line-height: 24px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item input,
.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item select {
	height: 18px;
	border: 1px solid #292929;
	color: #eee;
	background: #3A3A3A;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item select {
	height: 20px;
	line-height: 20px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item input[type=checkbox],
.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item input[type=radio] {
	position: relative;
	top: 5px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item input:focus,
.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item select:focus {
	outline: 0
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item input:focus {
	color: #000;
	background: #fff
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item .edit-textarea {
	height: 38px;
	margin-top: 6px;
	overflow: hidden
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item .edit-textarea textarea {
	width: 100px;
	height: 36px;
	color: #eee;
	background: #3A3A3A;
	overflow: hidden;
	border: 1px solid #292929;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	resize: none
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item .edit-textarea .htmlcode {
	width: 162px;
	height: 36px;
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item .edit-textarea span {
	position: relative;
	top: -25px
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item .edit-textarea i {
	width: 36px;
	height: 20px;
	line-height: 20px;
	background: #3A3A3A;
	border: 1px solid #292929;
	display: inline-block;
	text-align: center;
	position: relative;
	left: 4px;
	top: -7px;
	cursor: pointer;
	font-style: normal
}

.ks-panelbox .ks-panel-bd .ks-tab-content .ks-tab-body .edit-item .edit-textarea i#edit-btn-chtml {
	margin-right: 4px
}

.ks-readfiles {
	width: 650px;
	color: #eee;
	background: #535353;
	padding: 0 15px;
	border: 1px solid #282828;
	z-index: 99
}

.ks-readfiles .ks-readfiles-hd {
	height: 18px;
	line-height: 18px;
	padding: 8px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #282828
}

.ks-readfiles .ks-readfiles-hd .close {
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: right;
	background: url(../images/icons.png) no-repeat -2px -142px
}

.ks-readfiles .ks-readfiles-bd .search {
	height: 22px;
	line-height: 22px;
	background: #464646;
	padding: 8px 10px;
	border: 1px solid #7a7a7a;
	border-bottom: none
}

.ks-readfiles .ks-readfiles-bd .search input,
.ks-readfiles .ks-readfiles-bd .search span {
	display: block;
	float: left
}

.ks-readfiles .ks-readfiles-bd .search input {
	width: 301px;
	height: 20px;
	line-height: 20px;
	margin: 1px 0;
	border: none;
	outline: 0;
	text-indent: 5px
}

.ks-readfiles .ks-readfiles-bd .search span {
	width: 60px;
	height: 22px;
	background: #535353;
	text-align: center;
	margin-left: 4px;
	cursor: pointer
}

.ks-readfiles .ks-readfiles-bd .search span:hover {
	background: #666
}

.ks-readfiles .ks-readfiles-bd ul {
	height: 276px;
	overflow: hidden
}

.ks-readfiles .ks-readfiles-bd ul li {
	height: 24px;
	line-height: 24px;
	text-indent: 10px;
	border-right: 1px solid #7a7a7a;
	border-bottom: 1px solid #7a7a7a
}

.ks-readfiles .ks-readfiles-bd ul li.title {
	background: #4d4d4d;
	border-top: 1px solid #7a7a7a
}

.ks-readfiles .ks-readfiles-bd ul li:hover {
	background: #4d4d4d
}

.ks-readfiles .ks-readfiles-bd ul li span {
	height: 24px;
	display: block;
	float: left;
	border-left: 1px solid #7a7a7a
}

.ks-readfiles .ks-readfiles-bd ul li span.name {
	width: 300px
}

.ks-readfiles .ks-readfiles-bd ul li span.name input {
	width: 280px;
	height: 18px;
	margin: 3px auto;
	display: block;
	outline: 0
}

.ks-readfiles .ks-readfiles-bd ul li span.time {
	width: 125px
}

.ks-readfiles .ks-readfiles-bd ul li span.btn {
	width: 220px
}

.ks-readfiles .ks-readfiles-bd ul li span.btn i {
	font-style: normal;
	padding: 0 2px
}

.ks-readfiles .ks-readfiles-bd ul li span.btn a:hover {
	text-decoration: underline
}

.ks-readfiles .ks-readfiles-bd #pagination {
	height: 24px;
	line-height: 24px;
	padding: 10px 0 25px;
	text-align: center
}

.ks-readfiles .ks-readfiles-bd #pagination a,
.ks-readfiles .ks-readfiles-bd #pagination span {
	height: 24px;
	display: inline-block
}

.ks-readfiles .ks-readfiles-bd #pagination a {
	width: 16px
}

.ks-readfiles .ks-readfiles-bd #pagination a.curr {
	font-size: 14px;
	color: #D5332B
}

.ks-readfiles .ks-readfiles-bd #pagination a:hover {
	font-size: 14px;
	cursor: pointer
}

.ks-readfiles .ks-readfiles-bd #pagination span {
	margin-left: 8px
}

.ks-readfiles .ks-readfiles-bd #pagination span.info i {
	font-style: normal;
	padding: 0 2px
}

.ks-readfiles .ks-readfiles-bd #pagination span.goto input[type=text] {
	width: 22px;
	height: 15px;
	margin: 0 2px
}

.ks-readfiles .ks-readfiles-bd #pagination span.goto input[type=button] {
	width: 32px;
	cursor: pointer;
	margin-left: 4px;
	background: #eee
}

.ks-readfiles .ks-readfiles-bd #pagination span.goto input[type=button]:hover {
	background: #ddd
}

.ks-savefile {
	width: 240px;
	color: #fff;
	background: #535353;
	padding: 0 15px;
	border: 1px solid #282828;
	z-index: 99
}

.ks-savefile .ks-savefile-hd {
	height: 18px;
	line-height: 18px;
	padding: 8px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #282828
}

.ks-savefile .ks-savefile-hd .close {
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: right;
	background: url(../images/icons.png) no-repeat -2px -142px
}

.ks-savefile .ks-savefile-bd input {
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	width: 180px;
	display: block
}

.ks-savefile .ks-savefile-ft {
	padding: 10px 0;
	text-align: center
}

.ks-savefile .ks-savefile-ft span {
	width: 45px;
	height: 22px;
	cursor: pointer;
	line-height: 22px;
	display: inline-block;
	margin-right: 8px;
	background: url(../images/icons.png) no-repeat 0 -298px
}

.ks-savefile .ks-savefile-ft span:hover {
	background-position: -47px -298px
}

/*分享白*/
.ks-share.bai {
	width: 365px;
	color: #3f3f3f;
	background: #ffffff;
	padding: 0 15px 10px;
	border: 1px solid #929292;
	z-index: 99;
	font-size: 15px;
}

.ks-share.bai .ks-share-hd {
	height: 18px;
	line-height: 18px;
	padding: 8px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #dadada;
}

.ks-share.bai .ks-share-hd .close {
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: right;
	background: url(../images/icons.png) no-repeat -22px -141px;
}

.ks-share.bai .ks-share-bd .item {
	height: 38px;
	line-height: 38px;
}

.ks-share.bai .ks-share-bd .item input[type=text] {
	width: 207px;
	border: 1px solid #b3b3b3;
	height: 25px;
}

.ks-share.bai .ks-share-bd .item select {
	display: inline-block;
	height: 22px;
	border: 1px solid #aeaeae;
	width: 87px;
	font-size: 14px;
}

.ks-share.bai .ks-share-bd button {
	margin-top: 5px;
	padding: 8px 25px;
	background: #08f;
	border: 0;
	color: #fff;
	cursor: pointer;
	width: 100%;
}

.ks-share.bai .ks-share-bd button:hover {
	background: #f00;
}

/*end*/

.ks-share {
	width: 300px;
	color: #eee;
	background: #535353;
	padding: 0 15px 10px;
	border: 1px solid #282828;
	z-index: 99
}

.ks-share .ks-share-hd {
	height: 18px;
	line-height: 18px;
	padding: 8px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #454545;
}

.ks-share .ks-share-hd .close {
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: right;
	background: url(../images/icons.png) no-repeat -2px -142px
}

.ks-share .ks-share-bd .item {
	height: 28px;
	line-height: 28px
}

.ks-share .ks-share-bd .item select {
	display: inline-block;
	height: 18px
}

.ks-share .ks-share-bd .item input[type=text] {
	width: 120px
}

.ks-share .ks-share-bd button {
	margin-top: 5px
}

#panel-qqgroup {
	width: 288px;
	height: 180px;
	position: fixed;
	right: 17px;
	bottom: -180px;
	z-index: 99
}

#panel-qqgroup .ks-remark-bd p {
	text-align: left;
	line-height: 22px;
	color: #4c4c4c;
}

#panel-qqgroup .ks-remark-ft span {
	width: 85px
}

#panel-qqgroup .ks-remark-ft a {
	color: #fff
}

/*bai*/
.ks-code.bai {
	width: 700px;
	color: #353535;
	background: #ffffff;
	position: absolute;
	z-index: 99;
	border: 1px solid #a6a6a6;
	padding: 0 15px;
	left: -999px;
	top: -999px;
}


.ks-code.bai .ks-code-hd {
	height: 18px;
	line-height: 18px;
	padding: 8px 0;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px;
}

.ks-code.bai .ks-code-md span.ks-actived {
	border: 1px solid #ffffff;
	background: #008dff;
	color: #fff;
}

.ks-code.bai .ks-code-md span {
	padding: 0 8px;
	height: 28px;
	cursor: pointer;
	line-height: 28px;
	display: inline-block;
	background: #ffffff;
	text-align: center;
	float: left;
	margin-right: 10px;
	border: 1px solid #008dff;
	border-radius: 4px;
	overflow: hidden;
}

.ks-code.bai .ks-code-cd .mb,
.ks-code.bai .ks-code-cd .mt {
	width: 40px;
}

.ks-code.bai .ks-code-cd input {
	height: 19px;
	margin: 0 5px 0 2px;
	border: 1px solid #008dff;
}

.ks-code.bai .ks-code-ft span {
	cursor: pointer;
	display: inline-block;
	padding: 7px 29px;
	border-radius: 3px;
	margin-right: 8px;
	background: #00b23d;
	color: #fff;
	width: auto;
}

.ks-code.bai .ks-code-ft span:hover {
	background: #0094ff !important;
}

.ks-code.bai .zeroclipboard-is-hover {
	background: #0094ff !important;
}

.ks-code.bai .tips {
	color: #ff00cc;
}

.ks-code.bai .ks-code-hd .close {
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: right;
	background: url(../images/icons.png) no-repeat -22px -140px;
}

.ks-code.bai .ks-code-bd textarea {
	width: 690px;
	height: 310px;
	outline: 0;
	color: #666;
	line-height: 20px;
	font-family: Microsoft Yahei;
	padding: 5px;
	box-shadow: 0 0 18px 2px #ececec inset;
	border: 1px solid #eaeaea;
}

/*baiend*/

.ks-code .tips {
	color: #ff0;
}

.ks-code {
	width: 700px;
	color: #fff;
	background: #535353;
	position: absolute;
	z-index: 99;
	border: 1px solid #282828;
	padding: 0 15px;
	left: -999px;
	top: -999px
}

.ks-code .ks-code-hd {
	height: 18px;
	line-height: 18px;
	padding: 8px 0;
	border-bottom: 1px solid #434343;
	margin-bottom: 10px
}

.ks-code .ks-code-hd .title {
	float: left
}

.ks-code .ks-code-hd .close {
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: right;
	background: url(../images/icons.png) no-repeat -2px -142px
}

.ks-code .ks-code-cd i,
.ks-code .ks-code-otr i,
.ks-code .ks-code-sd i {
	padding-right: 5px;
	font-style: normal
}

.ks-code .ks-code-sd {
	line-height: 22px;
	padding-bottom: 8px
}

.ks-code .ks-code-cd {
	margin-bottom: 2px
}

.ks-code .ks-code-cd input {
	height: 16px;
	margin: 0 5px 0 2px
}

.ks-code .ks-code-cd .mc {
	width: 42px
}

.ks-code .ks-code-cd .mb,
.ks-code .ks-code-cd .mt {
	width: 22px
}

.ks-code .ks-code-md {
	height: 28px;
	line-height: 28px;
	padding-bottom: 8px
}

.ks-code .ks-code-md b {
	float: left;
	font-weight: 400
}

.ks-code .ks-code-md i {
	float: left;
	font-style: normal;
	padding-right: 5px
}

.ks-code .ks-code-md span {
	padding: 0 8px;
	height: 28px;
	cursor: pointer;
	line-height: 28px;
	display: inline-block;
	background: #737373;
	text-align: center;
	float: left;
	margin-right: 10px;
	border: 1px solid #878787;
	border-radius: 4px;
	overflow: hidden;
}

.ks-code .ks-code-md span:hover {
	background-position: 0 -20px;
	border: 1px solid #272727
}

.ks-code .ks-code-md span.ks-actived {
	border: 1px solid #272727;
	background: #313131;
}

.ks-code .ks-code-md .gap {
	height: 22px;
	line-height: 22px
}

.ks-code .ks-code-md .gap input {
	width: 24px;
	height: 16px;
	position: relative;
	left: 2px;
	margin-right: 10px
}

.ks-code .ks-code-bd textarea {
	width: 690px;
	height: 310px;
	outline: 0;
	color: #666;
	line-height: 20px;
	font-family: Microsoft Yahei;
	padding: 5px;
	box-shadow: 0 0 18px 2px #bbb inset
}

.ks-code .ks-code-ft {
	padding: 10px 0;
	text-align: center
}

.ks-code .ks-code-ft span {
	width: 45px;
	height: 22px;
	cursor: pointer;
	line-height: 22px;
	display: inline-block;
	margin-right: 8px;
	background: url(../images/icons.png) no-repeat 0 -298px
}

.ks-code .ks-code-ft span:hover {
	background-position: -47px -298px
}

.ks-remark {
	border: 0;
	background: #fff;
}

.ks-remark .ks-remark-hd {
	height: 20px;
	line-height: 20px;
	padding: 4px 8px;
	background: #0098ff;
}

.ks-remark .ks-remark-hd .title {
	float: left;
	color: #fff;
	font-size: 14px;
	font-family: Microsoft Yahei
}

.ks-remark .ks-remark-hd .close {
	float: right;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(../images/icons.png) no-repeat 5px -140px
}

.ks-remark .ks-remark-bd {
	padding: 12px 16px
}

.ks-remark .ks-remark-bd p {
	text-align: center
}

.ks-remark .ks-remark-ft {
	width: 100%;
	height: 26px;
	text-align: center
}

.ks-remark .ks-remark-ft span {
	height: 26px;
	line-height: 26px;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-family: Microsoft Yahei;
	font-size: 14px;
	border-radius: 4px;
	margin: 0 4px
}

.ks-remark .ks-remark-ft span.sure {
	background: #858585;
}

.ks-remark .ks-remark-ft span.close,
.ks-remark .ks-remark-ft span.join {
	background: #0098ff;
}

#panel-clear {
	width: 260px;
	height: 110px;
	position: absolute;
	left: -9999px;
	top: -9999px;
	z-index: 999
}

#panel-clear .ks-remark-bd p {
	text-align: center
}

#panel-clear .ks-remark-ft span {
	width: 60px
}

#panel-title {
	text-align: center;
	background: #f0f0f0;
	padding: 5px;
	color: #000;
	border: 1px solid #ccc;
	z-index: 9999
}

#panel-image {
	width: 152px;
	text-align: center;
	background: #f0f0f0;
	padding: 0 5px 5px 5px;
	color: #000;
	border: 1px solid #ccc;
	z-index: 9999
}

#panel-image img {
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #535353
}

#panel-image span {
	line-height: 26px;
	font-size: 12px;
	color: #999
}

#panel-assist,
#panel-slidecont {
	color: #eee;
	background: #626262;
	border: 1px solid #999;
	padding: 2px 12px;
	z-index: 99
}

#panel-assist .assist-hd,
#panel-slidecont .assist-hd {
	height: 30px;
	line-height: 30px
}

#panel-assist .assist-bd,
#panel-slidecont .assist-bd {
	overflow: hidden
}

#panel-assist .assist-bd .edit-item,
#panel-slidecont .assist-bd .edit-item {
	height: 22px;
	line-height: 22px;
	margin-bottom: 4px;
	overflow: hidden;
	text-align: center
}

#panel-assist .assist-bd .edit-item input,
#panel-assist .assist-bd .edit-item span,
#panel-slidecont .assist-bd .edit-item input,
#panel-slidecont .assist-bd .edit-item span {
	float: left
}

#panel-assist .assist-bd .edit-item input,
#panel-slidecont .assist-bd .edit-item input {
	width: 165px;
	height: 18px;
	line-height: 18px;
	display: block;
	color: #eee;
	border: 1px solid #292929;
	background: #4b4b4b;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
}

#panel-assist .assist-bd .edit-item input:focus,
#panel-slidecont .assist-bd .edit-item input:focus {
	color: #000;
	outline: 0;
	background: #fff
}

#panel-assist .assist-bd .edit-item .add,
#panel-assist .assist-bd .edit-item .del,
#panel-assist .assist-bd .edit-item .down,
#panel-assist .assist-bd .edit-item .up,
#panel-slidecont .assist-bd .edit-item .add,
#panel-slidecont .assist-bd .edit-item .del,
#panel-slidecont .assist-bd .edit-item .down,
#panel-slidecont .assist-bd .edit-item .up {
	width: 20px;
	height: 20px;
	display: block;
	font-size: 14px;
	font-weight: 700;
	text-indent: -999px;
	float: left;
	position: relative;
	top: 1px;
	margin-left: 4px;
	cursor: pointer
}

#panel-assist .assist-bd .edit-item .add:hover,
#panel-assist .assist-bd .edit-item .del:hover,
#panel-assist .assist-bd .edit-item .down:hover,
#panel-assist .assist-bd .edit-item .up:hover,
#panel-slidecont .assist-bd .edit-item .add:hover,
#panel-slidecont .assist-bd .edit-item .del:hover,
#panel-slidecont .assist-bd .edit-item .down:hover,
#panel-slidecont .assist-bd .edit-item .up:hover {
	background-color: #242424
}

#panel-assist .assist-bd .edit-item .up,
#panel-slidecont .assist-bd .edit-item .up {
	background: #4b4b4b url(../images/icons.png) no-repeat -120px -140px
}

#panel-assist .assist-bd .edit-item .down,
#panel-slidecont .assist-bd .edit-item .down {
	background: #4b4b4b url(../images/icons.png) no-repeat -40px -160px
}

#panel-assist .assist-bd .edit-item .add,
#panel-slidecont .assist-bd .edit-item .add {
	background: #4b4b4b url(../images/icons.png) no-repeat -40px -140px
}

#panel-assist .assist-bd .edit-item .del,
#panel-slidecont .assist-bd .edit-item .del {
	background: #4b4b4b url(../images/icons.png) no-repeat -60px -140px
}

#panel-assist .assist-ft,
#panel-slidecont .assist-ft {
	text-align: center;
	margin: 6px 0
}

#panel-assist .assist-ft span,
#panel-slidecont .assist-ft span {
	width: 45px;
	height: 22px;
	cursor: pointer;
	margin: 0 2px;
	line-height: 22px;
	display: inline-block;
	background: url(../images/icons.png) no-repeat 0 -298px
}

#panel-assist .assist-ft span:hover,
#panel-slidecont .assist-ft span:hover {
	background-position: -47px -298px
}

#panel-slidecont {
	width: 508px
}

#panel-slidecont input {
	margin-left: 4px;
	margin-right: 6px
}

#panel-assist-slidenav {
	color: #eee;
	background: #626262;
	border: 1px solid #999;
	padding: 10px;
	width: 590px;
	z-index: 99;
	height: 300px;
	overflow: hidden
}

#panel-assist-slidenav .assist-hd {
	height: 30px;
	line-height: 24px
}

#panel-assist-slidenav .assist-bd {
	height: 230px;
	padding: 10px 10px 0 10px;
	overflow: auto;
	background: #535353
}

#panel-assist-slidenav .assist-bd ul {
	background: #4b4b4b;
	padding: 6px 10px;
	margin-bottom: 10px;
	position: relative
}

#panel-assist-slidenav .assist-bd .edit-item {
	height: 22px;
	line-height: 22px;
	margin-bottom: 4px;
	overflow: hidden
}

#panel-assist-slidenav .assist-bd .edit-item input {
	margin-right: 6px;
	margin-left: 4px
}

#panel-assist-slidenav .assist-bd .edit-item input,
#panel-assist-slidenav .assist-bd .edit-item span {
	float: left
}

#panel-assist-slidenav .assist-bd .edit-item input {
	width: 45px;
	height: 18px;
	line-height: 18px;
	display: block;
	color: #eee;
	border: 1px solid #292929;
	background: #4b4b4b;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
}

#panel-assist-slidenav .assist-bd .edit-item input:focus {
	color: #000;
	outline: 0;
	background: #fff
}

#panel-assist-slidenav .assist-bd .edit-add,
#panel-assist-slidenav .assist-bd .edit-del,
#panel-assist-slidenav .assist-bd .edit-down,
#panel-assist-slidenav .assist-bd .edit-up {
	width: 20px;
	height: 20px;
	display: block;
	font-size: 14px;
	font-weight: 700;
	text-indent: -999px;
	position: absolute;
	cursor: pointer;
	top: 4px
}

#panel-assist-slidenav .assist-bd .edit-add:hover,
#panel-assist-slidenav .assist-bd .edit-del:hover,
#panel-assist-slidenav .assist-bd .edit-down:hover,
#panel-assist-slidenav .assist-bd .edit-up:hover {
	background-color: #242424
}

#panel-assist-slidenav .assist-bd .edit-up {
	right: 52px;
	background: #626262 url(../images/icons.png) no-repeat -120px -140px
}

#panel-assist-slidenav .assist-bd .edit-down {
	right: 28px;
	background: #626262 url(../images/icons.png) no-repeat -40px -160px
}

#panel-assist-slidenav .assist-bd .edit-add {
	right: 76px;
	background: #626262 url(../images/icons.png) no-repeat -40px -140px
}

#panel-assist-slidenav .assist-bd .edit-del {
	right: 4px;
	background: #626262 url(../images/icons.png) no-repeat -60px -140px
}

#panel-assist-slidenav .assist-bd .edit-title {
	color: #ff0;
	margin-bottom: 2px
}

#panel-assist-slidenav .assist-ft {
	text-align: center;
	margin: 10px 0
}

#panel-assist-slidenav .assist-ft span {
	width: 45px;
	height: 22px;
	cursor: pointer;
	margin: 0 2px;
	line-height: 22px;
	display: inline-block;
	background: url(../images/icons.png) no-repeat 0 -298px
}

#panel-assist-slidenav .assist-ft span:hover {
	background-position: -47px -298px
}

.ks-overlay-mask,
.ks-overlay-mask-shown {
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

.ks-overlay {
	position: absolute;
	left: -9999px;
	top: -9999px
}

.ks-overlay-hidden {
	visibility: hidden
}

.ks-overlay-mask-hidden {
	display: none
}

.ks-overlay-shown {
	visibility: visible
}

.ks-overlay-mask-shown {
	display: block
}


/*未登录*/
.login_box #user a.pop {
	height: 28px;
	float: right;
	margin-right: 20px;
	background: #f8f804;
	border: 1px solid #4f00c0;
	padding: 0 9px;
	color: #2d006a;
	margin-top: 8px;
	line-height: 28px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

.login_box #user a.pop:hover {
	background: #fff;
	color: #000;
}



/*已登录*/

.login_box #user {
	float: left;
	position: relative;
	margin-left: 10px;
}

.login_box #user .face {
	position: relative;
	height: 36px;
	line-height: 36px;
	background: none;
	border: none;
	padding: 0 20px 0 0;
	float: right;
	margin-right: 25px;
	margin-top: 2px;
	cursor: pointer;
	margin-left: 5px;
}

.login_box #user .face::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -2px;
	border-top: 4px solid;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	transition: transform 0.3s;
	overflow: hidden;
}

.login_box #user a {
	text-decoration: none;
}

.login_box #user .face i {
	display: block;
	position: absolute;
	top: 21px;
	right: 16px;
	height: 20px;
	width: 20px;
}

.login_box #user .face i.novip {
	background: url(../images/novip.gif);
}


.login_box #user .face i.vip {
	background: url(../images/yesvip.gif);
}

.login_box #user .face img {
	width: 36px;
	border-radius: 100%;
	border: 2px solid #00a8c3;
}

.login_box #user .user_menu {
	position: absolute;
	display: none;
	top: 49px;
	right: -3px;
	z-index: 999;
	width: 150px;
}

.login_box #user .user_menu::before {
	position: absolute;
	left: 50%;
	top: -5%;
	z-index: 2;
	margin-left: -4px;
	content: "";
	width: 0;
	height: 0;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.login_box #user .user_menu .user_menu_list {
	background: #fff;
	border: 1px solid #ececec;
	position: relative;
	padding-top: 10px;
	color: #000;
	height: 155px;
	margin: 0px 2px;
}

.login_box #user .user_menu .user_menu_list li {
	display: block;
	text-align: center;
	line-height: 38px;
	width: 100%;
	height: 35px;
	padding: 0;
	margin: 0;
}

.login_box #user .user_menu .user_menu_list a {
	color: #0023ff;
}

.login_box #user .user_menu .user_menu_list li .getvip {
	display: block;
	background: #ef3c1f;
	color: #fff;
	border: none;
	margin: 0 10px;
	border-radius: 3px;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
}

.login_box #user .user_menu .user_menu_list li.logout {
	margin-top: 10px;
	border-top: 1px dotted #ccc;
}

.login_box #user .user_menu .user_menu_list li.logout a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	background: none;
	margin: 0;
	border: none;
	border-radius: 0;
	color: #000;
	text-decoration: none;
}

.login_box #user .user_menu .user_menu_list li.logout a:hover {
	background: #DBD8D8;
}

.layui-layer-iframe.userdl {
	overflow: hidden;
}

.layui-layer-iframe.userdl iframe {
	display: block;
	width: 672px;
	height: 570px !important;
}