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 #00051d;
    background-color: #00051d;
    background: -moz-linear-gradient(top, #000e51 0%, #00051d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000e51), color-stop(100%,#00051d));
    background: -webkit-linear-gradient(top, #000e51 0%,#00051d 100%);
    background: -o-linear-gradient(top, #000e51 0%,#00051d 100%);
    background: -ms-linear-gradient(top, #000e51 0%,#00051d 100%);
    background: linear-gradient(top, #000e51 0%,#00051d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e51', endColorstr='#00051d',GradientType=0 );
}
#hd a{
	color: #fff;
}
#hd .box {
    height: 45px;
    line-height: 45px;
	background: url(../images/logobg.png)no-repeat -245px -74px;
}
#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: #32449a;
    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: #0025e2;
	color: #fff;
}

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

#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: #000935;
    border: 1px solid #1c1c1c;
    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 #2b3462;
    background: #0e1a54;
    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: #2b3e9a; 
}
#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(../images/icons.png) no-repeat -1px -161px
}
#bd .ks-module-box {
	overflow: auto;
	position: relative;
	left: 17px;
	top: 17px;
	background: #303030
}
#bd .ks-module-box .ks-module {
	width: 1920px;
	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 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: rgb(0, 88, 255);
    border: 1px solid #0081ff;
    padding: 0 9px;
    color: #fff;
    margin-top: 8px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.login_box #user a.pop:hover {
background: #ffff00;
    color: #f00;
}



/*已登录*/

.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;
}