@charset "utf-8";
/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
	min-width: 960px;
	position: relative;
	overflow:hidden;
}
@font-face {
	font-family: 'fontello';
	src: url('font/fontello.eot?22430861');
	src: url('font/fontello.eot?22430861#iefix') format('embedded-opentype'), url('font/fontello.woff?22430861') format('woff'), url('font/fontello.ttf?22430861') format('truetype'), url('font/fontello.svg?22430861#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?22430861#fontello') format('svg');
  }
}
*/
 
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	vertical-align: middle;
	/* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: .8em;
	/* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
	margin-left: .2em;/* you can be more comfortable with increased icons size */
	font-size: 120%;/* Uncomment for 3D effect *//* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-block:before { content: '\e800'; } /* '' */
.icon-cancel-circle:before { content: '\e801'; } /* '' */
.icon-ok-circle:before { content: '\e802'; } /* '' */
.icon-bat4:before { content: '\e803'; } /* '' */
.icon-forward-1:before { content: '\e804'; } /* '' */
.icon-reply-1:before { content: '\e805'; } /* '' */
.icon-download-1:before { content: '\e806'; } /* '' */
.icon-th-large-1:before { content: '\e807'; } /* '' */
.icon-home-1:before { content: '\e808'; } /* '' */
.icon-users:before { content: '\e809'; } /* '' */
.icon-floppy:before { content: '\e80a'; } /* '' */
.icon-crop:before { content: '\e80b'; } /* '' */
.icon-briefcase:before { content: '\e80c'; } /* '' */
.icon-align-right:before { content: '\e80d'; } /* '' */
.icon-align-center:before { content: '\e80e'; } /* '' */
.icon-up-circled2:before { content: '\e80f'; } /* '' */
.icon-left-circled2:before { content: '\e810'; } /* '' */
.icon-right-circled2:before { content: '\e811'; } /* '' */
.icon-down-open:before { content: '\e812'; } /* '' */
.icon-left-open:before { content: '\e813'; } /* '' */
.icon-right-open:before { content: '\e814'; } /* '' */
.icon-up-open:before { content: '\e815'; } /* '' */
.icon-down-big:before { content: '\e816'; } /* '' */
.icon-left-big:before { content: '\e817'; } /* '' */
.icon-right-big:before { content: '\e818'; } /* '' */
.icon-up-big:before { content: '\e819'; } /* '' */
.icon-cw:before { content: '\e81a'; } /* '' */
.icon-ccw:before { content: '\e81b'; } /* '' */
.icon-arrows-cw:before { content: '\e81c'; } /* '' */
.icon-tablet:before { content: '\e81d'; } /* '' */
.icon-mobile:before { content: '\e81e'; } /* '' */
.icon-font:before { content: '\e81f'; } /* '' */
.icon-bold:before { content: '\e820'; } /* '' */
.icon-italic:before { content: '\e821'; } /* '' */
.icon-align-left:before { content: '\e822'; } /* '' */
.icon-down-circled2:before { content: '\e823'; } /* '' */
.icon-zoom-out:before { content: '\e824'; } /* '' */
.icon-zoom-in:before { content: '\e825'; } /* '' */
.icon-move:before { content: '\e826'; } /* '' */
.icon-resize-horizontal:before { content: '\e827'; } /* '' */
.icon-resize-vertical:before { content: '\e828'; } /* '' */
.icon-resize-small:before { content: '\e829'; } /* '' */
.icon-resize-full-alt:before { content: '\e82a'; } /* '' */
.icon-resize-full:before { content: '\e82b'; } /* '' */
.icon-volume-up:before { content: '\e82c'; } /* '' */
.icon-volume-off:before { content: '\e82d'; } /* '' */
.icon-mail-alt:before { content: '\e82e'; } /* '' */
.icon-login:before { content: '\e82f'; } /* '' */
.icon-wrench:before { content: '\e830'; } /* '' */
.icon-cog:before { content: '\e831'; } /* '' */
.icon-menu:before { content: '\e832'; } /* '' */
.icon-folder-open:before { content: '\e833'; } /* '' */
.icon-folder:before { content: '\e834'; } /* '' */
.icon-rss:before { content: '\e835'; } /* '' */
.icon-doc-text-inv:before { content: '\e836'; } /* '' */
.icon-link-ext:before { content: '\e837'; } /* '' */
.icon-attach:before { content: '\e838'; } /* '' */
.icon-lock:before { content: '\e839'; } /* '' */
.icon-lock-open-alt:before { content: '\e83a'; } /* '' */
.icon-eye:before { content: '\e83b'; } /* '' */
.icon-tag:before { content: '\e83c'; } /* '' */
.icon-bookmark:before { content: '\e83d'; } /* '' */
.icon-flag:before { content: '\e83e'; } /* '' */
.icon-download:before { content: '\e83f'; } /* '' */
.icon-upload:before { content: '\e840'; } /* '' */
.icon-download-cloud:before { content: '\e841'; } /* '' */
.icon-upload-cloud:before { content: '\e842'; } /* '' */
.icon-reply:before { content: '\e843'; } /* '' */
.icon-forward:before { content: '\e844'; } /* '' */
.icon-pencil:before { content: '\e845'; } /* '' */
.icon-edit:before { content: '\e846'; } /* '' */
.icon-attention:before { content: '\e847'; } /* '' */
.icon-location:before { content: '\e848'; } /* '' */
.icon-trash:before { content: '\e849'; } /* '' */
.icon-doc-inv:before { content: '\e84a'; } /* '' */
.icon-home:before { content: '\e84b'; } /* '' */
.icon-info-circled:before { content: '\e84c'; } /* '' */
.icon-help-circled:before { content: '\e84d'; } /* '' */
.icon-minus:before { content: '\e84e'; } /* '' */
.icon-plus:before { content: '\e84f'; } /* '' */
.icon-cancel:before { content: '\e850'; } /* '' */
.icon-ok:before { content: '\e851'; } /* '' */
.icon-th-list:before { content: '\e852'; } /* '' */
.icon-th-large:before { content: '\e853'; } /* '' */
.icon-camera:before { content: '\e854'; } /* '' */
.icon-picture:before { content: '\e855'; } /* '' */
.icon-user:before { content: '\e856'; } /* '' */
.icon-star-half:before { content: '\e857'; } /* '' */
.icon-star-half-alt:before { content: '\e858'; } /* '' */
.icon-star-empty:before { content: '\e859'; } /* '' */
.icon-star:before { content: '\e85a'; } /* '' */
.icon-heart-empty:before { content: '\e85b'; } /* '' */
.icon-heart:before { content: '\e85c'; } /* '' */
.icon-signal-1:before { content: '\e85d'; } /* '' */
.icon-mail:before { content: '\e85e'; } /* '' */
.icon-qrcode:before { content: '\e85f'; } /* '' */
.icon-file-image:before { content: '\e860'; } /* '' */
.icon-loading:before { content: '\e81c';-webkit-animation:rotate .8s linear infinite;-moz-animation:rotate .8s linear infinite; }

.full {
	height: 100%;
	width: 100%;
}
.p-full {
	position: absolute !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/*加载条样式*/
.m-loading {
	text-align: center;
	color: #666;
	width: 400px;
	padding: 20px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -200px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 16px rgba(0,0,0,.3);
	z-index: 1200;
}
.progress {
	height: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 10px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #f0ad4e;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	-webkit-transition: width .6s ease;
	-moz-transition: width .6s ease;
	transition: width .6s ease;
}
.progress-bar.red {
	background-color: #ee3a2c;
}
.progress-bar.green {
	background-color: #70be45;
}
.progress-bar.blue {
	background-color: #1dc6f1;
}
.m-body{ position:relative;height:100%;}
/*公用顶部条*/
.m-top {
	height: 31px;
	border-bottom: 3px solid #76c6ff;
	background: #343639;
	position: relative;
	z-index: 1050;
}
.m-logo {
	float: left;
	width: 120px;
	height: 28px;
}
.m-top-nav {
	float: right;
}
.m-top-nav > ul > li {
	float: left;
	margin: 5px 0;
	padding: 0 8px;
	border-right: 1px solid #8a8a8a;
}
.m-top-nav > ul > li:last-child {
	border-right: none;
}
.m-top-nav > ul > li > a {
	line-height: 18px;
}
.m-top-nav > ul > li > a > i {
	color: #fff;
}
/*顶部标题及菜单*/
.m-head {
	background: #fff;
	height: 35px;
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
	padding-top: 1px;
	position: relative;
	z-index: 1045;
	behavior: url(ie-css3.htc);
}
.m-head .m-title {
	font-size: 16px;
	line-height: 16px;
	width: 180px;
	margin: 9px 0 9px -120px;
	color: #ff9f22;
	text-align: center;
	cursor: default;
	position: absolute;
	top: 0;
	left: 50%;
}
.m-head .h-left {
	position: absolute;
	left: 0;
	top: 0;
}
.m-head .h-right {
	position: absolute;
	right: 0;
	top: 0;
}
.m-head .m-power-menu {
	height: 35px;
	padding: 8px 10px 7px;
}
.m-head .m-power-menu li {
	height: 20px;
}
.m-head .m-power-menu a.setting {
	display: block;
	font-size: 20px;
	margin-top: -1px;
}
.m-head .m-power-menu a.preview {
	display: block;
	margin-top: -2px;
	font-size: 20px;
}
.m-head .m-power-menu a.pack {
	background: #ff9f22;
	display: block;
	height: 26px;
	padding: 3px 30px 3px;
	margin-top: -3px;
	border-radius: 13px;
	color: #fff;
}
.m-head .m-power-menu a.pack:hover {
	background: #e88f1a;
}
.m-head .back-btn-base {
	display: block;
	height: 35px;
	width: 72px;
	margin: 0 5px;
	background: url(images/backBtn.gif) no-repeat;
}
.m-head .m-power-menu a:hover i{ display:inline-block;-webkit-animation: bounce 1s .2s ease infinite both;-moz-animation: bounce 1s .2s ease infinite both;}
.m-head .m-power-menu a.disabled i{ display:inline;}
/*步骤栏*/
.m-step, .sub-title {
	height: 45px;
	text-align: center;
	background-color: #e7861c;
	background: -moz-linear-gradient( 90deg, #e7861c 0%, #eb9c22 100%);
	background: -webkit-linear-gradient( 90deg, #e7861c 0%, #eb9c22 100%);
	background: -ms-linear-gradient( 90deg, #e7861c 0%, #eb9c22 100%);
	box-shadow: 0 8px 10px rgba( 0, 0, 0 ,.2 );
	position: relative;
	z-index: 98;
}
.m-step > ul > li {
	display: inline-block;
	line-height: 32px;
	padding: 6px 0;
	font-size: 14px;
	color: #f4d7b4;
}
.m-step > ul > li.active {
	color: #fff;
}
.m-step > ul > li .num {
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 10px;
	background: url(images/oneKey_step_num_bg.png) no-repeat;
}
.m-step > ul > li.active .num {
	background-position: 0 -32px;
	color: #e9911f;
}
.m-step > ul > li .ar {
	font-family: Arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 10px;
}
.sub-title h3 {
	font-size: 16px;
	line-height: 32px;
	padding: 7px 0 6px;
	color: #fff;
}
.sub-title .s-right {
	position: absolute;
	right: 5px;
	top: 7px;
}
/*步骤控制按钮*/
.m-step-btns {
	position: fixed;
	left: 50%;
	bottom: 10px;
	width: 368px;
	height: 70px;
	margin-left: 40px;
	text-align: center;
	z-index: 130;
}
.m-step-btns .btn {
	display: inline-block;
	width: 160px;
	border: 4px solid #e9e9e9;
	border-radius: 28px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 32px;
	padding: 7px 0;
	font-family: '微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;
	background-color: #ed9d35;
	background: -webkit-linear-gradient( 90deg, #ea9220 0%, #ed9d35 100%);
	background: -moz-linear-gradient( 90deg, #ea9220 0%, #ed9d35 100%);
	background: -ms-linear-gradient( 90deg, #ea9220 0%, #ed9d35 100%);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 3px 8px rgba(0,0,0,0.3);
}
.m-step-btns .btn:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
	background-color: #ea9220;
	background: -webkit-linear-gradient( 90deg, #f3b462 0%, #ed9829 30%, #f3b462 100%);
	background: -moz-linear-gradient( 90deg, #f3b462 0%, #ed9829 30%, #f3b462 100%);
	background: -ms-linear-gradient( 90deg, #f3b462 0%, #ed9829 30%, #f3b462 100%);
}
.m-step-btns .btn.disabled {
	border-color: #e9e9e9;
	background-color: #b9b9b9;
	background: -webkit-linear-gradient( 90deg, #b9b9b9 0%, #dfdfdf 100%);
	background: -moz-linear-gradient( 90deg, #ea9220 0%, #ed9d35 100%);
	background: -ms-linear-gradient( 90deg, #ea9220 0%, #ed9d35 100%);
	cursor: default;
}
.m-step-btns .btn > span {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(images/oneKey_step_btn_arror.png) no-repeat;
}
.m-step-btns .btn > span.prev {
	background-position: 0 -32px;
}
.m-step-btns .btn > span.next {
	background-position: 0 0;
}
/*黑色半透明背景*/
.backdrop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	z-index: 1;
}

/*面板*/
.panel {
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	z-index: 80;
}
.panel-header {
	padding: 9px 15px;
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
}
.panel-header.grey {
	background: -webkit-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
	background: -moz-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
	background: -ms-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
}
.panel-header h4 {
	font-size: 14px;
}
.panel-body {
	position: relative;
	padding: 8px 10px 16px;
}
.panel-footer {
	padding: 14px 15px 15px;
	margin-bottom: 0;
	text-align: right;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-radius: 0 0 8px 8px;
	box-shadow: inset 0 1px 0 #fff;
}
.panel.panel-full {
	height: 100%;
	margin: 0;
}
.panel-group {
	padding: 10px 0;
}
.panel-group > .panel {
	margin-bottom: 5px;
}
.list-panel-group .panel-header{padding:0;}
.list-panel-group .panel-header .collapse-title{padding: 9px 15px; cursor:pointer;white-space:nowrap; word-wrap:normal; word-break:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden }
/*图片上传(带缩略图)*/
.upload-module .thumb, .upload-module .upload-btn {
	display: inline-block;
	vertical-align: middle;
}
.upload-module .thumb {
	margin-right: 8px;
	width: 60px;
	height: 60px;
}
.upload-module .thumb.app-icon, .upload-module .thumb.app-icon img {
	width: 57px;
	height: 57px;
}
.upload-module .thumb.app-start {
	width: 60px;
	height: 90px;
}
/*图片选择器预览*/
.image-preview{ position:absolute; z-index:10000;padding:10px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 8px rgba(0,0,0,.2); background: #fff; z-index: 120; display:none;}
.image-preview p{max-width:240px;}
.image-preview .image-box{max-width:240px;max-height:240px;margin-top:5px;}

/*图片预览*/
.image-preview img{ max-width: 100%;  max-height: 100%;  vertical-align: middle;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

/*图片选择*/
.sys-biz .biz-white .thumbnail{background: #ececec;}

/*图片*/
.thumbnail {
	text-align: center;
	display: block;
	font-size: 0;
	height:100%;
	-webkit-text-size-adjust:none;
}
.thumbnail img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.thumbnail:before, .thumbnail:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.img-item {
	width: 80px;
	height: 80px;
	position: relative;
	padding: 3px;
	border: 1px solid transparent;
}
.img-list {
	margin: 15px -15px 15px 0;
}
.img-list li.img-list-load {
float: none;
width: 100%;
vertical-align: middle;
border: none;
text-align: center;
color: #999;
}
.img-list li {
	float:left;
	margin: 0 15px 15px 0;
	position: relative;
	padding: 3px;
	border: 1px solid transparent;
}
.img-list li:last-child {
	margin-right: 0;
}
.img-list li:hover, .img-list li.active, .img-item:hover, .img-item.active {
	border-color: #ccc;
}
.img-list li.active:after {
	 font-family: "fontello"; content: '\e851'; font-size: 12px; color: #fff; display: block; width: 24px; height: 24px; line-height: 20px;border:2px solid #fff; background: #6abb03; text-align: center; position: absolute; top: -8px; right: -8px; border-radius:12px; 
}
.img-list li.error {
	border-color: #ee3a2c;
	background: #f7ceca;
}
.img-list li .menu, .img-item .menu {
	display: none;
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
}
.img-list li:hover .menu, .img-item:hover .menu {
	display: block;
}
.img-list li .menu a, .img-item .menu a {
	display: table-cell;
	text-align: center;
	width: 1%;
	color: #fff;
	font-size: 12px;
	padding: 3px;
	background-color: rgba(0,0,0,.5);
	text-decoration: none;
}
.img-list li .menu a:hover, .img-item .menu a:hover {
	color: #ccc;
	background-color: rgba(0,0,0,.7);
}
/*文本颜色*/
.text.red {
	color: #ee3a2c;
}
.text.green {
	color: #70be45;
}
.text.orange {
	color: #ff9f22;
}
.text.blue {
	color: #1dc6f1;
}
.text.grey {
	color: #ccc;
}
/*按钮*/
.btn { display: inline-block; padding: 6px 12px; line-height: 18px; border: 1px solid #ccc; border-radius: 3px; color: #666; background-color: #fff; cursor: pointer; vertical-align: middle;/*box-shadow:0 1px 2px rgba(0,0,0,.2);*/ }
.btn:hover { text-decoration: none; color: #333; background-color: #f0f0f0; border-color: #aaa; }
.btn.disabled, .btn.disabled:hover { color: #ccc !important; background-color: #fff !important; border-color: #ccc !important; }
.btn-group { position: relative; display: inline-block; vertical-align: middle; }
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group>.btn:first-child,.btn-group .btn.hide+.btn { margin-left: 0; }
.btn-group .btn+.btn { margin-left: -1px; }
.btn-group .btn.hide{ display:none;}
.btn-group>.btn, .btn-group-vertical>.btn { position: relative; float: left; }
.btn.green, .btn-group.green .btn { background-color: #70be45; border-color: #63af39; color: #fff; }
.btn.green:hover, .btn-group.green .btn:hover { background-color: #5fa538; }
.btn.orange, .btn-group.orange .btn { background-color: #ff9f22; border-color: #ee9016; color: #fff; }
.btn.orange:hover, .btn-group.orange .btn:hover { background-color: #e88f1a; }
.btn.red, .btn-group.red .btn { background-color: #ee3a2c; border-color: #df2e20; color: #fff; }
.btn.red:hover, .btn-group.red .btn:hover { background-color: #db2b1d; }
.btn.blue, .btn-group.blue .btn { background-color: #1dc6f1; border-color: #15bbe5; color: #fff; }
.btn.blue:hover, .btn-group.blue .btn:hover { background-color: #13b1d9; }
.btn.white, .btn-group.white .btn { background-color: #fcfcfc; border-color: #fff; color: #ff9f22; }
.btn.white:hover, .btn-group.white .btn:hover { background-color: #fff; color: #e88f1a; }
.btn.grey, .btn-group.grey .btn { background-color: #efefef; border-color: #efefef; color: #acacac; }
.btn.large, .btn-group.large .btn { padding: 10px 16px; font-size: 14px; }
.btn.small, .btn-group.small .btn { padding: 3px 5px; }
.btn.block { width: 100%; text-align: center; }
.btn.active { box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); background-color: #70be45; border-color: #63af39; color: #fff; }
.btn.active + .btn { border-left-color: #63af39; }
/*nav菜单*/
.nav {
	content: "";
	display: table;
	clear: both;
}
.nav > li {
	float: left;
	margin: 0 5px;
	line-height: 20px;
}
.nav > li.divider {
	border-right: 1px solid #1dc6f1;
}
/*滑动tab*/
.slide-tab {
	position: relative;
}
.slide-tab > ul > li {
	float: left;
	position: relative;
	z-index: 85;
}
.slide-tab > ul > li > a {
	display: block;
	padding: 7px 14px;
	color: #666666;
	text-decoration: none;
}
.slide-tab > ul > li > a:hover {
	color: #333;
}
.slide-tab > ul > li.active > a {
	color: #fff;
}
.slide-tab .slider {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 78px;
	border-radius: 18px;
	background: #1dc6f1;
	z-index: 80;
}
.tab-content .tab-pane {
	display: none;
}
.tab-content .tab-pane.active {
	display: block;
}
.tab-nav {
	background: #f0f0f0;
	content: "";
	display: table;
	clear: both;
}
.tab-nav > li {
	display: table-cell;
	width: 1%;
}
.tab-nav > li > a {
	display: block;
	padding: 7px 5px;
	text-align: center;
	text-decoration: none;
	color: #666;
}
.tab-nav > li > a:hover, .vertical-nav > li > a:hover {
	background: #e6e6e6;
}
.tab-nav > li.active > a, .vertical-nav > li.active > a {
	background: #1dc6f1;
	color: #fff;
}
.vertical-nav > li > a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	text-align: center;
}
/*input*/

input[type="text"],input[type="password"], textarea {
	display: inline-block;
	border: 1px solid #cccccc;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	padding: 8px;
	box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
	outline: none;
	-webkit-user-select: text;
	-moz-user-select: text ;
}
input[type="file"] {
	display: inline-block;
	width: 140px;
}
input[type="text"],input[type="password"] {
	height: 32px;
}
input[type="text"].small {
	height: 26px;
	font-size: 12px;
}
input[type="text"].short {
	width: 60px;
}
input[type="text"].w120{
	width: 120px;
}
input[type="text"].block, textarea.block {
	width: 100%;
}
input[type="text"].error, textarea.error {
	border-color: #f00;
}
textarea {
	resize: none;
}
select {
	border: 1px solid #cccccc;
	border-radius: 4px;
	line-height: 14px;
	padding: 6px 4px 6px 6px;
	box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
	outline: none;
	width: 169px;
	margin: 0;
}
select.small {
	padding: 3px 4px 4px 6px;
}
select.short {
	width: 90px;
}
/*radio & checkbox*/
input[type="radio"], input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}
.radio, .checkbox {
	display: inline-block;
	min-height: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	vertical-align: middle;
}
.radio.disabled, .checkbox.disabled{color: #ccc;}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
	float: left;
	margin-right: 2px;
}
label.btn>input[type="radio"], label.btn>input[type="checkbox"] {
	display: none;
}
input[type="checkbox"].indeterminate { position: relative; }
input[type="checkbox"].indeterminate:after { content: ""; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; display: block; width: 6px; height: 6px; background: #424242; border-radius: 2px; }
/*form*/
* > .form-row:first-child, * > .form-block:first-child,.form-row.first,.form-block.first{
	margin-top: 20px;
}
.form-row, .form-block {
	display: block;
	margin-bottom: 15px;
}
.form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
.form-label {
	display: block;
	width: 100px;
	padding: 9px;
	text-align: right;
	vertical-align: top;
	line-height: 14px;
	color: #666;
	font-weight: bold;
}
.modal.small .form-label {
	width: 72px;
}
.form-row .form-label {
	float: left;
}

.form-row .form-content {
	display: table-cell;
}
.form-block > .form-content {
	display: block;
}
.form-row .help, .form-block .help {
	color: #999;
	margin-top: 5px;
}
.psd-form, .color-form, .size-form {
	vertical-align: middle;
	display: inline-block;
	position: relative;
}
.psd-form input {
	width: 36px;
	text-align: center;
}
.img-form {
	display: inline-block;
	position: relative;
	text-align: center;
}
.color-form input {
	width: 94px;
	padding-left: 32px;
}
.color-form .curr-color { display: block; position: absolute; left: 4px; top: 50%; margin-top: -12px; width: 24px; height: 24px; padding: 2px; border: 1px solid #ccc; border-radius: 3px; }
.color-form .curr-color:hover { border-color: #666; }
.color-form .curr-color:after { content: ""; position: absolute; left: 2px; top: 2px; display: block; width: 18px; height: 18px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); border-radius: 3px; z-index: 1; }
.color-form .curr-color span { display: block; width: 100%; height: 100%; background: #ccc; border-radius: 3px; position: relative; z-index: 2; }
.color-picker {
	position: absolute;
	padding: 10px;
	width: 202px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	background: #fff;
	z-index: 120;
	display: none;
}
.color-picker .slide-tab > ul > li > a {
	padding: 3px 15px;
}
.color-picker .base-color-list th {
	padding: 0 2px 5px;
}
.color-picker .base-color-list td {
	padding: 0 2px;
}
.color-picker .base-color-list a {
	display: block;
	width: 14px;
	height: 14px;
	border: 1px solid #ececec;
}
.color-picker .base-color-list .active a, .color-picker .base-color-list a:hover {
	border-color: #f00;
}
.color-picker .tab-content {
	border-top: 1px solid #ececec;
	padding: 5px 0 0;
	margin: 3px 0 0;
}
.color-picker .color-opacity {
	margin: 5px 0 0;
	padding: 5px 0 0;
	color: #999;
	border-top: 1px solid #ececec;
}
.color-opacity .progress {
	display: inline-block;
	width: 100px;
	height: 8px;
	margin: 0;
	vertical-align: middle;
	position: relative;
}
.color-opacity .progress .slider {
	display: block;
	position: absolute;
	top: 0;
	height: 8px;
	width: 8px;
	margin: 0 0 0 -4px;
	border: 1px solid #999;
	border-radius: 4px;
	background: #fff;
}
.color-window .l {
	float: left;
	width: 150px;
	height: 150px;
	position: relative;
	background: url(images/colorpicker_overlay.png) no-repeat;
	cursor: crosshair;
	overflow: hidden;
}
.color-window .l .slider {
	position: absolute;
	border: 1px solid #000;
	top: 50%;
	margin: -5px 0 0 -5px;
	border-radius: 5px;
}
.color-window .l .slider span {
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-radius: 4px;
}
.color-window .r {
	float: left;
	margin-left: 8px;
	width: 18px;
	height: 150px;
	position: relative;
	background: url(images/colorpicker_coloers.png) no-repeat;
}
.color-window .r .slider {
	display: block;
	position: absolute;
	left: -4px;
	width: 26px;
	height: 4px;
	border: 1px solid #666;
}
.size-form input {
	width: 70px;
}
.size-form .btns {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}
.size-form .btns a {
	display: block;
	width: 20px;
	height: 50%;
	font-size: 8px;
	line-height: 14px;
	border: 1px solid #ccc;
	text-align: center;
	color: #999;
	background: #fff;
	text-decoration: none;
}
.size-form .btns a.disabled,.size-form .btns a.disabled:hover{color:#ccc;}
.size-form .btns a.up {
	border-radius: 0 4px 0 0;
}
.size-form .btns a.down {
	top: 18px;
	border-radius: 0 0 4px;
}
.size-form .btns a:hover {
	color: #333;
}
.switch-form{height:24px;width:40px; border-radius:12px;margin:4px 0; background:#ffffff;border:1px solid #e5e5e5; position:relative; cursor:pointer;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;}
.switch-form .handle{ position:absolute;left:0px;top:0px;width:22px;height:22px; border-radius:11px; background:#fff;border:1px solid #e5e5e5; box-shadow: 0 2px 5px rgba(0,0,0,.2);-webkit-transition: all .2s ease;-moz-transition: all .2s ease;}
.switch-form.active { background:#5fa538;border-color:#63af39;}
.switch-form.active .handle{ left:16px;border-color:#fff;}
/*表格*/
.base-table {
	width: 100%;
}
.base-table > tbody > tr > th, .base-table > tbody > tr > td {
	padding: 8px 16px;
}
/*messenger*/
.messenger {
	position: fixed;
	top: 10%;
	left: 50%;
	margin: 0 -210px;
	padding: 12px;
	width: 360px;
	background: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	border-radius: 8px;
	z-index: 1060;
}
.messenger .close {
	position: absolute;
	top: 12px;
	right: 10px;
	color: #ccc;
}
.messenger .close:hover {
	color: #999;
}
/*提示框*/
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ececec;
	border-radius: 4px;
}
.alert.green, .messenger.green {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert.orange, .messenger.orange {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert.red, .messenger.red {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert.blue, .messenger.blue {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-none {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 30%;
	left: 0;
}
.alert-none > h4 {
	font-size: 18px;
	margin: 5px 0 10px;
	color: #999;
}
/*模拟器*/
.m-simulator {
	position: relative;
	display: inline-block;
	padding: 64px 14px;
	border: 4px solid #fff;
	border-radius: 30px;
	box-shadow: 0 2px 30px rgba(0,0,0,.4);
	z-index: 120;
	box-sizing: content-box;
	width: 320px;
	left: 50%;
	top: 10px;
	margin-left: -208px;
}
.m-simulator .power-btn {
	border-radius: 5px;
	border: 1px solid #1ab8e0;
	position: absolute;
	top: 20px;
	right: 22px;
	z-index: 120;
	overflow: hidden;
}
.m-simulator .power-btn .btn {
	padding: 4px 8px;
	border-color: #1ab8e0;
}
.m-simulator > .backdrop {
	background: #fff;
	border-radius:26px;
}
.m-simulator.iphone-4 .display-area {
	height: 480px;
}
.m-simulator.iphone-5 .display-area {
	height: 568px;
}
.m-simulator .display-area {
	background: #fff;
	border-radius: 4px;
	position: relative;
	z-index: 121;
}
.m-simulator .app-topbar {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
.m-simulator .display-area .page-tip { display: none; position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; margin: -40px 0 0 -40px; padding: 8px 0; border-radius: 10px; text-align: center; overflow: hidden; z-index:1000; }
.m-simulator .display-area .page-tip .backdrop { opacity: .6; filter: alpha(opacity=60); }
.m-simulator .display-area .page-tip .icon { font-size: 28px; color: #fff; }
.m-simulator .display-area .page-tip .thumbnail{position: relative; z-index: 2; }
.m-simulator .display-area .page-tip p { position: relative; z-index: 2; color: #fff; }
.m-simulator .display-area .new-page{
	width:100%;
	height:100%;
}
.m-simulator .display-area .new-page .thumbnail{ cursor:default;}
.icon-page-loading{ display:inline-block; z-index:2; position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;width:40px;height:40px; background:url(../images/page_loading.png) no-repeat;}
.icon-page-loading{-webkit-animation: rotate 1s linear infinite; -moz-animation: rotate 1s linear infinite;}
/*模拟器应用内容区域*/
.m-simulator .display-area .app-content { 
	position: absolute;
	top: 20px;
	bottom: 0;
	left: 0;
	right: 0;
}
.m-simulator .display-area .app-content > .scroll{overflow: visible;}
.m-simulator .display-area .app-content > .scroll .scroll-pane{right:-30px;}
.m-simulator .display-area .app-content > .scroll .scroll-content{ outline:none;}
.app-content .app-icon {
	width: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	text-align: center;
}
.app-content .app-icon img {
	width: 57px;
	height: 57px;
}
.app-content .app-icon p {
	line-height: 23px;
	height: 23px;
	color: #fff;
}
.app-content .app-start {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.app-content .app-start img {
	width: 100%;
	height: 100%;
}
.app-content .watermark{position:absolute;bottom:20px;left:50%;margin-left:-77px;width:154px; }
.app-content .app-top-nav {
	position: absolute;
	top: 0px;
	left: 0;
}
.app-content .scroll-content:focus{outline:none;}
.app-top-nav {
	width: 100%;
	position: relative;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.app-top-nav img{width:100%;}
.app-top-nav h4 {
	text-align: center;
	padding: 0 60px;
	line-height: 1em;
	height: 100%;
	position: relative;
}
.app-top-nav h4 span {
	display: inline-block;
	height: 100%;
	width: 0;
	background: #f00;
	vertical-align: middle;
}
.app-top-nav .l-btn, .app-top-nav .r-btn {
	position: absolute;
	top: 50%;
	margin: -16px 0 0;
	display: block;
	height: 32px;
	width: 50px;
	line-height: 32px;
	text-align: center;
	background: #fff;
	text-decoration: none;
}
.app-top-nav .l-btn {
	left: 5px;
}
.app-top-nav .r-btn {
	right: 5px;
}
/*预览二维码*/
.page-qrcode {
	position: absolute;
	text-align: center;
	padding: 10px;
	width: 180px;
	border-radius: 5px;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	background: #fff;
	z-index: 120;
	display: none;
}
/*显示隐藏动画效果*/
.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.fade.in {
	opacity: 1;
}
.collapse {
	display: none;
}
.collapse.in {
	display: block;
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	transition: height 0.35s ease;
}
/*分页*/
.paging {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 30px;
	right: 0;
}
.paging.none {
	bottom: 0;
}
.paging-box {
	text-align: center;
}
.paging.none .paging-box {
	display: none;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 8px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 4px 8px;
	line-height: 1.428571429;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin-left: -1px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #eeeeee;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #ffffff;
	background-color: #1dc6f1;
	border-color: #1dc6f1;
	cursor: default;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #999999;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed;
}
/*弹出框*/

.modal {
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
}
.modal-close {
	position: absolute;
	right: 8px;
	top: 8px;
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	width: 24px;
	height: 24px;
	color: #999;
	z-index: 1080;
}
.modal-close:hover {
	color: #666;
	text-decoration: none;
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-dialog {
	position: relative;
	z-index: 1050;
	width: 600px;
	margin: 5% auto 0;
}
.modal.small .modal-dialog {
	width: 320px;
}
.modal.small .modal-body{padding:10px;}
.modal-content {
	position: relative;
	background-color: #ffffff;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	outline: none;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
	background-color: #000000;
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}
.modal-backdrop.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.428571429px;
}
.modal-header .close {
	margin-top: -2px;
}
.modal-title {
	margin: 0;
	line-height: 1.428571429;
}
.modal-body {
	position: relative;
	padding: 20px;
}
.modal-footer {
	padding: 14px 20px 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
	content: " ";
	display: table;
}
.modal-footer:after {
	clear: both;
}
.modal-footer:before, .modal-footer:after {
	content: " ";
	display: table;
}
.modal-footer:after {
	clear: both;
}
.modal-footer .btn + .btn {
	margin-left: 5px;
	margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	z-index: 1060;
	position: relative;
}
.close:hover, .close:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.map-modal .modal-body{min-height: 320px; padding: 0; }
.map-modal .c-box { height: 320px; width: 100%; position:relative; }
.map-modal .power-list li p{ line-height:26px;}
.modal .power-list { padding: 3px 10px; border-bottom: 1px solid #dedede; background: #ececec; }
.modal .power-list li { height: 26px; }
.modal .power-list li.divider { border-color: #ccc; }
/*滚动区域*/
.scroll {
	position : relative;
	width : 100%;
	height : 100%;
	overflow : hidden;
}
.scroll > .scroll-content {
	position : absolute;
	overflow : scroll;
	overflow-x : hidden;
	outline : none ;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
}
.scroll > .scroll-content:focus {
	outline: thin dotted;
}
.scroll > .scroll-content::-webkit-scrollbar {
 visibility: hidden;
}
.has-scrollbar > .scroll-content::-webkit-scrollbar {
 visibility: visible;
}
.scroll > .scroll-pane {
	background : rgba(0,0,0,.25);
	position : absolute;
	width : 8px;
	right : 0;
	top : 0;
	bottom : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity : .01;
	-webkit-transition : .2s;
	-moz-transition : .2s;
	-o-transition : .2s;
	transition : .2s;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
}
.scroll > .scroll-pane > .scroll-slider {
	background: #444;
	background: rgba(0,0,0,.5);
	position : relative;
	margin : 0 1px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	border-radius : 3px;
}
.scroll:hover > .scroll-pane, .scroll-pane.active, .scroll-pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity : 0.99;
}
/*@media (max-height: 860px) {
	
}*/

/*tooltip*/
.tooltip { display: none; position: absolute; padding: 5px 8px; background: #fff; border: 1px solid #ececec; border-radius: 5px; border-color: #ccc; box-shadow: 0 2px 8px rgba(0,0,0,.2); z-index: 9996; }
.tooltip.red { color: #a94442; background-color: #ebccd1; border-color: #a94442; padding: 5px 8px 5px 4px; }
.tooltip.yellow { color: #a27c3b; background-color: #fcf8e3; border-color:#fcf8e3 ; padding: 5px 14px 5px 8px; }
.tooltip:before { content: ""; display: block; position: absolute; border-style: solid; border-width: 8px; z-index: 9997; border-color: transparent; }
.tooltip:after { content: ""; display: block; position: absolute; border-style: solid; border-width: 6px; z-index: 9998; border-color: transparent; }
.tooltip.right:before { top: 6px; left: -16px; border-right-color: inherit; }
.tooltip.left:before { top: 6px; right: -16px; border-left-color: inherit; }
.tooltip.top:before { bottom: -16px; left: 6px; border-top-color: inherit; }
.tooltip.bottom:before { top: -16px; left: 6px; border-bottom-color: inherit; }
.tooltip.right:after { top: 8px; left: -12px; border-right-color: #fff; }
.tooltip.left:after { top: 8px; right: -12px; border-left-color: #fff; }
.tooltip.top:after { bottom: -12px; left: 8px; border-top-color: #fff; }
.tooltip.bottom:after { top: -12px; left: 8px; border-bottom-color: #fff; }
.tooltip.right.red:after { border-right-color: #ebccd1; }
.tooltip.left.red:after { border-left-color: #ebccd1; }
.tooltip.top.red:after { border-top-color: #ebccd1; }
.tooltip.bottom.red:after { border-bottom-color: #ebccd1; }
.tooltip.right.yellow:after { border-right-color: #fcf8e3; }
.tooltip.left.yellow:after { border-left-color: #fcf8e3; }
.tooltip.top.yellow:after { border-top-color: #fcf8e3; }
.tooltip.bottom.yellow:after { border-bottom-color: #fcf8e3; }
/*图片选择*/
.images-modal .modal-body, .images-cut-modal .modal-body {
	min-height: 320px;
	padding: 0;
}
.images-modal .modal-body .slide-tab {
	margin: 5px 10px;
}
.images-modal .img-box {
	padding: 10px 27px 10px 26px;
	height: 320px;
	overflow: hidden;
}
.sys-images .tab-nav > li {
	border-right: 1px solid #e5e5e5;
}
.sys-images .tab-nav > li:last-child {
	border-right: none;
}
.sys-icon .thumbnail, .sys-btn .thumbnail {
	width: 57px;
	height: 57px;
}
.sys-bg .thumbnail {
	width: 89px;
	height: 134px;
}
.sys-topbar .thumbnail {
	width: 257px;
	height: 35px;
}
.sys-navbar .thumbnail {
	width: 257px;
	height: 39px;
}
.my-images .power-list, .images-cut-modal .power-list {
	padding: 3px 10px;
	border-bottom: 1px solid #ececec;
	background: #ececec;
}
.my-images .power-list li, .images-cut-modal .power-list li {
	height: 26px;
}
.my-images .power-list li.divider, .images-cut-modal .power-list li.divider {
	border-color: #ccc;
}
.my-images .c-box, .sys-biz .c-box {
	height: 320px;
	padding: 10px;
	width: 100%;
}
.my-images .c-box .c-left, .sys-biz .c-box .c-left {
	width: 102px;
	height: 100%;
	border-right: 1px solid #ececec;
	float: left;
}
.my-images .c-box .c-right, .sys-biz .c-box .c-right {
	position: relative;
	height: 100%;
	margin-left: 112px;
}
.my-images .c-box .thumbnail, .sys-biz .thumbnail {
	width: 73px;
	height: 73px;
}
.my-images .c-box .img-title {
	width: 72px;
	text-align: center;
	height: 24px;
	line-height: 24px;
}
.upload-img-list {
	height: 320px;
	padding: 10px 27px 10px 26px;
	width: 100%;
}
.upload-img-list .alert{margin-bottom:5px;padding:5px 8px;}
.upload-img-list .scroll{height:264px;}
.upload-img-list .progress {
	height: 4px;
	position: absolute;
	bottom: 2px;
	left: 8px;
	right: 8px;
	margin-bottom: 0;
}
.upload-img-list .thumbnail{width:57px;height:57px;}
.upload-img-list .img-title {
	width: 56px;
	text-align: center;
	height: 24px;
	line-height: 24px;
}

.images-cut-modal .c-box {
	height: 380px;
	padding: 10px;
	width: 100%;
}
.images-cut-modal .c-box .c-left {
	width: 140px;
	height: 100%;
	border-right: 1px solid #ececec;
	float: left;
	padding: 10px;
}
.images-cut-modal .c-box .c-right {
	height: 100%;
	margin-left: 150px;
}
.common-sizes dt {
	color: #1dc6f1;
	font-weight: bold;
}
.common-sizes dd a {
	display: block;
	color: #666;
	padding: 2px 18px;
}
.common-sizes dd.active, .commonSizes dd:hover {
	background: #1dc6f1;
}
.common-sizes dd.active a{color: #fff !important;}
.common-sizes dd.disabled a{color: #ccc !important;}




/*app页面列表*/
.app-page-list ul li {
	position: relative;
}
.app-page-list ul li span {
	display: block;
	padding: 10px 40px 10px 10px;
	cursor: pointer;
}
.app-page-list ul li .edit {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
}
.app-page-list .main-list > li > span {
	background: #ff9f22;
	color: #fff;
	border-bottom: 1px solid #ed8b0c;
}
.app-page-list .main-list > li > span:hover {
	background: #ed8b0c;
	color: #fff;
}
.app-page-list .main-list > li > .edit{
	display: none;
}
.app-page-list .main-list > li > .edit a {
	color: #fff;
}
.app-page-list .main-list > li > .edit a:hover {
	color: #f1f1f1;
}
.app-page-list .main-list .sub-list {
	display: none;
}
.app-page-list .main-list > li.active .sub-list {
	display: block;
}
.app-page-list .sub-list > li > span {
	background: #fff;
	color: #666;
	border-bottom: 1px solid #ececec;
}
.app-page-list .sub-list > li > span:hover {
	background: #fff;
	color: #333;
}
.app-page-list .sub-list > li > .edit {
	display: none;
}
.app-page-list .sub-list > li >.edit a {
	color: #666;
}
.app-page-list .sub-list > li.active > span {
	background: #1dc6f1;
	color: #fff;
}
.app-page-list .sub-list > li.active > .edit a {
	color: #fff;
}
.app-page-list .sub-list > li.none {
	text-align: center;
	padding: 10px;
}

/*页面列表-系统功能*/
.app-page-list .sub-list.system{padding:20px 20px 0;margin-right:-20px;}
.app-page-list .sub-list.system > li {position:relative;float:left;background:#fff;border:1px solid #a5e8f9;width: 88px;margin:0 20px 20px 0; text-align: center;border-radius: 8px;}
.app-page-list .sub-list.system > li:hover{border-color: #1dc6f1;}
.app-page-list .sub-list.system > li.active{background:#1dc6f1;border-color: #1dc6f1; }
.app-page-list .sub-list.system > li a{display:block;padding:3px;}
.app-page-list .sub-list.system > li .t{padding:3px;color: #353535;}
.app-page-list .sub-list.system > li.active .t{color: #fff;}
.app-page-list .sub-list.system > li.active .img-1,.app-page-list .sub-list.system > li .img-2{display: none;}
.app-page-list .sub-list.system > li.active .img-2,.app-page-list .sub-list.system > li .img-1{display: inline-block;}
.app-page-list .sub-list.system > li .d { display: none; }
.app-page-list .sub-list.system > li.disabled .d { position: absolute; width: 88px;height: 105px;  top: -1px; left:-1px;padding:48px 0 0; color: #fff; text-align: center; background:rgba(0,0,0,.7); border-radius: 8px; cursor:no-drop; z-index: 10; }
.app-page-list .sub-list.system > li.disabled:hover .d { display: block; }
.app-page-list .sub-list.system > li.disabled:hover a { border-color: #d6d6d6; background-color: #f0f0f0; top: 0; opacity: .5; }
.app-page-list .sub-list.system > li .h{ display:none;width:18px;height:18px;padding:0; line-height:18px; position:absolute;right:-1px;top:-1px; text-align: center; border-radius:0px 7px 0 4px; background:#ff4141;border:1px solid #ff4141;border-left:none;color:#fff;z-index: 20;}
.app-page-list .sub-list.system > li:hover .h{ display: block; }
.app-page-list .sub-list.system > li .h:hover{ background:#e22b2b;border-color:#e22b2b;color:#fff;}
.app-page-list .sub-list.system > li.new:after{content: "New"; background:#ff4141 ; color: #fff; position: absolute; display: block;padding:2px;top:6px;left:0; font-size: 12px;line-height: 12px;}

/*右侧控件*/
.widgets > .tab-content, .widgets-attr > .tab-content {
	top: 33px;
}
/*控件列表*/
.base-widgets, .i-widgets, .static-widgets { padding: 10px 0; }
.widgets-list li { width: 92px; height: 92px; padding: 5px; margin: 0 0 10px 10px; float: left; position: relative; }
.widgets-list li a { display: block; width: 100%; height: 100%; background: #f0f0f0; border: 1px solid #d6d6d6; border-radius: 8px; position: relative; padding: 3px; text-align:center;  }
.widgets-list li a:hover { border-color: #1dc6f1; background-color: #f3f3f3; top: -3px; }
.widgets-list li a .t { display: block; position: absolute; bottom: 3px; left: 3px; right: 3px; padding: 3px; background: #1dc6f1; color: #fff; text-align: center; border-radius: 4px; }
.widgets-list li a .h{ display:none;width:16px;height:18px; line-height:18px; position:absolute;right:-17px;top:6px; border-radius: 0 4px 4px 0; background:#fcf8e3;border:1px solid #d7d1b4;border-left:none;color:#a27c3b;}
.i-widgets .widgets-list li a .h{right:-16px;}
.widgets-list li:hover .h{ display:block;}
.widgets-list li a .h:hover{ background:#1dc6f1;border-color:#1dc6f1;color:#fff;}
.widgets-list li .d { display: none; }
.widgets-list li.disabled .d { position: absolute; height: 82px; width: 82px; line-height: 82px; top: 5px; left: 5px; color: #fff; text-align: center; background:rgba(0,0,0,.7); border-radius: 8px; cursor:no-drop; }
.widgets-list li.disabled:hover .d { display: block; }
.widgets-list li.disabled:hover a { border-color: #d6d6d6; background-color: #f0f0f0; top: 0; opacity: .5; }
.i-widgets .widgets-list li a  {  border:none; color: #fff;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.2)), to(rgba(255,255,255,0))); }
.i-widgets .widgets-list li.iw-0 a{ background-color:#4976a4;}
.i-widgets .widgets-list li.iw-1 a{ background-color:#7f48da;}
.i-widgets .widgets-list li.iw-2 a{ background-color:#f1951d;}
.i-widgets .widgets-list li.iw-3 a{ background-color:#f14a1d;}
.i-widgets .widgets-list li.iw-4 a{ background-color:#1dc6f1;}
.i-widgets .widgets-list li.iw-5 a{ background-color:#3aad45;}
.i-widgets .widgets-list li.iw-6 a{ background-color:#3388ff;}
.i-widgets .widgets-list li.iw-7 a{ background-color:#90d942;}
.widgets-list li.new a:after{ content:""; position:absolute;top:0;left:0;width:37px;height:37px; background:url(images/widget_new_icon.png) no-repeat;}

/*高级控件*/
.i-widgets .alert {
	margin: 0 15px;
}
.i-widgets .alert .btn {
	margin-top: 10px;
}
/*我的模板*/
.my-template .alert-none { margin-top: 50px; }
.my-template { padding: 10px 12px; }
.my-template .temp-item-m { width: 94px; height: 173px; }
.my-template .temp-item-m .temp-card img { height: 129px; width: 86px; }
/*已有导航*/
.my-nav > .panel { height: 50%; margin: 0; border-radius: 0; }
.my-nav > .panel:last-child { border-top: 1px solid #ececec }
.my-nav .nav-list li { border: 1px solid #fff; margin-bottom: 3px; padding: 1px; cursor: pointer; position: relative; }
.my-nav .nav-list li:hover { border-color: #1dc6f1; }
.my-nav .nav-list li.active:after { content: ""; display: block; width: 38px; height: 38px; position: absolute; bottom: 1px; right: 1px; background: url(images/oneKey_style_list_active.png) no-repeat; }
.my-nav .panel-body { top: 38px; }
/*快速布局*/
.app-quick-layout li { float: left; margin:0 8px 8px 0; position:relative; }
.app-quick-layout li a { display: block; width: 82px; height: 62px; border: 2px solid #fff; padding: 1px; border-radius: 8px; overflow: hidden; }
.app-quick-layout li a img { width: 100%; height: 100%; background: #ccc; border-radius: 7px; }
.app-quick-layout li.active a, .app-quick-layout li a:hover, .app-quick-style li.active a, .app-quick-style li a:hover { border-color: #1dc6f1; }
.app-quick-layout li a .img1{ display:block;}
.app-quick-layout li a .img2{ display:none;}
.app-quick-layout li.active a .img1{ display:none;}
.app-quick-layout li.active a .img2{ display:block;}
.app-quick-layout li .d{ display:none;}
.app-quick-layout li .d{ position:absolute;top:0;left:0;width:82px; height:62px; line-height:62px; text-align:center;color:#fff; background:rgba(0,0,0,.7); border-radius: 8px; cursor:no-drop; }
.app-quick-layout li.disabled:hover .d{ display:block;}
/*快速样式*/
.app-quick-style li { float: left; margin-right: 2px; }
.app-quick-style li a { display: block; padding: 1px 6px;margin-bottom:5px; line-height: 100%; border: 1px solid #fff; border-radius: 8px; color: #666; text-decoration: none; }
.app-quick-style li a span { display: inline-block; width: 12px; height: 12px; background: #ccc; margin: 2px; vertical-align: middle; }
.app-quick-style li a span.gray { background-color: #d9d9d9; }
.app-quick-style li a span.black { background-color: #363636; }
.app-quick-style li a span.blue { background-color: #50c6f8; }
.app-quick-style li a span.purple { background-color: #8d69bc; }
.app-quick-style li a span.orange { background-color: #fd8f33; }
.app-quick-style li a span.red { background-color: #f85f50; }
.app-quick-style li a span.yellow { background-color: #f8cc50; }
.app-quick-style li a span.green { background-color: #5bd385; }

/*右侧表单*/
.m-right .divider {
	height: 1px;
	margin: 0 10px 20px;
	background: #ececec;
}
.m-right .form-label {
	width: 80px;
}
.m-right .form-block > .form-content {
	padding: 0 20px;
}
.panel.power-panel{border:none;}
.panel.power-panel > .collapse-nav {border-radius:4px; overflow:hidden;}
.panel.power-panel > .panel-collapse{margin:0 -20px;}

.m-right .form-group {
	margin-bottom: 5px;
}
.m-right .form-block .panel {
	border-color: #ececec;
	border-radius: 4px;
}

.m-right .control-info{margin-bottom:15px;padding:0 20px;}
.m-right .control-info strong{margin-right:10px;}

.m-right .city-select{font-size: 0;}
.m-right .city-select select{ font-size: 12px; width:77px ; border-radius:0;margin-left:-1px; }
.m-right .city-select select:first-child{border-radius:4px 0 0 4px ;}
.m-right .city-select select:last-child{border-radius:0 4px 4px 0 ;}

/*.thumbnail.img-box {
	width: 60px;
	height: 60px;
	position: relative;
	padding: 1px;
	border: 1px solid #ececec;
	text-align: center;
}

.thumbnail.img-box a {
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 18px;
	background: #ccc;
	color: #fff;
}
.thumbnail.img-box:hover {
	border: 1px solid #1dc6f1;
}
.thumbnail.img-box:hover a {
	display: block;
}*/
/*模板大厅*/
.template-center .modal-dialog {
	width: 738px;
}
.template-center .modal-header {
	background-color: #40b0ff;
	border-bottom: 1px solid #098ac7;
	border-radius: 5px 5px 0 0;
}
.template-center .modal-header h4 {
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.template-center .modal-header .close {
	width: 28px;
	height: 28px;
	background: #fff;
	margin: 0;
	border-radius: 14px;
	line-height: 28px;
}
.template-center .modal-body {
	padding: 0;
	height: 480px;
	overflow: hidden;
	border-radius: 0 0 6px 6px;
}
.template-center .tab-nav {
	border-bottom: 1px solid #ccc;
}
.template-center .tab-nav li a {
	font-size: 14px;
}
.template-center .tab-nav > li.active > a {
	background: #fcaa3f;
}
.template-center .recommend {
	height: 443px;
	padding: 10px;
}
.template-details {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-bottom: 0;
	border-radius: 0;
	box-shadow: 0 1px 6px rgba(0,0,0,.4)
}
.template-details .panel-header {
	padding: 3px 15px;
}
.template-details .c-box {
	height: 100%;
}
.template-details .c-left {
	width: 240px;
	padding: 10px 20px;
	float: left;
	height: 100%;
}
.template-details .c-right {
	margin-left: 250px;
}
.template-details .c-right .thumbnail {
	float: left;
	width: 252px;
	height: 378px;
	margin: 0 10px 0 0;
}
.template-details .temp-title {
	font-size: 32px;
	font-weight: normal;
}
.template-details .text {
	margin-bottom: 8px;
}
.template-details .alert {
	margin-top: 12px;
	color: #777;
}
.temp-widgets h4 {
	font-size: 15px;
	margin-bottom: 10px;
}
.temp-widgets > ul > li {
	float: left;
	width: 90px;
	margin:0 10px 5px 0;
	padding: 5px 30px 5px 10px;
	border: 1px solid #ececec;
	position: relative;
}
.temp-widgets > ul > li:after {
	font-family: "fontello";
	content: '\e802';
	font-size: 16px;
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	position: absolute;
	right: 5px;
	top: 7px;
	color: #090;
}
.temp-column {
	padding: 0 0 20px 0;
}
.temp-column .title {
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	color: #40b0ff;
}
.temp-item {
	width: 238px;
	height: 378px;
	overflow: hidden;
	float: left;
}
.temp-item.has-sub {
	padding: 0 3px;
}
.temp-item-m {
	width: 112px;
	height: 189px;
	margin: 0 2px;
	overflow: hidden;
	float: left;
}
.temp-card {
	text-align: center;
	border: 1px solid #fff;
	padding: 3px;
	position: relative;
	cursor: pointer;
}
.temp-card:hover {
	border-color: #ccc;
}
.temp-card.vip::after{position:absolute;top:6px;left:0px;;display: block;  color: #fff;height:18px; line-height: 18px;padding:0 3px; text-align: center;}
.temp-card.vip-level1::after{ background: #ff7109;content:"普通VIP"}
.temp-card.vip-level2::after{ background: #ee3a2c;content:"VIP专享"}
.temp-card.vip-level3::after{ background: #ee3a2c;content:"商業版"}

.temp-item .temp-card .thumbnail { height: 346px; }
.temp-item-m .temp-card .thumbnail { height: 157px; }
.temp-item .temp-card.active:before, .temp-item-m .temp-card.active:before { content: ''; position: absolute; top: 3px; right: 3px; display: block; border-width: 20px; border-color: #fcaa3f #fcaa3f transparent transparent; border-style: solid; height: 0; width: 0; z-index: 1; }
.temp-item .temp-card.active:after, .temp-item-m .temp-card.active:after { position: absolute; top: 3px; right: 3px; font-family: "fontello"; content: '\e85a'; font-size: 14px; color: #fff; display: block; width: 24px; height: 24px; line-height: 24px; z-index: 2 }
.temp-card h5 {
	margin-top: 5px;
}
.temp-card .menu {
	display: none;
	position: absolute;
	bottom: 27px;
	left: 3px;
	right: 3px;
}
.temp-card:hover > .menu {
	display: block;
}
.temp-card .menu a {
	display: table-cell;
	text-align: center;
	width: 1%;
	color: #fff;
	padding: 3px;
	background: rgba(0,0,0,.5);
}
.temp-card .menu a:hover {
	color: #ccc;
	background: rgba(0,0,0,.7);
}
.all-temp {
	height: 443px;
}
.all-temp .c-box {
	border-radius: 0 0 6px 6px;
	overflow: hidden;
}
.all-temp .c-left {
	background: #f5e5b1;
	padding: 10px;
	height: 100%;
	width: 190px;
	float: left;
}
.all-temp .c-right {
	margin-left: 190px;
	height: 100%;
	padding: 10px 20px
}
.all-temp .c-right .temp-item-m {
	margin: 0 7px;
}
.all-temp .temp-class h4 {
	font-size: 14px;
	color: #c9770b;
	border-top: 1px dotted #d3c38f;
	border-bottom: 1px dotted #d3c38f;
}
.all-temp .temp-class ul {
	padding: 10px 0;
}
.all-temp .temp-class ul li {
	float: left;
	margin: 0 5px 5px 0;
}
.all-temp .temp-class a {
	text-align: left;
	padding: 4px 10px;
	line-height: 24px;
	color: #e89221;
}
.all-temp .temp-class ul li.active a {
	background: #e89221;
	color: #fff;
}
.app-base-info .modal-dialog {
	width: 480px;
}
.gallery-img-list{height:300px;margin:10px 0 0;padding:0 10px;}
.gallery-img-list .img-list .thumbnail{width:67px;height:67px;}

/*帮助*/
.help-panel{z-index:5000; max-width: 188px;}
.help-panel:hover{ z-index:5001;}
.help-panel p { color: #a27c3b; padding-left: .5em; }
.help-panel a { color: #a27c3b; text-decoration: underline; }
.help-panel ul li{ list-style:disc;margin:5px 0 5px 20px;}
.help-page-list{left:280px;top:165px;}
.help-save-template{top:140px;left:50%;margin-left:-65px;}
.help-save-template.tooltip:after{left:140px;}
.help-save-template.tooltip:before{left:138px;}
.help-template{ top:35px;right:436px;}
.help-close{top:68px;right:216px;-webkit-animation:bounce 1s .2s ease infinite both;-moz-animation:bounce 1s .2s ease infinite both;}
.help-my-nav{top:122px;right:22px;}
.help-my-nav.tooltip:after{left:140px;}
.help-my-nav.tooltip:before{left:138px;}

/*初始动画*/
@-webkit-keyframes loadLeft {
	0% {left:-280px;opacity:0}
	100% {left: 0;opacity:1}
}
@-webkit-keyframes loadRight {
	0% {right:-340px;opacity:0}
	100% {right: 0;opacity: 1}
}
@-moz-keyframes loadLeft {
	0% {left:-280px;opacity:0}
	100% {left: 0;opacity:1}
}
@-moz-keyframes loadRight {
	0% {right:-340px;opacity:0}
	100% {right: 0;opacity: 1}
}
/*弹跳动画*/
@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-8px)}
60%{-webkit-transform:translateY(-5px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-8px)}
60%{-moz-transform:translateY(-5px)}
}
/*摇摆动画*/
@-webkit-keyframes shake{
0%,100%{-webkit-transform:translateX(0);}
10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);}
20%,40%,60%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
0%,100%{-moz-transform:translateX(0);}
10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);}
20%,40%,60%,80%{-moz-transform:translateX(10px);}
}
/*loading旋转*/
@-webkit-keyframes rotate{
	0%{-webkit-transform:rotate(0deg);} 
	100%{-webkit-transform:rotate(360deg);} 
}
@-moz-keyframes rotate{
	0%{-moz-transform:rotate(deg);} 
	100%{-moz-transform:rotate(360deg);} 
}
/*loading旋转*/
@-webkit-keyframes antiRotate {  
	0% {-webkit-transform:rotate(deg);}
 	100% {-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes antiRotate {  
	0% {-moz-transform:rotate(deg);}
 	100% {-moz-transform:rotate(-360deg);}
}
#simulator_menu {position: absolute; padding: 2px; overflow: hidden; border-radius:3px;display:none;z-index:1000; }
#simulator_menu > .btn-group { z-index: 2; }
#simulator_menu > .btn-group .btn{padding:1px 2px; border-radius:0;border-color:#fff;}

/*浏览器版本*/
.ie-warning{box-sizing:content-box; display:none; width:458px;height:224px;padding:120px 30px 30px;margin:30px auto;background:url(images/browser_warning.gif) no-repeat;}
.ie-warning .browser{ list-style:none;padding:20px 0;}
.ie-warning .browser li{ float:left;}
.ie-warning .browser li a{ display:block; text-align:center;width:150px;}
.ie-warning .back{padding-top:20px;margin-top:20px;border-top:1px dotted #ececec; text-align:center;}
.ie8-warning { display:none;width:100%;height:30px; z-index:1000;line-height:28px;color: #8a6d3b;background-color: #fcf8e3;border-bottom:1px solid #faebcc; text-align:center;}
/*IE8以下浏览器*/
.ie-none body{ background-color:#ebebeb;}
.ie-none .m-top,.ie-none .m-body{ display:none;}
.ie-none .ie-warning{ display:block;}
.ie-none .m-loading{display:none !important;}
/*IE8*/
.ie8 .m-body{}
.ie8 .ie8-warning{display:block;}

@-webkit-keyframes fadein {  0% {
	opacity:0;
}
 100% {
	opacity:1;
}
}
@-moz-keyframes fadein {  0% {
	opacity:0;
}
 100% {
	opacity:1;
}
}
.fade-in{ -webkit-animation: fadein .8s linear; -moz-animation: fadein .8s linear;}

.modal.large .modal-dialog{width:640px;}
/*证书设置*/
.app-base-info  input[type="file"]{display:none;}
.panel-group.select{padding:0;}
.panel-group.select .panel{ border: 1px solid #e1e1e1; margin-bottom:10px;}
.panel-group.select .panel:hover{border:1px solid #1dc6f1;}
.panel-group.select .panel.active{border:3px solid #1dc6f1;}
.panel-group.select .panel.disabled{border-color:#e1e1e1; background: #f9f9f9; }
.panel-group.select .panel .panel-header{ padding-left:30px; border-bottom: none; }
.panel-group.select .panel .panel-header h3{ font-size: 14px;color:#666;margin:5px 0; font-weight: normal;cursor: pointer;}
.panel-group.select .panel.disabled .panel-header h3{cursor: no-drop;}
.panel-group.select .panel .panel-header .icon-ok-circle{position: absolute;left:6px;top:14px; color:#666;font-size: 13px;}
.panel-group.select .panel.active .panel-header .icon-ok-circle{color:#1dc6f1;}
.panel-group.select .panel.disabled .panel-header .icon-ok-circle{color:#999;}
.panel-group.select .panel .panel-collapse{border-top:1px solid #e1e1e1;}
.app-base-info .title{ font-size: 14px; margin-bottom:10px;}
.base-setting{margin:0 60px;}
.apple-cer-list{margin-bottom:20px;}
.apple-file-table{  width: 100%;}
.apple-file-table th{ text-align: center;padding:5px 10px;color:#666; background: #f9f9f9;border-left:1px solid #e1e1e1;}
.apple-file-table th:first-child{border-left:none;}
.apple-file-table td{ text-align: center;  padding: 5px;vertical-align: top;}
.apple-file-table .img-item{  display: inline-block;}
.apple-file-table .img-item.apple-icon-1{width:57px;height:57px;}
.apple-file-table .img-item.apple-icon-2{width:114px;height:114px;}
.apple-file-table .img-item.apple-icon-3{width:120px;height:120px;}
.apple-file-table .img-item.apple-start-1{width:100px;height:150px;}
.apple-file-table .img-item.apple-start-2{width:200px;height:300px;}
.apple-file-table .img-item.apple-start-3{width:200px;height:355px;}
.apple-file-table .img-item .progress{height: 4px;width:90%; position: absolute;left:0;bottom:0;margin:3px 5%;}
.app-base-info .alert ul.list{margin:5px 0;}
.app-base-info .alert ul.list li{ list-style: disc;margin-left:30px;}

.r-o{left:0;top:0;position: absolute;width:100%;height:0;z-index:10;}
.ios-4, .ios-5{position: relative;}
.ios-4 .r-o,.ios-5 .r-o{height:100%;}
input[type="text"].disabled {
  background: #ececec;
  color: #999;
  box-shadow: inset 0 2px 8px rgba(0,0,0,.1);
}
.input-text{color:#999;font-size: 14px; line-height: 32px;}
.text.select {-webkit-user-select: text;}

/*iphone7*/
.m-simulator.iphone-7{ width: 375px;margin-left: -236px;}
.m-simulator.iphone-7 .display-area { height: 667px; }

/*消除浮动*/
.clearfix{ zoom:1; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }

.modal-global-login .form-row input[type="text"],.modal-global-login .form-row input[type="password"]{width:220px}
.modal-global-login .form-row-global{position: relative;}
.modal-global-login .form-row-global .username{padding-left:120px;}
.modal-global-login .localeSelection{
    display: block;
    position: absolute;
    border: solid 1px transparent;
    color: #666;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 14px;
    line-height: 24px;
    height: 28px;
    width: 110px;
    top: 2px;
    font-size: 14px;
    background-color: transparent;
    background-image: url(images/selectArrow.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 4px;
    box-shadow: none;
    left: 74px;
    padding: 2px 6px;
    border-right: 1px solid #ececec;
    border-radius: 0;
}