/* 基础设置 */

body,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	font-weight: normal;
}
ol,ul,dl,dt,dd{	
	list-style: none;
	margin: 0;
	padding: 0;
}
li{
	list-style: inherit;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	vertical-align: middle;
}
th,td{
	padding: 0;
}
tbody,thead,tfoot,tr,th,td{
	border: inherit;
}
a{
	text-decoration: none;
	color: inherit; 
	cursor: pointer;
}
a:hover{
	color: #f47b0f;
}
img{
	border: none;
}
input,textarea{
	padding: 0.2em 0.3em;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
}
select{
	font-size: inherit;
	font-family: inherit;
	color: inherit;
}
input[type=button],input[type=submit]{
	cursor: pointer;
}
.disabled{
	cursor: default !important;
}
input[type=radio]{
	vertical-align: text-top;
}
hr{
	border: none;
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
}
iframe{
	border: none;
	width: 100%;
	display: block;
}


/* 字体设置 */


body{
	color: #8b8b8b;
	font-size: 14px;
	font-family: "helvetica",  "微软雅黑","microsoft yahei", sans-serif;
}


/* 颜色类 */

.orange{
	color: #ff9e22;
}
.gray{
	color: gray;
}
.white{
	color: white;
}
.lighter{
	color: #B5B5B5;
}
.red{
	color: #d73030;
}
.green{
	color: #7dbf30;
}


/* 功能类 */

.table{
	display: table;
	width: 100%;
}
.table > dd{
	display: table-cell;
	vertical-align: inherit;
}

.v-top{
	vertical-align: top !important;
}
.v-middle{
	vertical-align: middle !important;
}
.v-bottom{
	vertical-align: bottom !important;
}

.t-left{
	text-align: left;
}
.t-center{
	text-align: center;
}
.t-right{
	text-align: right;
}

.f-left{
	float: left;
}
.f-right{
	float: right;
}

.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.left{
	left: 0;
}
.right{
	right: 0;
}
.top{
	top: 0;
}
.bottom{
	bottom: 0;
}

.hide{
	display: none;
}

.box-sizing{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.float-box{
	overflow: hidden;
	width: 106.7961%;
	margin: 14px 0;
}
.float-box > div{
	float: left;
}
.one-forth{
	width: 22.7273%;
	margin-right: 0.9091%;
}
.three-forth{
	width: 70%;
	margin-right: 0.9091%;
}
.one-third{
	width: 30%;
	margin-right: 1.8182%;
}
.two-third{
	width: 61.8182%;
	margin-right: 1.8182%;
}
.one-twice{
	width: 45.4545%;
	margin-right: 2.7273%;
}
.one-fifth{
	width: 16.5957%;
	margin-right: 2.6596%;
}


.clearfix:before , .clearfix:after,
{
	content: ''; 
	display: block; 
} 
.clearfix:after { 
	clear: both; 
}
.clearfix {
	zoom: 1; 
}

.border{
	border: 1px solid #e0e0e0;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.border-child > div{
	border: 1px solid #e0e0e0;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nowrap{
	white-space: nowrap;
}
.wrapping{
	white-space: normal;
}

[role='button']{
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	
}
[role='button'] i{
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
}
.remove{
	position: fixed;
	bottom: 0;
	right: 200%;
}


/* 特效相关 */

.slide , .slide .viewport{
	overflow: hidden;
}
.slide ul:first-child{
	width: 10000%;
	position: relative;
}
.slide ul:first-child li{
	width: 1%;
	float: left;
}


.tip{
	display: block;
	color: #aaaaaa;
	font-size: 12px;
	text-align: left;
	text-indent: 0;
	max-width: 230px;
	letter-spacing: 0;
	z-index: 101;	
	position: absolute;
	padding: 0 1em;
	line-height: 25px;
	border: 1px solid #E5E5E5;
	border-color: rgba(255,255,255,1);
	border-radius: 4px;
	box-shadow: 1px 1px 3px #d3d3d3;
	background: white;
	background: rgba(255,255,255,0.9);
	
	
	transition: all 0.2s;
	opacity: 0;
	filter: alpha(opacity:0);
}
.tip.on{
	opacity: 1;
	filter: alpha(opacity:100);
	margin-top: -4px;	
}


[tip]{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQdJREFUeNqklM1Kw0AUhW9CVChiMxBFhS66EQpd+Va+jhvB5xKEEpEu3LQNKVoGZJqM58qMxMk0P82Bj0wWc3Lu3DsJqK4TkIALs2btwSfIwLe7IXDeb8A1CMkvDVbgw6z/mfBzCgR1E6dKrVFQSXBL/bQBS2tyCuae0ijP8yd+CiEeDhi9Asm1X/oMWGVZKqYhTWKTzMCIjhN36iU05XiFcp6zLHtsMDnjTkZNn4nj+L4oil1LGs1JFB0vZU2+Bpj87o1Mv70dklKmSqldy6z8bZyAq54ptuDNHfs7cN7RQIIFKNwLGJpESYcE7zyLh24xmcHj0sbmzKq/gjWonVGgtaah+hFgAFYIRrRKj0RLAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}






/* 框架 */

body{
	min-width: 1200px;
}
.layout{
	min-width: 1200px;
	top: 0;
	left: 0;
	height: 100%;
}
.sidebar{
	height: 100%;
	position: fixed;
	background: #383e42;
	width: 80px;
	transition:width 0.5s;
	overflow: hidden;
	z-index: 50;
}
.right-panel{
	position: relative;
	padding-top: 60px;
	padding-left: 80px;
	/*z-index: 0;*/
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	transition: padding-left 0.5s;
}
.topbar{
	position: fixed;
	height: 60px;
	width: 100%;
	top: 0;
	border-bottom: 1px solid #e5e5e5;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	background: url(../img/topbar_bg.png) repeat-x;
	line-height: 60px;
	z-index: 49;
	
	transition: left 0.5s;
}
.right-panel .topbar{
	left: 80px;
}
.sidebar.open + .right-panel .topbar{
	left: 210px;
}
.main{
	height: 100%;
	overflow: auto;
}
.main > div{
	position: relative;
	overflow: hidden;
}

.sidebar .user-logo{
	width: 47px;
	height: 47px;
	margin-top: 60px;
	margin-bottom: 80px;
	margin-left: 16px;
	
	position: relative;
	transition: all 0.5s;
}
.img-wrap .img-mask{	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
}
.sidebar .user-logo img{
	width: 100%;
	height: 100%;
}
.wiwide-logo{
	position: absolute;
	bottom: -40px;
	text-align: center;
	width: 100%;
	transition: bottom 0.5s;	
}

.sidebar.open{
	width: 210px;
}
.sidebar.open .user-logo{
	width: 83px;
	height: 83px;
	margin-top: 45px;
	margin-bottom: 65px;
	margin-left: 60px;
}
.sidebar.open .wiwide-logo{
	bottom: 20px;
}
.sidebar.open .wiwide-logo.out{
	bottom: -40px;
}
.sidebar.open .nav a i{
	margin-left: 40px;
	margin-right: 18px;
}
.sidebar.open .nav li.active{
	color: #f47b0f;
}
.sidebar.open .nav a span{
	opacity: 1;
	filter: alpha(opacity:100);
}
.sidebar.open + .right-panel{
	padding-left: 210px;
}
.sidebar.open .nav [alt='apps'].open{
	height: 204px;
}
.sidebar.open .nav [alt='data'].open{
	height: 255px;
}
.sidebar.open .nav [alt='wifi'].open{
	height: 255px;
}

.nav{
	margin: 20px 0;	
	font-size: 14px;
	border-bottom: 1px solid #42484c;
}
.nav li{
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	border-top: 1px solid #42484c;
	color: white;
	transition: all 0.5s;
	white-space: nowrap;
}
.nav li.active{
	background: #31363a;
	color: #f47b0f;
}
.nav li li{
	background: #31363A;
	padding-left: 76px;
}
.nav li b{
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	width: 13px;
	height: 0;
	margin-left: 37px;
	transition: height 0.5s;
}
.nav li.open b{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkU2OUFGN0I4NzU4MTFFNDg5QkFFNTFGODQ4RkZFREQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkU2OUFGN0E4NzU4MTFFNDg5QkFFNTFGODQ4RkZFREQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDo0MTVCOTZGNTZCODhFNDExOUE1NzkwNkM3OTAzMzY1RSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnghz8IAAABsSURBVHjaYvz//z8DqYAJhzgrEDsAMSc2SUYsNoE0RACxIBD/BOJFQPwdn00wDT+AeCoQPwLiOHQbmXBoWAvEf4F4BzaNTDg0/IOK/8emEeQnXBpQ/A7EHkAsB/IjSJM3kMGFRwO6Rh6AAAMAdDcj4BxH/OQAAAAASUVORK5CYII=");
	height: 8px;
}
.nav a{
	display: inline;
}
.nav a span{
	opacity: 0;
	filter: alpha(opacity:0);
	transition: opacity 0.5s;
}
.nav a i{
	margin-left: 30px;
	margin-right: 40px;
	width: 18px;
	height: 15px;
	transition: margin 0.5s;
}



.nav [alt='home'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkE4NEUxNjE4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE4NEUxNjA4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoBr2NoAAADESURBVHjaYvz//z8DDiAJxDFA/BCI1wLxXwY8gAmHuDgQxwIxNxBrAXEwHrU4DRIF4jgg5kISAxkWiM8wdAkhqCHcWNTqArEvEDMSMkgQiBOAmBePDwyB2BubYTCD+KAu4WMgDEyA2B2XQb5QFxELLIBYE5tBYgykAwVkDgsehbeB+CwQswKxAxAL44soXAY9A+LlQPwPyn8MxDn4LMaVLm4iGQICH4D4OTkpG1t2+E+OQSQDqhv0Hk2ckQi9H5A5AAEGAK17GVyn7ZsCAAAAAElFTkSuQmCC");
}
.nav [alt='apps'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkE4NEUxNjU4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE4NEUxNjQ4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phr6gC8AAAEZSURBVHjapJJNagJBEIV7gnvRMeuRmEXIIieIOjE3EMRFLpeFLnKGSGb0EkrAQCQr/04gjq/gRSuVbgyk4MMZX8+jq+pFRVE41h1ogipYggy8u1PdghTEYA1yMP0WIxqJSdf9rD0YgA9wA/pyXuny4QuYycsF/2y53yXavdIjo0fswGmjivNX9YxesUarwMHVH/Wj0Rt71rUDYz5nnJmdYWaHLXXFWZS5FTH5Uh8m1KXdLfWFz+hfVVLPDdBROXo1N6qDR1DjjUfg095IwtYzK5YZPPP61+DJow/BXA879eREtPYZ/cFuLQ60Hps8hXJ2NNoEDq75uw3oG2uUe3IkM5go3Zej3Lf+BnuOA1tLuLVLJnqkc3QQYAC2WU3mFFAsTAAAAABJRU5ErkJggg==");
}
.nav [alt='data'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkFFNjE1OUE4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkFFNjE1OTk4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp13e7MAAABHSURBVHjaYvz//z8DiYATif0dxmBhIB2UI7EbYAwmBioBqhnEQk54kGMQ1vCgm9eI9gYhg4j2Bk29NmoQYcBIRu7HCgACDABA7QwGGAxC4AAAAABJRU5ErkJggg==");
}
.nav [alt='wifi'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkFFNjE1OUU4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkFFNjE1OUQ4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po/kylEAAAFXSURBVHjalNPPKwRhHMfxmSW2TZRfaVHkYJUcUcimlhycnVz8Mf4QF057cFYOm4sbUhTi4KC2sNbv3R3vb322HmMm46lXs83OfJ/vj2f8IAi8P1arrrUkD7lrCJMYQScyuv+Oe1zhFA/uS76TkQVYwXAocAOpiHsWbB/PzUA+1wXk9cIbjnGBMl70YhcGlW1Oz76iiEsLVODHHCy1IxyojH5kFeALFdygih6sqXzbZMd61KcH95TuKAoK4kWUdKbNtrGMWXRbRhasTSUtYd5Kxoca+6QyepVBi/4rqvwOy9Jt9hg2tGsJh/gMZWRlrqpHdWzp+mNqaWV0jmtMYAYDOkO32sCOwLSqKEWN3115CS8LuGtTSnIgPU2spqaeaPdFTGlivwLFZWQNbdcAchr9XbOxUS+kYjKq67CNYx2b6mH1P9+aux41uYrOWuzyE379DYld3wIMAFo9bah7YegDAAAAAElFTkSuQmCC");
}

.nav [alt='home'] a:hover i , .nav [alt='home'].active i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRDNzcyQTI4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRDNzcyQTE4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ4MkY5M0QzODVFNDExOTRBOUU2MTY4NEVGNUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi8FhLYAAADUSURBVHjaYvz//z8DQwsXAxZgBMTbgfgwEEcB8S8MFTXf4EwmBuxAF4h3ArEYEAcD8VIgZmbAA7AZpAnEe4FYBEksBIgX4TMM3SAVIN4DxKJY1IK8NxuIGQkZpAjE+4FYCo8PEoF4OjbDYAbJQL0jw0AYpANxPy6DZkFdRCzIB+IgbAZpM5AO7AnFGgxsA+IAaCDfxiLPisxhwWHIGSD2A+K/UP4xIL4BxBykpCMQ2IxkCAg8BOLzpCZIBqzZAdVgog0iGVDdoHto4oxE6L2PzAEIMADHwyDI0JkqHgAAAABJRU5ErkJggg==");
}
.nav [alt='apps'] a:hover i , .nav [alt='apps'].active i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRDNzcyQTY4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRDNzcyQTU4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ4MkY5M0QzODVFNDExOTRBOUU2MTY4NEVGNUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmlgQZkAAAFLSURBVHjajJNLSgNBFEUrMThwpjuI0YCgAyeKIv7QOFRwqAsREjVRl+JMgjgQieLfFrIAAwniDnQoCIntabmlnbILfHCo6rqvbv1ep8IwNOagzxAbUIQcPME2nJrfWIcy5KEJu3BsSu/fYlpJm3AII9AL43ACS9LX4AhGpY9BFVbtKtaoaP5GD2ypX4KUo6fi86zRoEmOnNqsR8+6Rg1PYuOf+o9RtPVPJ+kD9tTfgbajtzXeZRS9TgFu4AXOYA7q0q9hES6kR+0C3FqjTGyFS+GLey2WGOlYf1k7eNVKk05utMNHeIMAZpOMomKrwQQMKOkBZqSvwBVMQT9M67vgGpUT6iSj6o6i4uze1lnFNcp7jm7Hhzz6sGvU8iQ21T579FbS0cKEOtlXP/pBO47e0bwuo6outK5XudNFB9JrqqMg9mrzcG6NvgQYAKTwRpK84gfQAAAAAElFTkSuQmCC");
}
.nav [alt='data'] a:hover i , .nav [alt='data'].active i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRGN0QyMjU4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRGN0QyMjQ4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ4MkY5M0QzODVFNDExOTRBOUU2MTY4NEVGNUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuXi3lEAAABQSURBVHjaYvz//z8DGLRwMRAJBOGsmm/vYUwWBtLBOyQ2I4zBxEAlQDWDWIgODwaG95QYhDU86OY1or1ByCCivUFTr40aRBgwwnM/hQAgwAA+gQ3u3vSZ7AAAAABJRU5ErkJggg==");
}
.nav [alt='wifi'] a:hover i , .nav [alt='wifi'].active i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRGN0QyMjk4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRGN0QyMjg4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ4MkY5M0QzODVFNDExOTRBOUU2MTY4NEVGNUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi9MkSAAAAFhSURBVHjanNLLKwZRHMbxGV6hZKWIKAvkUjZEViRlxUtZyc5WdqSEcimXRKyslZSUrFxKKZt3I/kHSELhzf369vqeeqamaWbIqc9Mnc75nedc7OR4pvVLy9D/PWxQik9fPRZwjFu8SRyHGEaxd5LtSlSHeTR4xiSQ6un7xhoGceUksrXKkYrElagZBUjXmCJ0YUPFenCKVifRNP8BJLGEETygErUoxCsucYAblGAFjUrXFuFToYG9ituEGdT4nJ/Z5roWa8Ec+k1hk8hEz8I9JjCkrTxiD+cwC5YrQRqe0I1t5OHafdhmhV2tOolZPHsSmXNaRBSfCvBlaSWnxbCMLeyjQ7Gr9YbM1U+hE33uIt7rd7cxjPr0f6AdO395kKZVaZJ5J/koxaqeQpnfhKBE5kCzdQFRXX3MOVi/CZGARGbvd9rGpg42N6hIWCGnneEFF3pr1n8LnSBHCRNhA38EGABp1lp5l2xwVAAAAABJRU5ErkJggg==");
}

.topbar ul{
	float: left;
	margin-left: 8px;
	line-height: 60px;
	text-align: center;
}
.topbar li{
	display: inline-block;
	height: 18px;
	line-height: 18px;
	width: 56px;
}
.topbar li + li{
	border-left: 1px solid #dfdfe0;
}
.topbar ul a{
	display: inline-block;
}
.topbar ul a i{
	width: 20px;
	height: 20px;
}
.topbar a[name='nav-switch'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkFFNjE1QTI4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkFFNjE1QTE4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/ProAEQIAAABISURBVHjaYvz//z8DNQETA5UBIxD7UsswoG83U92FVDeQqgAUwYPfyyzUjGUgGAKxDErYrFSM5d+DP9mMxFge9AUs1Q0ECDAAFVYWE3GLUAQAAAAASUVORK5CYII=");
}
.topbar a[name='message'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARlJREFUeNpi+v//PwM1MQsDDrB582Y+IJUHxMFArA4Vvg7E64B4kq+v72ds+hhBpmIxzAhIbQRiGRz2PQLiAKCh59ElmLAYJgukduAxDATkgHgnVC1+A4GgDYhFGQgDkJpmvF4G2sgNpF4DMScDceAbEIsAvf4dlwvVSDAMBLiAWBGfl7kZSAdC+AxkJ8NAJnwGCpBhoAg+A6XIMFACn4GaZBiogc9AczIMtMBqIDANKgMpAzIMNAbqVcTmwnocOYeYWK5FMRBoQyqQimUgHyQCzUhCdqE4EN+gwEBQsSaLLS8LQcMRFJ7S0DSmBcSOUCX7oJrfAPFTIL4DxBeBefkd3vIQrTiTB1KHoFw7oOaH+NQTNJBUABBgAG8Bgy6VJCpHAAAAAElFTkSuQmCC");
}
.topbar a[name='help'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkIyODRGQjg4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkIyODRGQjc4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppq6OCEAAAHBSURBVHjarJS/T8JAFMcpVNG0A/EHIdKBRGd1UGtiNwbiH0ACA3EzJG7suLj7F7A4E3bdNTEaksrE0IGEFDHQLpxRRILvNVdzXNoCCS/5tpe710/fu7v3hMlkElqmifgQBMFrbRu0A9oErdO5L1Af1KHvKcPgBOcxDZRB+xQUZBaoASJBQIScuJHPYb+gFwp3gGEusuMFYO6WHYEkd4IFHoJWWO9sNisbhnFh2/YNCsc4x0FX6beOuSnjAZzyvyeE3EqStDccDruiKMqRSETGcaFQKFWrVcK5PwOr50ao8LBarXaAsPF4TBCQz+cvcT4ajSZyudyuR/rJELNfMX5V1/UPTdOeWq2WjtG02+0rds0DGGNTPg86DIQpipLBaOv1+p2qqg8ebiNg3Yc9DmfKyuVyAmE4rlQq1z6wf4bIVIDkB8XILMt6KxaLRsAV+mYj6/t5NZtNBzYYDLoz7mSfBb77eaXT6UQ8Hj9LpVKZGcAOm3IPZIM2eC+aZsk0TRIAs90I2VrGCtD4apnDfkCPoE++lgkt9NGCsFeE8aXHOkm0fW3NcQgNFubXD9lWlqT7usZcDdwv021Zng12mfYnwACH7cSYEjm+7AAAAABJRU5ErkJggg==");
}

.topbar a[name='nav-switch']:hover i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRGN0QyMkQ4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRGN0QyMkM4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ4MkY5M0QzODVFNDExOTRBOUU2MTY4NEVGNUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PilxrTEAAABFSURBVHjaYvz//z8DNQETA5UB4/8qPuo5sfUjI9VdSHUDWUDeHtQupImXqZkQh0gsC1HbwPejsTzYiq/BXsBS3UCAAAMAzBsNKQSfCPgAAAAASUVORK5CYII=");
}
.topbar a[name='message']:hover i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjUzNzlCMzU4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjUzNzlCMzQ4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ4MkY5M0QzODVFNDExOTRBOUU2MTY4NEVGNUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlIeMsgAAAENSURBVHjaYvz//z8DNQELiEg8xYVNjg+I84A4GIjVoWLXgXgdEE8C4s/oGuabfYMYiAUYAfFGIJbBIg7CaUAcAMTn0TUyYTFMFoh3YDEMGcgB8U6oWoIGtgGxKBHBBVLTTMhAbmiYEQtCgZgTn4Fq6AoIAFBsKhJyIalACJ+B7GQYyITPQAEyDBTBZ6AUGQZK4DNQkwwDNfAZaE6GgRa4DFQGYgMyDDRGTjrIBtbjyDnExHItuoGpQBxLQamVCMRJyAaKA/ENCgy8DisoYMVXCxQLQcMRFJ7S0DSmBcSOUHX7oJrfAPFTIL4DxBeB+B1KAYsE3kE17UMSkwfiQ1A2yFsP8TmVkdpVAECAAQD8sScgnToKCwAAAABJRU5ErkJggg==");
}
.topbar a[name='help']:hover i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjUzNzlCMzk4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjUzNzlCMzg4NzQ0MTFFNEJBMDZBMjc0NDczOTI2MEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ4MkY5M0QzODVFNDExOTRBOUU2MTY4NEVGNUM5RiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiwfbkAAAHZSURBVHjaYvz//z8DNQELiPDd9ACbnCsQhwKxIxDLQcUeAfE+IF4JpVHAZj8FiIFoQAOIpwOxAxY5FShOA+IDQJwJxDeQFTChabAH4lM4DEMHDlC1drgMBLlsIxDzkhBkILXroK5GhCEQMALxPCDmR1YtyMbEEKPGz6DAzw7mP/j4k2HJrY8M73/9Q1YmDMQLgNgG2UBQBFiiW99mJcEgw8fG8Pb7HwYuFiYGNWEOBmNJbobCg8/QDbUGYjcg3gXzcgy6YbbinGDDvv/+BzYgfe8TiHM4WRh0BNmxeT8S2YVm6LJPvv5muPDiG8OV19/BrqkwFEGRwwLMkA2UQpe9/+UPQ+2pV2A2yDBrWR6wa9feeA+WwwKkkQ1kwxWNijwsYMPAYXriJcOF9z9xKWVDTjaP8aUNkMtA3sdjGNwMmIH7cKn6AAy/m29/MLz69ptQmtyHbOBqXKrkuVkZDCS4GGxlCab3NchhuBeIj0LTEwoAebP28HOGj7//4jPsCNQMuAtBZVgKEH/EphpkKI6YBYHXQJyILS+DSg1fIH5HQl5+C8RBQHwHV2lzGJpA9xNhGMiL5lDvMqAXDsjgLhA7QYunCGiml4FlEqgBy4H4IDZbGKldBQAEGABAiY5JMYzfBwAAAABJRU5ErkJggg==");
}

.topbar a[name='message']{
	position: relative;
}
.topbar a[name='message'] span{
	position: absolute;
	top: -8px;
	left: 6px;
	color: white;
	font-size: 12px;
	font-style: normal;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkIyODRGQkM4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkIyODRGQkI4NUQzMTFFNDg2MjNENTRBQ0EwRDZGM0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph2jCckAAAJsSURBVHjarJVdaFJxGMYfdc5lbrm8KItpbS0qRk0oWpHFKoLWVRBrBQURBbsOqvuigi66a32xIEZFddXXRQwq7LthRbtotmnKYmGBms7N/Op57RwQseZ2eg4/eF/lPPzPOf/3+evy+Tz+IhPZTdrJBrKQzCIh8ow8IbdIrOzdYlyGE2QoX5l6ynnoSla8gFwl26TxxZ/DG7mPz4mX+JkOI52bhLXajiWWNrjqd2BFXTt0vCgP2U++qEbFxg3kIWn5kQriRug4hhOv8C8tmu1Cl+MM7DVLpQ2QrcRfatxPtowk3uKK/zCS2SgqkUlvxoHF57G8bpO0r0mbFHrl/1NiGk4FcNl/sGJTUSqXRG+gG6PJQWnXkkuqcQ3ZJc3N0DFMZOOYrn7lJtAXPIJcPivtITJPjPeQ5iF+KHkNM9XYpA8fY4/UtlOM3VJ5I3ehVe+iD9Rysxivl8qfGNBs7Iu/UEu3GDukiqbHNBuPZyKFvU7ZxDgtlUFXhf8hzh3UXTEqxRzjfM2mZoMV1XqJE0TE2FsYO3OLZuPm2nVq6dErc47Vc3dqNm61blfLx2LcR0aW1brRZFkzY1PJCwkmRXfEOKnkKjobTqrvaFoy6IwMo9PMuUJCXJTvVhxCT8nGT3EPev3dzIDxikyNehP2Oc9h1Z/X8J64StOtkchMNn3jeF4PHkUw+WHKx9/rPAuHeaW0YWWKfaXGIie5JiuX/TgY6+eo32OGvGHQfy/sUkuVDY38Fi5rB1rrO9THH1AyZ3iqo6mn9PzJ5jL5TC5d7mi6UMnRVCwb6ZLVK49oV34PK4epbNPb5Gu5m38LMADhDl4M76FD6AAAAABJRU5ErkJggg==");
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
}

.user-menu{
	position: fixed;
	right: 28px;
	font-size: 14px;
	color: #b2b2b2;
}
.user-menu [role='button'] i{
	width: 23px;
	height: 12px;
	vertical-align: middle;
	margin-left: 1em;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAYAAACJOyb4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0JGMkNFRjE4NzJCMTFFNEIzMkJGRTBBQTlFRTAzMjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0JGMkNFRjA4NzJCMTFFNEIzMkJGRTBBQTlFRTAzMjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDoxMjcwREE4NjUxODhFNDExOUE1NzkwNkM3OTAzMzY1RSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pngo0+kAAABRSURBVHjaYmRgYND6////NQYaAMYhazgLya5hZPSlmcuBhoMoYizYTK7hhCzYTInL8VmwmdJgwWXBZnRJkOEMxGIcwJcqqQWHBZuHVyYCCDAArRxNWVdYo0cAAAAASUVORK5CYII=");
}
.user-menu dl{
	height: 0;
	overflow: hidden;
	transition: height 0.5s;
	background: url(../img/user_menu_bg.png) no-repeat;
	width: 207px;
	position: absolute;
	top: 38px;
	right: -39px;
	line-height: 40px;
	text-align: center;
}
.user-menu dl dd:first-child{
	margin-top: 12px;
}

.user-menu.open [role='button'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAYAAACJOyb4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA0OEE1Mjg4NzJCMTFFNEE4RDdFM0M4QzgxQTYxNTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA0OEE1Mjc4NzJCMTFFNEE4RDdFM0M4QzgxQTYxNTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDoxMjcwREE4NjUxODhFNDExOUE1NzkwNkM3OTAzMzY1RSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmyHB2MAAABMSURBVHjaYmRgYND6////NQYaACYGGoLBZTgjIyM27ItNnBou90WjqRYsvvj4TFQ0GEOcicoGo8gz0cBguDoWUk0GZrjNwz8TAQQYAM/jCzeDOrGRAAAAAElFTkSuQmCC");
}
.user-menu.open dl{
	height: 246px;
}

.user-menu:hover dl{
	height: 246px;
}



/* 主页 home page */

.home-page{
	padding: 18px 20px;
	padding-bottom: 0;
}
.home-page h1{
	font-size: 16px;
}
.home-page > h1{
	font-size: 14px;
	margin-bottom: 1em;
	padding: 0 0.3em;
}
.home-page > [alt='more']{
	position: absolute;
	top: 20px;
	right: 28px;
}
.statistics-board{
	text-align: center;
	color: white;
	font-size: 16px;
	letter-spacing: 0.2em;
	margin: 14px 0;
}
.statistics-board > div{
	height: 170px;
	z-index: 0;
}

.statistics-board h2{
	font-size: 40px;
	margin-top: 40px;
	line-height: 45px;
}
.statistics-board h2 + p{
	text-indent: 1em;
}
.statistics-board .top{
	padding-left: 1em;
	padding-top: 1em;
}
.statistics-board .bottom{
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	
}
.statistics-board [tip]{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkNFMTVGREM4NjdGMTFFNEExMjlDMEQxNkZFNjZCOEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkNFMTVGREI4NjdGMTFFNEExMjlDMEQxNkZFNjZCOEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqos4GYAAAD4SURBVHjapFRtC4IwEN60VyRTCCKy31mf+rGhiV+C7GVRc3YHNxg2l+UDD7pze7zbnhtnnxgAQ+CE3jlQAh/AEvhqLuCNcQyMLHETZ+AJWOuAb3xcUgYuAUYZIm9NkZgEumJIa+848CgQ2WamabpFtgjhT0daZOYqgQMcGYV6Y9fAMfsPeGoHj47RijzP91mW7RwiPjN8YEUQBBsppXCI4FruUUqsRzk1iogeIkKXg1aeW2cIUSilng6Ri2n7hc1sSZL45JfKIoCOLUwRfK7Izl2A2R2Bqtk7Vyrvm2d0BqqtixmJYGlTw0MVbWJJV8JP4B26mr0FGABv/jv+QevkJgAAAABJRU5ErkJggg==");
}

.home-page .left-cell{
	vertical-align: top;
}
.home-page .right-cell{
	width: 24.2718%;
	text-align: center;
	vertical-align: top;
}

.home-page .banner{
	width: 98.7179%;
}
.home-page .banner img{
	width: 100%;
	display: block;
}
.home-page .banner [role='button']{
	position: absolute;
	width: 10%;
	height: 100%;
	top: 0;
}
.home-page .banner [name='left']{
	left: 0;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAbCAYAAACjkdXHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThFQkUwRjk4Njg3MTFFNEI4REZBOTE1NjI0Njc0QzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThFQkUwRjg4Njg3MTFFNEI4REZBOTE1NjI0Njc0QzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgmv44cAAACwSURBVHjaYvz//z8DicAQiN8B8UMGkGYScN1/CPgMxGLkaASBn0AsTY7GP0AcBvYuGRpDYXJkaySkGa9GfJoJasSlmSiN2DQTrRFdM0kakTWTrBGmuYQcjTDNT5A0TyAlrYOIciTNv0m1GYQbyDEAmUOyAegCJBmATZBoA3CZWk+MAfj8RNAAQiGK1wBi4hOnAcSmJqwGkFJ61pNbeqLnvq9ALM5IRo1hAq0x7gEEGABaZsZt65enkgAAAABJRU5ErkJggg==");
}
.home-page .banner [name='right']{
	right: 0;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAbCAYAAACjkdXHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThFQkUxMDE4Njg3MTFFNEI4REZBOTE1NjI0Njc0QzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThFQkUxMDA4Njg3MTFFNEI4REZBOTE1NjI0Njc0QzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgQaKvEAAACoSURBVHjanJVNDkAwEEZt2OAO3MEBWLizhRUH4SZjGmnQdMx8M8nX0OQ9VH8KIqo5I6fiFEhCs9BdG6dB4Z2e2hFBaHrO6RHEC5fgfQML0g5IkOs0C6RXMgn+BkQVaL/jV2CZDDlBa4VzgjCVS2QhTPStwQp2nMPz5BQ0f7MIanAnjbIGq6AEm8AcbAZTGALfMAxG2AVKu2eL7J6rB4xwWJ+z58S4BBgAwMYW3fZ6OkoAAAAASUVORK5CYII=");
}


.notice-board{
	padding: 4em 1.5em;
	padding-top: 0;
}
.notice-board h1{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 24px;
	margin-bottom: 36px;
}
.notice-board h2{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 0 1em;
}
.notice-board p{
	line-height: 20px;
	padding: 0 1em;
	text-align: justify;
}
.notice-board .pager{
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0;
	text-align: center;
	color: #e5e5e5;
	font-size: 20px;
}
.pager.point{
	width: 100%;
	text-align: center;
	color: #e5e5e5;
	font-size: 20px;
	background: none;
	padding: 0;
	line-height: 1em;
	height: auto;
}
.pager li{
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY5RkY2MjhCRDY3MTFFNDlDOEVCQ0U5NUExQzkzNjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY5RkY2MjdCRDY3MTFFNDlDOEVCQ0U5NUExQzkzNjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpC4E/EAAABbSURBVHjaYmSAABYg5gNidij/JxB/AuI/jFBJESBmYkAF/4D4DTOQEABiVgZMANLMzIRkLDbAzsRAADBBHYQL/GSCuvYfFkmQ2CdmKOMHyEFQDPPme5A3AQIMAByMD+5y9s8tAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
}
.pager li.active{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY5RkY2MjRCRDY3MTFFNDlDOEVCQ0U5NUExQzkzNjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY5RkY2MjNCRDY3MTFFNDlDOEVCQ0U5NUExQzkzNjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjeWEAMAAABmSURBVHjaYvw/hYsBCBSBuBqIbRkg4DAQtzLmfLvPCFSgDORsBWI+BlTwCYi9mYBEJRZJBqhYJROSsdiAPRMDAcAEdRAucBCkoAPqIAYsjuwAKbgDci0QbwPiL1AMYnsDvXkHIMAAX2sW1hPeeS0AAAAASUVORK5CYII=");
}

.entrance-board{
	margin-top: 14px;
	text-align: center;
	letter-spacing: 0.6em;
	
}
.entrance-board > div{
	height: 170px;
}
.entrance-board [alt='entrance'] img{
	margin-top: 30px;
	margin-bottom: 20px;
}
.entrance-board [alt='entrance'] p{
	text-indent: 0.6em;
}
.recommend-board{
	letter-spacing: 0.1em;
}
.recommend-board h1{
	margin-top: 24px;
	margin-bottom: 28px;
}

.recommend-board [role='button']{
	position: absolute;
	top: 55%;
	width: 11px;
	height: 21px;
}
.recommend-board a[name='left']{
	left: 4em;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAVCAYAAACQcBTNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE5QUU2REY4Njg3MTFFNEI4REZBOTE1NjI0Njc0QzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE5QUU2REU4Njg3MTFFNEI4REZBOTE1NjI0Njc0QzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgR+7eYAAAC9SURBVHjajJO5CsJAFEWNU7lLQCWKFlYWNi6dpcv/f4J11CSuUSvvwB0QcfLewGEYOIe8MElQ0q0QjMsKsQ0WYC+JLbADHUlsgi3oSmKDYk8S6xQjSaxR7GvEDRhIYpXiUBIrYA1GmttZgalGNOACJuAMckl+gQQsQVYUGO5PkDJIefbKLsgYJP8C83POObsNThzRK7vgCubg+B0Yz7s8GNgnHMC7SHbBjUFsAyPcw53RzAaB8h+0n2v4EWAA7qAnbdGtQOYAAAAASUVORK5CYII=");
}
.recommend-board a[name='right']{
	right: 4em;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAVCAYAAACQcBTNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUFEMTYwRjk4Njg3MTFFNEI4REZBOTE1NjI0Njc0QzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUFEMTYwRjg4Njg3MTFFNEI4REZBOTE1NjI0Njc0QzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpCMkFCNjU3NzQ0ODZFNDExOTgyMkFCRTdFQ0FEQ0JBNiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp/l0MQAAABoSURBVHjaYmBgYHAEYmEGIgAzEH8GYhMg/gDE3wkp/g5VSFADM5QmSgMzEpugBmY0Pl4NzFhsw6mBGYdfsGpgxhNSGBqYCcQDigZmIiIOpOE/EOsQE8tCQOwKpUcV0kEhCBgTqxAgwADQpiiyO7+mKQAAAABJRU5ErkJggg==");
}
.recommend-board .viewport{
	width: 50%;
	margin: 0 auto;
}

.padding-box{
	padding: 0 20px;
	overflow: hidden;
}


/* 数据追踪 trace page */

.address-bar{
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border-bottom: 1px solid #dfe1e2;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAyCAIAAADqed0qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxRjI4QUI2ODc3NTExRTRBQ0Y5OEREMjJERTg5QzUwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxRjI4QUI1ODc3NTExRTRBQ0Y5OEREMjJERTg5QzUwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzMgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InV1aWQ6MzQ5NjNBRjY1RDg4RTQxMTlBNTc5MDZDNzkwMzM2NUUiIHN0UmVmOmRvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5fHiZtAAAAl0lEQVR42sxUyw7AIAhD4/9/77ZLF53MKQoXF/WghFdsS3DHedH4eFJPICC+jii9xUg2V78ufGphNocaNqrnhFHfbDDuJoONHX4+VszgHElFqiXLugahYqXramBdaM/X/Qg2RPNmWjNuKBn/AgP2HSZ1mqzmEOWom7MLZbHAdQdZbJiVtEwi1QlKIgmhx1XxmKtHJf0WYADkij89wPwmaQAAAABJRU5ErkJggg==");
	background-repeat: repeat-x;
	color: #a3a4a5;
}
.address-bar a{
	color: #6e6f6f;
}
.address-bar a:hover{
	color: #f47b0f;
}
.address-bar i{
	margin: 0 1em;
}
.sift-bar{
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
}
.sift-bar .sift{
	float: left;
}
.sift-bar .sift li{
	display: inline-block;
	line-height: normal;
	margin-right: 34px;
}
.sift-bar [role='button'] i{
	background-image: url(../img/down.png);
	width: 9px;
	height: 10px;
	margin-left: 0.5em;
}
.search{
	float: left;
	background: url(../img/search.png) no-repeat center left;
	width: 176px;
}
.search input{
	border: none;
	background: none;
	outline: none;
}
.search [type=text]{
	width: 125px;
	height: 25px;
	margin-left: 0.8em;
}
.search [type=button]{
	width: 30px;
	height: 25px;
}

.chart-board{
	margin: 14px 0;
}
.chart-board > div{
	height: 420px;
}


.trace-page .statistics-board .top{
	display: none;
}
.trace-page .statistics-board .bottom p{
	display: none;
}
.trace-page .statistics-board h2{
	font-size: 50px;
	line-height: 58px;
}
.trace-page .statistics-board h2 + p{
	position: relative;
	z-index: 1;
	margin-top: 40px;
}

/* 顾客概览 customer page*/

.customer-page .statistics-board .top{
	display: none;
}
.customer-page .statistics-board .bottom p{
	display: none;
}
.customer-page .statistics-board h2{
	font-size: 50px;
	line-height: 58px;

}
.customer-page .statistics-board h2 + p{
	position: relative;
	z-index: 1;
	margin-top: 40px;
}

.select-bar{
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	position: relative;
}
.select-bar > a{
	padding: 0.4em 0.6em;
	line-height: 1em;
	border: 1px solid white;
	border-radius: 4px;
	transition: border-color 0.2s;
	background: white;
}
.select-bar > a.active{
	color: #f47b0f;
	border-color: #f47b0f;
}
.select-bar > a + a{
	margin-left: 18px;
}

.select-bar a i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJGMjgxRjAyODc3NTExRTRCQTUxOUVENTEzQkUxNTc2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJGMjgxRjAxODc3NTExRTRCQTUxOUVENTEzQkUxNTc2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzMgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InV1aWQ6MzQ5NjNBRjY1RDg4RTQxMTlBNTc5MDZDNzkwMzM2NUUiIHN0UmVmOmRvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6crxKHAAAAPklEQVR42mL8//8/AyHASD1FOnr6aUSZpKtvgFPh5YsXZsGtw6YQpADDTcgKYQrAAKQIGYPciC5GvSAACDAAteM9uPE5g7YAAAAASUVORK5CYII=");
	width: 9px;
	height: 10px;
	margin-left: 1.5em;
}
.select-bar .right{
	padding: 0;
	line-height: 50px;
	right: 20px;
}
.select-bar + .select-bar{
	border-top: 1px solid #f2f2f2;
}

.customer-page .padding-box{
	background: #e8eaed;
	overflow: hidden;
}


.customer-page .echart-box{
	height: 360px;
	position: relative;
	background: white;
}
.customer-page .echart-box > div{
	height: 350px;
}
.customer-page .echart-box a{
	position: absolute;
	bottom: 1em;
	right: 2em;
}
a.pulldown i,{
	background-image: url(../img/down.png);
	width: 9px;
	height: 10px;
	margin-left: 0.5em;
}
a.pullup i{
	background-image: url(../img/up.png);
	width: 9px;
	height: 10px;
	margin-left: 0.5em;
}
.customer-page .list-box{
	height: 400px;
	background: white;
	text-align: center;
}
.customer-page .list-box + .list-box{
	margin-top: 14px;
}
.customer-page .list-box h1{
	height: 53px;
	line-height: 53px;
	font-size: 14px;
	color: white;
}
.customer-page .list-box li{
	height: 57px;
	line-height: 57px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	padding-left: 1em;
}
.customer-page .list-box i{
	font-style: normal;
	position: absolute;
	left: 1.5em;
}
.customer-page .grid-box{
	height: 414px;
	overflow: hidden;
	background: white;
}
.grid-box{
	background: white;
}
.grid-box table{
	border: 1px solid #ebebec;
	width: 100%;	
}

.grid-box tr{
	height: 52px;
}
.pager{
	height: 52px;
	line-height: 52px;
	padding: 0 20px;
	position: relative;
	background: white;
}
.pager > a{
	vertical-align: inherit;
}
.pager input{
	width: 25px;
	height: 22px;
	border: 1px solid #d7d8d9;
	border-radius: 4px;
	text-align: center;
	color: #ff7f0e;
}
.pager .separator{
	vertical-align: bottom;
}
.pager .right{
	right: 10px;
}
.pager .right .separator{
	margin-left: 20px;
	margin-right: 10px;
}
.pager .right a{
	width: 20px;
	height: 20px;
}
.pager [name='left']{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjE1MjA5M0M4OEYwMTFFNDk5MUVBQUY4QTZFRDUyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjE1MjA5M0I4OEYwMTFFNDk5MUVBQUY4QTZFRDUyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpENTk0Mzk3QzZCODhFNDExOUE1NzkwNkM3OTAzMzY1RSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqKytsAAAA1SURBVHjaYmDADmYyYhMEEYzYBNElZiKrYMQmCJOYic12Jhyuwm8UXsvxOpcBl7EokgABBgDaDAaframEugAAAABJRU5ErkJggg==");
}
.pager [name='right']{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjE1MjA5NDA4OEYwMTFFNDk5MUVBQUY4QTZFRDUyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjE1MjA5M0Y4OEYwMTFFNDk5MUVBQUY4QTZFRDUyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpENTk0Mzk3QzZCODhFNDExOUE1NzkwNkM3OTAzMzY1RSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjCzXxIAAAA4SURBVHjaYmBgYJjJgAUwQemZuCQwJJnQFM7EJQGXZCRkOdES6dgk0rHpSMdmVDoDLrcjA4AAAwC3LAXfb8A+DAAAAABJRU5ErkJggg==");
}
	
.customer-page table{
	border-left: none;
	border-right: none;
}
.customer-page table td + td{
	border-left: 1px solid #ebebec;
}

.separator{
	color: #B5B5B5;
	margin: 0 6px;
	font-size: 12px;
	vertical-align: middle;
}

.bg-gray{
	background: #e8eaed;
}


/* 排行榜 rank page */

.rank-page .grid-box{
	margin: 14px 0;
}

.hover-bg tbody tr:hover{
	background: #fef8f3;
}
.hover-color tbody tr:hover{
	color: #f9890c;
}


/* 网络管理 network page */

.border-none{
	border: none;
}

.control-bar{
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	position: relative;
}
.control-bar > a{
	padding: 0.4em 1em;
	border: 1px solid #8d8d8d;
	border-radius: 4px;
	line-height: 1em;
	margin-right: 1em;
}
.control-bar > a:hover{
	border-color: #F47B0F;
}
.control-bar .right{
	right: 25px;
}
.control-bar .right .separator{
	margin: 0 12px;
	font-size: 16px;
}
.control-bar .t-right a{
	margin-right: 10px;
}
.control-bar [name='grid-view']{
	width: 18px;
	height: 18px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOTNDNENCMDg5MTUxMUU0OTRDNjhEMTk5MEU1Mjg2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOTNDNENBRjg5MTUxMUU0OTRDNjhEMTk5MEU1Mjg2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1MzU0REFCN0Y4NkU0MTFBOTMxREM1RTcwOEJERUQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZWDhJQAAADlJREFUeNpi/P//PwM1AMutW7eQTWKE0iSbzsRAJUA1g1iQvMOAxYtD2GtUDaPR6B+N/uEX/QABBgD6agu6y2mKiwAAAABJRU5ErkJggg==");
}
.control-bar [name='grid-view']:hover,
.control-bar [name='grid-view'].active{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1N0MzQkUyQjg5MTUxMUU0QkVBRUEyMjhBNDBFQzJGQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1N0MzQkUyQTg5MTUxMUU0QkVBRUEyMjhBNDBFQzJGQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1MzU0REFCN0Y4NkU0MTFBOTMxREM1RTcwOEJERUQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k9VHHQAAADdJREFUeNpi/P//PwM1AMvXGgFkkxihNMmmMzFQCVDNIEZYGAG9ODhcNPgMGo3+0egfntEPEGAAFpIWoTyDCEMAAAAASUVORK5CYII=");
}
.control-bar [name='card-view']{
	width: 18px;
	height: 18px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOTNDNENCNDg5MTUxMUU0OTRDNjhEMTk5MEU1Mjg2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOTNDNENCMzg5MTUxMUU0OTRDNjhEMTk5MEU1Mjg2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1MzU0REFCN0Y4NkU0MTFBOTMxREM1RTcwOEJERUQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+of8TFQAAADFJREFUeNpivHnz5n8G/IARSuNVx8RAJTBq0FA0iAUpnTAQmZ5o76LRlD1qEKUAIMAA5/EGs1PtePAAAAAASUVORK5CYII=");
}
.control-bar [name='card-view']:hover,
.control-bar [name='card-view'].active{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowOEFBMDlFRDg5MTcxMUU0QUI1NjhFRDkxNkVEMTIyNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowOEFBMDlFQzg5MTcxMUU0QUI1NjhFRDkxNkVEMTIyNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1MzU0REFCN0Y4NkU0MTFBOTMxREM1RTcwOEJERUQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NJI5awAAADhJREFUeNpi/FLN/58BD+Bu+cAIor/WCOBVx8RAJTBq0FA0iPH///+Dy0UshFLsaMoeNYgIABBgAL9bEB9XKx75AAAAAElFTkSuQmCC");
}





.card-box{
	overflow: hidden;
	margin-bottom: 18px;
}
.card-box ul{
	width: 106.7961%;
}
.card-box li{
	float: left;
	width: 30%;
	margin-right: 1.8182%;
	margin-top: 18px;
	height: 255px;
	border: 1px solid #dcdee1;
	background: white;
	overflow: hidden;
	box-shadow: 3px 4px 7px #dfdfdf;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.card-box h2{
	margin-bottom: 18px;
}
.title{
	font-size: 14px;
	height: 50px;
	line-height: 49px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAyCAIAAADujA0XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRTgwOUYyNDg5MUUxMUU0ODlFNEM1MjYzNEUwQTNFQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRTgwOUYyMzg5MUUxMUU0ODlFNEM1MjYzNEUwQTNFQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2MzU0REFCN0Y4NkU0MTFBOTMxREM1RTcwOEJERUQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fVACYAAAADpJREFUeNpi/Pv3LwM2wMSAA+CUYPn/n4FKRpFjOcP/gbOcYUB9/v//QAY7PUJ3eHtw1Oe0TNQAAQYAyQ0VXehXsfwAAAAASUVORK5CYII=");
	background-repeat: repeat-x;
	background-size: 100% 100%;
	color: #9f9fa0;
	padding: 0 20px;
	border-bottom: 1px solid #e5e5e5;
}
.card-box li p{
	color: #8a8a8a;
	padding: 0 20px;
	line-height: 33px;
}
.card-box li b{
	color: #4b4b4b;
}
.network-page .card-box li{
	height: 175px;
}

/* 新建网络 newnet page */

.shadow-box{
	background: white;
	box-shadow: 3px 4px 7px #dfdfdf;
	margin: 14px 0;
	overflow: hidden;
}
.newnet-page .shadow-box{
	height: 616px;
}
.newnet-page h1{
	color: #646565;
	font-size: 18px;
	text-align: center;
}
.dark{
	color: #646565;
}
.large{
	font-size: 18px;
}
.newnet-page .form-panel{
	width: 365px;
}

.form-panel{
	margin: 50px auto;
	line-height: 55px;
}
.form-panel input[type=text],
.form-panel input[type=password],
.form-panel select{
	width: 250px;
	height: 30px;
	border: 1px solid #cccccc;
}
.form-panel dl{
	white-space: nowrap;
}
.form-panel dt{
	min-width: 5em;
	margin-right: 1em;
	white-space: nowrap;
	display: inline-block;
	color: #676767;
	vertical-align: top;
}
.form-panel dd{
	display: inline-block;
	color: #bcbcbc;
	min-width: 10em;
	margin-right: 1em;
}
.form-panel hr{
	width: 130%;
	margin: 30px 0;
}
.form-panel h2{
	font-size: 14px;
}
.form-panel input[name='cancel'],
.form-panel input[type=submit]{
	width: 150px;
	height: 40px;
	border: none;
	border-radius: 4px;
	background: #f0f0f0;
	color: #6c6c6c;
	margin: 0 0.2em;
}
.form-panel input[type=submit]{
	background: #f47b0f;
	color: white;
}
.underline{
	text-decoration: underline;
}


/* 网络详细页面 netdetail page*/

.detail-box{
	color: #9D9D9D;
	position: relative;
}
.detail-box dl{
	line-height: 50px;
	padding: 0 20px;
}
.detail-box hr{
	margin: 0;
	border-color: #f2f2f2;
}
.detail-box dt{	
	color: #525252;
	min-width: 7em;
	margin-right: 1em;
	display: inline-block;
}
.detail-box dd{
	min-width: 16.8224%;
	display: inline-block;
}
.detail-box h2{
	font-size: 14px;
	margin-top: 45px;
	margin-bottom: 30px;
}
.bold{
	font-weight: bold;
}

.detail-box .right{
	top: 10px;
	right: 20px;
	color: #8d8d8d;
}
.detail-box .right a{
	margin-left: 14px;
}
a.button{
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	padding: 0.4em 1em;
	background: white;
	line-height: 1em;
}
a.button:hover,
a.button.active{
	border-color: #F47B0F;
	color: #F47B0F;
}
.netdetail-page .one-twice{
	margin-top: 18px;
	margin-bottom: 18px;
	min-height: 207px;
}
.netdetail-page .float-box h2{
	height: 42px;
	line-height: 42px;
	color: white;
	padding: 0 20px;
	letter-spacing: 0.3em;
	font-size: 16px;
}
.netdetail-page .float-box p{
	padding: 0 20px;
	line-height: 40px;
}
.netdetail-page .float-box p + p{
	border-top: 1px solid #e5e5e5;
}
.netdetail-page .float-box b{
	font-weight: normal;
	display: inline-block;
	min-width: 4em;
	margin-right: 1em;
	letter-spacing: 0.26em;
}
.netdetail-page .float-box a:hover{
	color: white;
	text-decoration: underline;
}

/* 网络修改 netedit page*/


/*.netedit-page .search{
	float: none;
	position: absolute;
	right: 25px;
	width: 215px;
	top: 0;
	line-height: 50px;
}*/
input[name='plus']{
	width: 17px !important;
	height: 17px !important;
	margin-left: 15px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MTc3NDg3QTg5QTQxMUU0OUZDM0FCODBGM0UwM0E3RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MTc3NDg3OTg5QTQxMUU0OUZDM0FCODBGM0UwM0E3RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2QTIxQjcwMzE4N0U0MTE4MDQ4RUJBRjg0NEVFQThFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IDwBMwAAAClJREFUeNpiZMAPfJHYm3EpYmKgAhg1hEaGMKJF4zDwzmiKHdaGAAQYAEPcAm1hVrvUAAAAAElFTkSuQmCC");
}
.netedit-page input[type=checkbox]{
	margin-right: 2px;
}
.netedit-page h1{
	text-align: center;
	font-size: 18px;
	color: #646565;
}
.netedit-page .sift-bar{
	border: none;
	border-top: 1px solid #f2f2f2;
}
.netedit-page .multi-select-bar .selection{
	padding: 0;
}
.netedit-page [name='next']{
	background: #f47b0f;
	color: white;
	line-height: 1em;
	top: 12px;
	padding: 7px 16px;
	border-radius: 4px;
}
.netedit-page .form-panel{
	width: 450px;
}
.netedit-page [name='advanced']{
	margin-left: 1em;
}
.netedit-page .button-group{
	position: relative;
	line-height: 52px;
	height: 52px;
	width: 100%;
	margin: 0;
}
.netedit-page .button-group .right{
	right: 10px;
}

[name='advanced']{
	line-height: 1em;
	color: #8d8d8d;
}
[name='advanced']:hover{
	color: #f47b0f;
}
[name='advanced'] i{
	margin-left: 8px;
	width: 12px;
	height: 10px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyOTcyMkJGNDNGNzlFNDExQjk2NUU4NzI4MTMxRUIxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MjM4RTNENjg5QjIxMUU0QjU4NkVCQjRDNjEzNjEyMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MjM4RTNENTg5QjIxMUU0QjU4NkVCQjRDNjEzNjEyMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0QTIxQjcwMzE4N0U0MTE4MDQ4RUJBRjg0NEVFQThFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5NzIyQkY0M0Y3OUU0MTFCOTY1RTg3MjgxMzFFQjE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+x3HohAAAAGNJREFUeNpiYGBg8AFiTgbCAKTGG8TgAOJQAppAcsHIavBpwlCMTxNWxd5IAsia0BVzQP0LFgjBIuEFZcPEkNVgaEJ3KlY5bJo48BiEoYkDm4cZcWhyBuJ/QLwfiL8jSwIEGACxLQtQSbmVhgAAAABJRU5ErkJggg==");
}
.short{
	width: 85px !important;
}
.medium{
	width: 120px !important;
}

.multi-select-bar{
	position: relative;
	min-height: 50px;
	line-height: 50px;
}
.multi-select-bar .selection{
	padding-left: 20px;
	padding-right: 260px;
	overflow: hidden;
}
.multi-select-bar label{
	float: left;
	line-height: 1em;
	padding: 0.3em 0.8em;
	border: 1px solid #eaeaea;
	border-radius: 15px;
	line-height: 1.2em;
	margin: 12px 6px;
}
.multi-select-bar label i{
	width: 0;
	height: 10px;
	cursor: pointer;
	transition: width 0.2s;
	background-position: right;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MTc3NDg3RTg5QTQxMUU0OUZDM0FCODBGM0UwM0E3RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MTc3NDg3RDg5QTQxMUU0OUZDM0FCODBGM0UwM0E3RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY2QTIxQjcwMzE4N0U0MTE4MDQ4RUJBRjg0NEVFQThFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5kCjSgAAAJ1JREFUeNpi/F/BIMDAwDAfiB98ZeYvZEAC3H8/wuQ2skDFFIA4ACQBVJyIpGg/EBuADGECSnwAMhyB+AIQJwAVzEdTtABkExNIN7piIL6PpAhsAxPMPVDFgVCuANTNiTB5JjSHr4dyQZoUQM5AUYjuJiBWRHYzSA0LFofDfO0IFQcp/gCz+gEQT0B2E5IHNwDxRcb///8zEAMAAgwAv4RIh2+zRFUAAAAASUVORK5CYII=");
}
.multi-select-bar label:hover,
.multi-select-bar label.active{
	color: #f47b0f;
	border-color: #f47b0f;
}
.multi-select-bar label:hover i{
	width: 18px;
}


/* 设备管理 device page */

.legend-bar{
	height: 50px;
	line-height: 50px;
	background: white;
	border-top: 1px solid #f2f2f2;
	padding: 0 20px;
	white-space: nowrap;
}
.legend-bar span{
	margin: 0 1.45%;
}
.device-page [alt^='state'] i{
	width: 14px;
	height: 15px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	background-repeat: no-repeat;
	background-position: center center;
}
.device-page [alt='state-1'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4Rjg3MjAzQzg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4Rjg3MjAzQjg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3QTU4Q0VEQjk4NUU0MTFBNDc0RkZBMEM3RkQ0N0FFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KioymQAAAXZJREFUeNqMkUsoRGEUx+8dZqesKA15bG6yFGKh5ipWpqbUoMiOlZWxQMqryMKGhawkFgobKzWakIyNlDKTVzYeSRYehcX1OzpXt5mafPXrnO875/999/yvOXAUvDMM4wuScAB7kJit2/00siwfFEEptMAExGE7mrA7sglNXlwglkMZlECe1hzYhCiv32QIHcf5TXjBJDRCCLqgQHsuoAfxYfqLNcRHuKf4rZdYhDGIaJ/U26nHvUJpNnW2dVij4U0vGCGMgh+uoZnalWuOCHOgCRZhB0GDFGmaVKGsCpjzutoH83CiZ/XqakTF04RlrbVy3pluTr7MAeNQCK8QRhijVky+r87LSKE/obtoqtXfEIBzsBE/cD5EPqW/KejjIACDENZPOyb0wwdUQq/euQFPaqQtMy7BjDiKuE2btsQkzbtlDC5MkV+6PoiwWje5YOmr8jmrHjerND/TaIlwGJ4hBiuecU/hBd7VFFm3uvdnmPPf9SPAABPbhZ2ujxfkAAAAAElFTkSuQmCC");
}
.device-page [alt='state-2'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4Rjg3MjA0MDg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4Rjg3MjAzRjg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3QTU4Q0VEQjk4NUU0MTFBNDc0RkZBMEM3RkQ0N0FFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eIxfiAAAAXtJREFUeNqM0UsoRFEYwPFzh9kpK0pDHptJlqJYKKNYmZpSgyK7uSs7mpDyyrWyMXVlJbFQ2FipqQkpNlIKeWXjkWThUVhc/3Pnm9xmanLqd8655zvfPfd813BmY/dKqW+cYx+7OFRx+0vlaT6UoRIdmEIK28oye/IlGpyYYKxGFSpQJDEHmxji9NvcRMdJzyzToG9BGH0okT2XGCD5IPvEBsYnPBD8kZcE6ScQlX063k085U3Umw252zrW2PAuLxijH4cfN2gndp0pjk4sQBsWsUNCs5sYt6clUbcazHuramIBx7LWJFWNSrJFvyyxTtZ7s4tT7N5DqUmU4g0REpPEypnvSeX1lcJ/iZlmmY3yGwI4Q4jkR9ZHmM/Ib2r1sRDAMCLyaUf0g/hELWLyyg08SyFD+o5LmHMrapldsmnLLVK69bvXiNsXzK8yddCJ9fJQiKCcqj9n1VPNOpmfyhjUiaN4QRIrntue4BUfUhTd7uTZn1ucf7ZfAQYAH954PS5RUCkAAAAASUVORK5CYII=");
}
.device-page [alt='state-3'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RkUzQzA4NDg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RkUzQzA4Mzg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3QTU4Q0VEQjk4NUU0MTFBNDc0RkZBMEM3RkQ0N0FFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vqe8ZgAAAM9JREFUeNpi/P//PwM5gImBTMBYcsIRXYwdiE2BWBKInwPxaSD+iayg23wfio0sQFwNxK+A+DAQr4LSr6DiLAxoikGADYg3ALEnFlfxAXELENsAsT8Q/0L2YzkOTcjAA6oOHjggP5UQGSYlUPVgjeZQ5xAD+KDqwRplSIwJGZjGJyRqfALTeBKIPxGp6RNUPVgjKHJ7idTYA0sMsOjoAOIdBDSB5DvR0yooUn2BuB6Lsz9BxX1hkc+Aloz+AHETEHcBsQlSWj0DxD/QrQcIMADMMimkWZF2lgAAAABJRU5ErkJggg==");
}
.device-page [alt='state-4'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RkUzQzA4ODg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RkUzQzA4Nzg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3QTU4Q0VEQjk4NUU0MTFBNDc0RkZBMEM3RkQ0N0FFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PYftTAAAAM9JREFUeNpi/P//PwM5gImBTMDCcJARXYwdiE2BWBKInwPxaSD+iaLC/j+KjSxAXA3Er4D4MBCvgtKvoOIsDGiKQYANiDcAsScWV/EBcQsQ2wCxPxD/QvZjOQ5NyMADqg4MGP8fAPvpFdRkQuATEIsB/fgTZKM5kZpgzjaHOVWGxJiQgWl8QqLGJzCNJ6FuZyDSjydhGkGR20ukxh5YYoBFRwcQ7yCgCSTfiZ5WQZHqC8T1WJz9CSruC4t8WDyiAw4gNkFKq2eA+Ad6WgUIMACLgy6qOQj1lAAAAABJRU5ErkJggg==");
}
.device-page [alt='state-5'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RkUzQzA4Qzg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RkUzQzA4Qjg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3QTU4Q0VEQjk4NUU0MTFBNDc0RkZBMEM3RkQ0N0FFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+krrwhQAAAM5JREFUeNpi/P//PwM5gImBTMDC0JGBLsYOxKZALAnEz4H4NBD/RFFRMQPFRhYgrgbiV0B8GIhXQelXUHEWBjTFIMAGxBuA2BOLq/iAuAWIbYDYH4h/IfuxHIcmZOABVQcPHJCfSogMkxKoerBGc6hziAF8UPVgjTIkxoQMTOMTEjU+gWk8CcSfiNT0CaoerBEUub1EauyBJQZYdHQA8Q4CmkDynehpFRSpvkBcj8XZn6DivrDIZ0BLRn+AuAmIu4DYBCmtngHiH+jWAwQYABAsKKpWaJ6qAAAAAElFTkSuQmCC");
}
.device-page [alt='state-6'] i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDNFNjRGOTg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDNFNjRGODg5QzgxMUU0OTdENUExNURDOUU5Nzc5QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3QTU4Q0VEQjk4NUU0MTFBNDc0RkZBMEM3RkQ0N0FFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRjQ1M0FBQzk3NkU0MTE4RUNBRDk2QzU1Qzk2RTE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/iun4wAAAM9JREFUeNpi/P//PwM5gImBTMBy9uxZdDF2IDYFYkkgfg7Ep4H4J7ICY2NjFBtZgLgaiF8B8WEgXgWlX0HFWRjQFIMAGxBvAGJPLK7iA+IWILYBYn8g/oXsx3IcmpCBB1QdPHBAfiohMkxKoOrBGs2hziEG8EHVgzXKkBgTMjCNT0jU+ASm8SQQfyJS0yeoerBGUOT2EqmxB5YYYNHRAcQ7CGgCyXeip1VQpPoCcT0WZ3+CivvCIp8BLRn9AeImIO4CYhOktHoGiH+gWw8QYAAMhSmqdns4lwAAAABJRU5ErkJggg==");
}

.device-page .card-box li{
	height: 220px;
}
.device-page .card-box input[type=checkbox]{
	float: right;
	margin: 0;
	height: 50px;
}


/* 黑白名单 blacklist page */

.blacklist-page .grid-box table{
	text-align: left;
}
.blacklist-page .grid-box table input{
	width: 190px;
	color: #8b8b8b;
	background: white;
	outline: none;
	height: 30px;
}
.blacklist-page .grid-box tbody input{
	border: 1px solid white;
	padding-right: 1.5em;
}
.blacklist-page .grid-box td:first-child{
	text-align: center;
	width: 40%;
}
.blacklist-page .grid-box td:first-child input{
	width: 80%;
}
.blacklist-page .grid-box th{
	text-indent: 1em;
}
.blacklist-page .grid-box th:first-child{
	text-indent: 4em;
}

.blacklist-page .grid-box thead a{
	margin-left: 2em;
}

.blacklist-page .grid-box thead input{
	border: 1px solid #d9d9d9;
}
.blacklist-page .grid-box table input:focus{
	border: 1px solid #ffb586;
}
/*.blacklist-page .grid-box tbody td{
	position: relative;
}*/
.blacklist-page .grid-box tbody a{
	height: 0;
	width: 16px;
	
	margin-left: 35px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyOTcyMkJGNDNGNzlFNDExQjk2NUU4NzI4MTMxRUIxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNjUxMjc4RDg5RDgxMUU0QjFFRUQyNzg0OERCNEQ2NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNjUxMjc4Qzg5RDgxMUU0QjFFRUQyNzg0OERCNEQ2NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlCQjk5RDA4ODU4NkU0MTFBOTMxREM1RTcwOEJERUQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI5NzIyQkY0M0Y3OUU0MTFCOTY1RTg3MjgxMzFFQjE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+I8c7OwAAAC5JREFUeNpiYGBgyGbAD7IxGLgU4BLIJmQ0IScw9DAQ6UiCVhHtaKK9D5cHCDAAqzUHPbMwm/kAAAAASUVORK5CYII=");
}
.blacklist-page .grid-box tbody tr:hover a{
	height: 20px;
}


.merge td{
	border: none;
}
.merge th{
	border: none;
}


.btn-white{
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	padding: 0.5em 1.5em;
	background: white;
	line-height: 1em;
}
a.btn-white:hover{
	border: 1px solid #F9890C;
}
.btn-orange{
	border: none;
	border-radius: 4px;
	padding: 0.5em 1.5em;
	background: #f47b0f;
	line-height: 1em;
	color: white;
}
a.btn-orange{
	color: white;
}
.btn-gray{
	border: none;
	border-radius: 4px;
	background: #f0f0f0;
	color: #6c6c6c;
}
.btn-large{
	padding: 0;
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.btn-small{
	padding: 0.5em 1.5em;
}
.btn-hover:hover{
	color: white;
	background: #f47b0f;
}
.newdevice-page .form-panel{
	width: 420px;
}
.newdevice-page .form-panel dt{
	min-width: 7em;
}
.form-panel dl input[type=button]{
	margin: 0 10px;
}



/* 设备详情 */

.devicedetail-page .detail-box{
	width: 570px;
	margin: 40px auto;
}
.devicedetail-page .detail-box dl{
	line-height: 55px;
	padding: 0 5px;
}
.devicedetail-page .detail-box dd{
	width: 170px;
}
.detail-box dl{
	white-space: nowrap;
}
.devicedetail-page [name='advanced']{
	margin-top: 20px;
}
.devicedetail-page p.orange{
	margin-top: 30px;
	margin-bottom: 50px;
}
.devicedetail-page p.button-group{
	margin-top: 50px;
}

.devicedetail-page .detail-box dd{
	width: auto;
	white-space: normal;
	max-width: 250px;
	line-height: 1.5em;
	vertical-align: top;
	padding: 16px 0;
}
.devicedetail-page .detail-box dl > span{
	display: inline-block;
	vertical-align: middle;
	min-width: 300px;
	padding-right: 1em;
	vertical-align: top;
}

/* 设备修改 */

.deviceedit-page .detail-box{
	padding: 1em 0;
}
.deviceedit-page .detail-box dl{
	line-height: 40px;
}
.deviceedit-page .form-panel{
	width: 600px;
}
.deviceedit-page .form-panel dd{
	color: #8b8b8b;
}
.deviceedit-page .form-panel dl{
	padding: 0 5px;
}
.deviceedit-page .form-panel dd + dt{
	margin-left: 100px;
}
.deviceedit-page [disabled]{
	color: #bcbcbc;
}
.deviceedit-page .form-panel [name='advanced']{
	margin-top: 35px;
	margin-bottom: 45px;
}
.deviceedit-page .form-panel hr{
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
}
.deviceedit-page .form-panel h2{
	margin-top: 40px;
	margin-bottom: 20px;
	line-height: normal;
	text-align: center;
}


/* 批量修改 */

.btn-none-style{
	border: none;
	outline: none;
	background: none;
}
.multiedit-page .shadow-box{
	min-height: 600px;
}
.multiedit-page .form-panel{
	width: 390px;
}
.multiedit-page .form-panel p{
	margin-top: 50px;
}
.multiedit-page .multi-select-bar{
	line-height: 60px;
	min-height: 60px;
}
.multiedit-page .multi-select-bar .selection{
	padding-right: 90px;
}
.multiedit-page .multi-select-bar label{
	margin: 17px 12px;
}
.multiedit-page .multi-select-bar .right{
	right: 35px;
}
.inline-block{
	display: inline-block;
	vertical-align: top;
}


/* 设备日志 */

.devicelog-page .select-time-panel{
	line-height: 1em;
	margin-left: 50px;
}
.devicelog-page .grid-box{
	margin: 14px 0;
}
.select-time-panel [role='select-time']{
	width: 100px;
	height: 30px;
	border: 1px solid #b6b3b4;
	border-radius: 4px;
}
.select-time-panel [role='confirm']{
	margin-left: 12px;
}

.shopdevice-page .select-bar a.active{
	background: #F47B0F;
	color: white;
	border: 1px solid #F47B0F;
}

.grid-box td table{
	border: none;
	background: #f9fafb;
}
.grid-box td table:hover{
	background: #f9fafb;
}
.grid-box td table thead{
	color: #a6a7a7;
	font-weight: normal;
}
.grid-box td table tr:hover{
	background: inherit;
}
.grid-box td table tbody tr{
	height: 30px;
}
.grid-box td table tbody tr:hover{
	background: #EFEFEF;
}
.grid-box td table tbody tr:hover a{
	color: #F47B0F;
	text-decoration: underline;
}
.grid-box td table tfoot tr{
	height: 20px;
}

.detail-box table{
	width: 95%;
	text-align: left;
	margin: 20px;
	line-height: 40px;
}

.detail-box table dt,
.detail-box table dd{
	width: auto;
}

.margin-box{
	margin: 14px 0;
}
.margin-top{
	margin-top: 14px;
}
.card-box + .pager{
	margin-bottom: 14px;
}


/* 场所 */

.shop-page .card-box li{
	height: 190px;
}
.shop-page .card-box b{
	font-weight: normal;
}



.grid-box tr:hover a[alt="href"],
.card-box li:hover a[alt="href"],
.grid-box tr:hover a[alt="edit"]{
	color: #F47B0F;
	text-decoration: underline;
}

.shopdetail-page .detail-box{
	width: 360px;
	margin: 70px auto;
}
.shopdetail-page .detail-box dt{
	font-weight: normal;
	width: 6em;
}
.shopdetail-page .detail-box dd{
	width: auto;
}
.shopdetail-page a.absolute{
	right: 2em;
	top: 1em;
}
dt > i{
	margin-right: 0.5em;
}
dt > b{
	margin-right: 1em;
}

/* 场所修改*/

.shopedit-page .form-panel{
	width: 350px;
}
.shopedit-page .form-panel a.button{
	padding: 0.25em 0.6em;
	margin-left: 1em;
	font-size: 12px;
}
.shopedit-page .form-panel p{
	margin-top: 35px;
}



/* 品牌管理*/

.brand-page .grid-box tbody td{
	padding: 1em;
}
.brand-page .grid-box img{
	max-width: 50%;
	border: 1px solid #cdcccc;
}


.newbrand-page .form-panel{
	width: 350px;
	margin: 70px auto;
}
.newbrand-page .form-panel p{
	margin-top: 50px;
}
.img-upload{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAfCAYAAAAr+xVgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RUVGNDUzQUFDOTc2RTQxMThFQ0FEOTZDNTVDOTZFMTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ2NEM1RkY4QTk5MTFFNDhBMEU5M0U3QTk2RDNCRkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ2NEM1RkU4QTk5MTFFNDhBMEU5M0U3QTk2RDNCRkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDo1QTUzOUVERUEyODNFNDExQUQ5Q0U2NENGMUE2RjcxQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0NTNBQUM5NzZFNDExOEVDQUQ5NkM1NUM5NkUxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pimbe/cAAAWvSURBVHja7JvHbiNHEIZbOQcqQRGKUA4QJL2NffTVN/vmF7Bfwbd9GypBEpQzlBOVoJzMr+UimqOZEUmR6x1zfqCX5AynQ9Xff1U1VxnBYDBXKfVXuP0UbhXKRzrhPNy+hdtv2eF//gy3X32bpCUC//r+LjP8z8++PdIev2T64cAHHMj0beAD/NBE6Onp0c1HmhPBx/dDdrI7zMrKUnV1daqgoEBlZGTE9ezKyop+bW9v16/5+flRn9fX132PeYEIOL67u1sVFhZ+qZ+ioqJ3ucrMjPrswyNEQAkgATv36upKX3t+fo4oxcvLy/ug2e7Dzs7ORnIEsLi4mLQ5lpWVqby8PHV8fGxvkPDcIN7l5eV3dQRjYp/7+/uo6zU1Nerh4SHl80kqETAyCIVCkWuEiObmZr1QyLG9va0eHx9Tuqi+vj79ury8rIlIiBkYGNChh3mUlpY6EoH7nZ2danx8XDuhosK5ur65uVE7Ozt63TwTD+jfRFNTk7bP/v5+dF0XHp/rniLC6+tr1GfUQZzCYsrLy3WbmZmJiQybm5sJzWNra0t1dXXpNj8/H+VM1AB1EtKKQ0W5TDBnFKKhoUHt7e3p7wlZuCaqZ+fcjo4OdXJy8sGBiZDGc6Hh7e0t6jNJHtcmJyf1K0YdHh7WCrG6uvppf1aZjBU4DDUgVIGqqiotr3zOzc3V85B7gF0NEchvIAngvex4yFNbW6v7BLw/Pz//sHsFra2tKhAI6DHN/IYxuJYWVYMJJPni4iJCEDGEuRvdgNN49unpKSEyrK2taXnHkXNzc5pY9fX1OjQsLS19eObg4EA7DiXjvaiEKBMKAyABBHEiAcS7vb2NKIYoyOHhoSsRmJedDazXCb2JbpL/hAgs2lwEuw2nxBrv+vv79YIXFhZiHtOM6xgMQpCXxGI4c168RzkqKyv1GtjhQgzeC9nM8MDY3GO86upq3biPgpyenkbyiXjAc55XBKqH3t5eNTIyEskRAIZKFRgHAjY2NmpHMj4gHJkYGxtzTd54lgSupKREKwBhgZ1N3xACstHI9IUgJKCShEpuATFQBzOBdpu7U7jxNBHYMWTqLS0tmgR3d3daZq3ymJOToyWV3cJO5DuEg3gPpCSvoEkOIA5mZ0OGqakpx/DA+KJg5DLsRillrZm9JI5mtSRqRGhhjRCe76MMEJMkEVKkXY4gEkuV4AQOjSjtCBsYF6MODQ2piYkJbcxEyGAHnGPnBPPcgORWSDo9Pa2vW5UDhWCn2ykJ6kClABFRIkKClH+ooyiJVZ0E9Gv2bT11TWUJmXIifJbwSaZOmYejyCEGBwcjiZm1JE00aWVXkqy5nRugFlLe4TQMbzqaubrJ99nZmR6L9fCckEwqB7eqAYJRotr1bSWjp4iAETCoaYTd3V29YwRINPcJBbJbMdTGxoZqa2v7cDiV6CEXO5B+zUMkCMo9CHJ9fW1LHuthkl0Gb3Uuz/AdHMt1zksgD9fsziqEjNZk1dOhARmX2I68I/vCcAxOrkCcZedAFIyGo62ZMfeRSNTBejYRCyTJIxzgBBwtZwWS1HFP8ginUjARsF5Zs6kIEMF6AGU9RjbzDk8TQWSc3wgggdTuANmjviZpYuHiEKcKgjoe4sSbI6AykI6SE6IRp1Eb+jJzBPM9yiD5iexO5m2VaXGm9boki4QONzAHObAySYBdUMH/TbLIjqMCoJEcWWt3dj6NnQJp3OI/38Nwn/1AZZecyu6iySGRkxybEIWwyyXcjqK5huow1mdA5cyQw/oYDxV0An07hZWkqXkwGHxLVmfEdco0FpUMho+OjuqSk0TSh4cUgXgPEZA/5PkrpV9xcbF+3ulXQh8/MBH4XYH4SZyWU8Sv4OjoKKrK8OGR0ODDu/D/86qPCBFCvhnSHiGI8M23Q9rjb5LF38kV1PvfQAZ8m6QV5K+h//hHgAEAeBE/eTR4t/gAAAAASUVORK5CYII=");
	background-repeat: no-repeat;
	background-position: center center;
	width: 130px;
	height: 31px;
	display: inline-block;
	vertical-align: middle;
}
.img-upload + .notice{
	vertical-align: bottom;
	font-size: 12px;
	line-height: 3em;
}



/* 商家主页 */


.overflow-hidden{
	overflow: hidden;
}
.full-size{
	width: 100%;
	height: 100%;
}
.full-width{
	width: 100%;
}
.alpha-black{
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000);

}

.merchant-page .one-twice{
	height: auto;
}
.merchant-page .float-box h2{
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}
.bg-orange{
	background: #f39815;
	color: white;
}

.merchant-page .status,
.mymodel-page .status{
	padding: 0.3em 0.7em;
	border-radius: 4px;
	font-size: 12px;
	top: 14px;
}
.merchant-page [alt='in-use']{
	background: #5dba12;
	color: white;
}
.merchant-page [alt='out-of-use']{
	background: #e0e0e0;
	color: #8a8a8a;
}
.merchant-page [alt='not-approved']{
	background: red;
	color: white;
}

.merchant-page .preview{
	line-height: 20px;
	padding: 25px 30px;
	height: auto;
	margin-bottom: 20px;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.merchant-page .mask{
	padding: 25px 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.merchant-page .mask p.button-group{
	margin-top: 110px;
}

.merchant-page .mask .two-cell span{
	width: 50%;
}
.merchant-page .mask .three-cell span{
	width: 33%;
}
.merchant-page .mask .four-cell span{
	width: 24%;
}
.merchant-page .mask span + span{
	border-left: 1px solid white;
}

.merchant-page .preview p + p{
	margin-top: 1em;
}
.merchant-page .preview .bottom{
	bottom: 30px;
}
.merchant-page .preview .bottom span{
	width: 50%;
}

.merchant-page .preview a:hover{
	color: white;
	text-decoration: underline;
}
.merchant-page .preview + p{
	line-height: 30px;
	font-size: 12px;
}
.merchant-page .preview + p a{
	padding: 0.6em 3em;
	line-height: 1em;
	border-color: white;
}
.merchant-page .preview + p a:hover{
	border-color: #F9890C;
}
.merchant-page .preview{
	text-align: center;
	white-space: nowrap;
}

.merchant-page .preview p span{
	text-align: center;
}


.merchant-page .preview .mobile-page{
	width: 42.85%;
	margin: 15px 2.4%;
	display: inline-block;
}

.merchant-page .one-twice a[name='add'],
.model-box a[name='add'],
.wechartmodel-page a[name='add']{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABGCAYAAACe7Im6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0ZCMDREQzE4QjNEMTFFNEJCQkJFNEQ3MjJDQzA5NTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0ZCMDREQzA4QjNEMTFFNEJCQkJFNEQ3MjJDQzA5NTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4N0EwRDBBNzRDODdFNDExQUU0RkZDQTM1REIwQzY3NSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnjtfzkAAACtSURBVHja7NWxCYAwEEBRlYxh4SCWDuZgllaZIkUGUSGtWImHvA8HKY8HR/qccxek9eb9WUMnOHDgwIEDBw4cOIIDBw4cOHDgwIEDR3DgwIEDBw4cOHAEBw6ct0rnjOdMwfaaA+xQU4NZguFE2Gd3Vg9nVS+lYKcUYZ9y4ZQ2kXA2v5WvHA4cOIIDBw4cOHDgwIEDR3DgwIEDBw4cOHAEBw4cOHDgwIHz7w4BBgD4BAz6sEYGKgAAAABJRU5ErkJggg==");
	width: 70px;
	height: 70px;
	margin: 60px auto;
	display: block;
}
.model-box a[name='add']{
	margin: 76px auto;

}


.switch-bar{
	height: 50px;
	line-height: 50px;
	background: white;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	color: #b8b8b8;
}
.switch-bar a[role='switch']{
	display: inline-block;
	margin-right: 30px;
	line-height: 48px;
	transition: border 0.2s;
}
.switch-bar a[role='switch'].active{
	border-bottom: 2px solid #f47b0f;
	color: #F47B0F;
}

.merchant-page .switch-bar{
	margin-top: 30px;
	margin-bottom: 10px;
}
.merchant-page .info,
.mymodel-page .info{
	top: 90px;
	right: 20px;
	color: #a8a8a8;
}
.merchant-page .info .orange,
.mymodel-page .info .orange{
	color: #faccb2;
}
.dialog-box .model-preview-box{
	width: 80%;
}



/* 选择场所 */

.chooseshop-page .multi-select-bar .selection{
	padding-right: 20px;
}
.chooseshop-page .multi-select-bar span{
	margin-right: 20px;
}

.chooseshop-page .padding-box + p{
	padding: 0 20px;
	line-height: 70px;
}
.chooseshop-page .padding-box + p input{
	margin-top: 15px;
}


.process-bar{
	border-top: 1px solid #F2F2F2;
}
.process-bar span{
	display: inline-block;
	width: 20%;
	text-align: center;
}
.process-bar b{
	display: inline-block;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAxCAYAAAAvFgI4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDVDMUY3NjA4QjQ5MTFFNDg5RThGQjI5OUNGQTY1RTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDVDMUY3NUY4QjQ5MTFFNDg5RThGQjI5OUNGQTY1RTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRTIyQzk0NzFGOEJFNDExODZGOThBQzU2MUE2NkYzRCIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj5ZiYYAAADASURBVHjavNhZDoAgDEXRNnEV7n9tbgMNicaBoZRe/eLvhCC0ryoia0ppE/DTAxBVRaGM5AUIXQgJPRAK+iAEVESioSoSCTWRKKiLREAmZBYyIzPQEOKFhhEP5EJGITcyAk0hVmgasUAhSA8KQ1pQKFKDwpEShCBvCEPuEIqc0EID6E7wM8H/Lvye4Dcef7vwVxivJ3hlxGs83q3gfRfeQeK9MN7V4/kET1p4ZsTTL57j8YkEPlvBp0Tyw7xrF2AACHhJ0QY9kpMAAAAASUVORK5CYII=");
	background-repeat: no-repeat;
	width: 25px;
	height: 50px;
	vertical-align: middle;
	
}
.process-bar span i{
	display: inline-block;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUU2NDUzQzg4QjRBMTFFNEI4MzdERDU2QTczQkI3N0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUU2NDUzQzc4QjRBMTFFNEI4MzdERDU2QTczQkI3N0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRTIyQzk0NzFGOEJFNDExODZGOThBQzU2MUE2NkYzRCIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po04lagAAAFzSURBVHjarJVRT8IwFIXb4kRFFETjA0ZRE/3//0eMCvogOhXEGISNc+SMDDPHBrvJyc3a3q/tbXtnwzA0/5m1dg+uDu1CnppH0Cf0hthBYlwSFLAG3BE0YbAgP+re1CScjME9MN5ToQA24WrQHfqGJsW0k1PIx9inRCgGncBtQ7don5gMhpgNuEvuBjGPbHOxzkM4ztzOCqRh7BjuhukAozaH4oPuTFsOTE7TIh50DvOV1nWaX2ZFQ2x/tj5bjaA87VezvpHRiKAVaFgAlIyKs7OElpTwdY132XPKa2CKMXKci64PFlwqAMrXNnLxXBQA/T2bCOpDBwVAyfAXoEjB1qo0xO7A7UMfTheXBaALtXQb8gLJaUH3RLnYi3hWbs/zgAW8gPpgvCwUFIE7umtXGFzOAGRFu4a+EdtdVqSP4ZrKNQvwIHb1vFiRZlXqoK+3tPIr2Oo0GVhVM3c2jn4nnDBMANi0f9SfSfg4gjBDwFSAAQA64qMea9s3mgAAAABJRU5ErkJggg==");
	width: 21px;
	height: 21px;
	line-height: 21px;
	margin-right: 8px;
	vertical-align: middle;
	color: #b3b4b5;
	font-style: normal;
	text-indent: 1px;
	
}
.process-bar span.active i{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjg2RjQ2NDI4QjRBMTFFNEExODRGRTMyN0RDMTMwRDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjg2RjQ2NDE4QjRBMTFFNEExODRGRTMyN0RDMTMwRDAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRTIyQzk0NzFGOEJFNDExODZGOThBQzU2MUE2NkYzRCIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtDImNQAAAERSURBVHjaYvw/gYHqgImAvDsQzwHi60D8CYg/APEVIJ4GxPa4NDHicKkW1DBLApbuBuJ0IL5PyKUg150gwkAQcAXiU0Bsjc9QXSBeA8S8JAShCBBvBWIVbIYyAvECIOYhI274oeGMYWgIEBtREOmgoHBENzSWCqkpFt1QcyoYao5sKBsQi1HBUGlkQzmolJk4kA39BMWUgqfoYXqcCoYeRzd0GRUMXY7N0OsUGHgWiLehG/oHiJOA+BcZBn6D6v2PLe+DCpI4IP5NgoHfgTgUiC/hK6VWArEzEN8hwsDL0BJqGzGF9GEg1oa6eiMQf0SSewnEq4E4DIgNgfg8sYU0NsAHxD+ICXMWEsKO6MwBEGAAAgszNvq4lqkAAAAASUVORK5CYII=");
	color: white;
}
.process-bar span.active{
	color: #ff9000;
}


/* 选择样式 */

.padding-20{
	padding: 0 20px;
}
.choosestyle-page .process-bar{
	margin-bottom: 20px;
}
.bg-silvery{
	background: #f1f3f6;
}
.bg-lighter{
	background: #fafafa;
}
.padding-50{
	padding: 0 50px;
}
.model-preview-box .left-cell{
	float: left;
	width: 25.6410%;
	margin-right: 5.1282%;
}

.model-preview-box .right-cell{
	float: left;
	width: 68.7179%;
	min-height: 450px;
}
.models{
	margin: 20px 0;
	overflow: auto;
	max-height: 400px;
}
.models li{
	float: left;
	width: 25.3731%;
	margin-right: 7.4627%;
	margin-bottom: 14px;
}
.models h2{
	height: 50px;
	line-height: 50px;
	font-size: 12px;
}
.models .thumb{
	height: 130px;
}
.apps li i,
.models li i{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../img/choosed.png);
	width: 40px;
	height: 40px;
}

.apps li.choosed i,
.models li.choosed i{
	display: block;
}
.models [name='add']{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUEyREE5ODM4QjU1MTFFNEIzNjNDQzdCRjc5Q0M3RjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUEyREE5ODI4QjU1MTFFNEIzNjNDQzdCRjc5Q0M3RjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNDJENDZCRDJGODdFNDExQkRFQjhGRjM3NkVDOEY0RCIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvHJqnQAAABXSURBVHjaYjx16hQDieA/FjFGUg1hYhggMGrxqMWjFo9aTDZgAWJBKpgjSI7F76hg8bvROB7Uies9FRLSe3IsFqJCQ0BoNI5HLR61eNTiUYuHn8UAAQYAeoAIshdC/x0AAAAASUVORK5CYII=");
	display: block;
	margin: 50px auto;
	width: 30px;
	height: 30px;
}
.models .thumb img{
	width: 70%;
	display: block;
	margin: 15px auto;
}

.mobile-view{
	position: relative;
	overflow: hidden;
	min-width: 270px;
}
.mobile-view h2{
	font-size: 16px;
	margin: 12.5% 0;
	line-height: 0;
	text-align: center;
}
.mobile-view .viewport img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.mobile-view .viewport h2{
	display: none;
}
.mobile-view .viewport{
	border: 1px solid #E5E5E5;
	width: 93.6%;
	margin: 0 auto;
}

.mobile-view .pager{
	margin-top: 12%;
	margin-bottom: 15%;
	line-height: 0;
}
.mobile-view .phone{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
}

.apps{
	margin: 40px 0;
}

.apps li{
	float: left;	
	position: relative;	
	margin-right: 30px;
	margin-bottom: 14px;
}

.chooseapps-page .apps .viewport{
	width:160px;
	height: 160px;
	padding-top: 25px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align: center;
	background: #f5f5f5;
}

.chooseapps-page .process-bar{
	margin-bottom: 20px;
}


.apps h2{
	line-height: 2em;
	font-size: 16px;
}
.apps li.choosed h2 a{
	display: inline;
}
.apps h2 a{
	float: right;
	display: none;
	font-size: 14px;
	color: #CCC;
}
.apps h2 a:hover{
	text-decoration: underline;
}
.apps p{
	white-space: nowrap;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	margin: 10px auto;
	line-height: 2em;	
	width: 8em;
}
.apps li.choosed p{
	border-top: 1px solid #ccc;
}


.model-preview-box + p input{
	margin-left: 12px;
}


/*预览发布*/


.model-preview-box.overview{
	white-space: nowrap;
	margin: 40px auto;
}
.model-preview-box.overview .mobile-view{
	text-align: right;
	vertical-align: top;
	width: 24%;
	margin: 0 2.6%;
}
.mobile-view a{
	margin-top: 40%;
}
.model-preview-box.overview .line{
	border-right: 1px solid #E5E5E5;
	height: 470px;	
	margin: 0 2.6%;
	vertical-align: bottom;
}
.submit-page .model-preview-box + p{
	margin-bottom: 40px;
}
.submit-page .model-preview-box + p input{
	margin-left: 40px;
}

.dialog-box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cd000000,endcolorstr=#cd000000);
	text-align: center;
	z-index: 100;
	
}
.no-bg{
	background: none;
	filter: none;
}
.no-bg .dialog{
	border: 1px solid #ccc;
	box-shadow: 3px 4px 15px #ccc;
}

.dialog{
	display: inline-block;
	margin-top: 270px;
	width: 500px;
	height: auto;
	background: white;
	border-radius: 4px;
	text-align: center;
}

.dialog h1{
	margin: 36px 0;
	font-size: 18px;
	padding: 0 1em;
}
.dialog p{
	margin-bottom: 45px;
	font-size: 15px;
	letter-spacing: 0.1em;
}
.dialog input{
	margin-left: 5px;
}

.dialog-box .overview{
	color: white;
}
.dialog-box .overview h2{
	color: #87888b;
}


.function-dialog{
	height: auto;
	width: auto;
	margin-top: 180px;
	text-align: left;
	line-height: 50px;
}

.function-dialog h1{
	margin: 0;
	text-align: center;
	color: #646565;
}
.function-dialog .content{
	padding: 25px;
}
.function-dialog p{
	margin-bottom: 0;
}


.overview {
	text-align: center;
}
.overview h1{
	font-size: 16px;
	padding: 0 5.5%;
	text-align: left;
	margin-bottom: 35px;
}

.overview h2{
	font-size: 16px;
	line-height: 14px;
}
.overview .mobile-view h2{
	line-height: 0;
	height: 0;
}

.dialog-box [name='close']{
	top: 30px;
	right: 50px;
	width: 37px;
	height: 37px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM5REQ2OTU4QkU5MTFFNDk1RDlEM0RGRkM5OTExRUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM5REQ2OTQ4QkU5MTFFNDk1RDlEM0RGRkM5OTExRUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODc2MzZCODMxODdFNDExQkRFQjhGRjM3NkVDOEY0RCIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp8C9VQAAAF8SURBVHjaxNg/SgNBFMfxyUqEQNoQU3kBEe0UvI5iIZI2J7CyEQtB8AYW3kMQPIEKFmKRJqk0bH4vzEJYkt2Z92dm4Bvyj+yHpHiPdMqyvHXO7aIJmrk8p4duUIGu6WYPnaI71M8EomufoZHzsjH6RIcZYBXoGH2jq9Wz+PmoAXpGr+gJ9f3zlvXQo7/mCxpWr62/KSVsK6iOSgVrBG1CWcNaQdtQVrAgUBNKGxYMakNpwaJAISgpLBoUiuLCWKAYVCyMDYpFhcJEIA6qDSYGUZ2VLP4M0APaR++0bqBFbbheoB/Oh3NRm2ALDZAUVYc5DVC1T0kObarTtcd0fy5dsgqFBe3If0O0KB5oLIqF0sZIP9ml2garPMtUhrjFcBXDrKa9CGY57dkwZzntuTBLEBtmDWLBUoCiYalAUbCUoGBYalAQLAeoFZYL1AijJe8ec/lEa0ETLopv6Lzw/559ZQLR+fVrzwca0jZM31SXNhj07/KeHb/f/S0FGAD+Iny7j+HJrwAAAABJRU5ErkJggg==");
	
}
.overview [alt='offline'] .img-wrap{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.overview [alt='offline'] .viewport{
	border: none;
}

.img-wrap{
	position: relative;
}
.img-wrap img{
	display: block;
	width: 100% !important;
}
.overview [alt='offline'] .img-mask{
	background: rgba(0,0,0,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c0000000,endcolorstr=#c0000000);
}
.overview [alt='offline'] .notice{
	top:40%;
	font-size: 16px;
	line-height: 36px;
}
.overview [alt='offline'] h2{
	color: #212222;
}
.overview [alt='offline'] .slide img{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* 应用市场 */

.market-page .search{
	right: 20px;
}
.market-page .select-bar{
	border-bottom: 1px solid #E5E5E5;
	height: 65px;
	line-height: 64px;
}
.market-page .one-third{
	padding: 10px;
	margin-top: 20px;
	line-height: 24px;
}
.market-page .one-third h2{
	font-size: 15px;
	margin-top: 8px;
}
.market-page .one-third .inline-block{
	font-size: 14px;
}
.market-page .model-apps .img-wrap{
	margin: 5px;
	width: 84px;
	margin-right: 20px;
}
.market-page .one-third a[role='button']{
	margin-top: 10px;
	padding: 0.3em 1em;
}
.market-page .one-third hr{
	margin-top: 14px;
	margin-bottom: 20px;
}


.market-page .marketing-apps .inline-block{
	width: 50%;
}
.market-page .marketing-apps .detail{
	font-size: 12px;
	padding-right: 1em;
}
.market-page .marketing-apps .img-wrap{
	width: 44%;
	margin-right: 20px;
}

.margin-20{
	margin-right: 20px;
	margin-left: 20px;
}
.padding-90{
	padding: 0 90px;
}


/* 模板详情 */

.model-page h1{
	margin-top: 50px;
	margin-bottom: 10px;
}
.model-page hr{
	margin: 20px 0;
}


/* 应用详情 */

.app-page h1{
	margin-top: 8px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #737373;
}
.app-page h2{
	margin-top: 40px;
	color: #737373;
	font-size: 15px;
}
.app-page h3{
	margin:8px 0;
	font-size: 14px;
}
.app-page hr{
	margin: 10px 0;
}
.app-page .padding-box p{
	line-height: 24px;
}
.app-page .padding-box{
	padding: 50px 90px;
}
.app-page .float-box li{
	float: left;
}

.app-page input[name='puchase']{
	top: 65px;
	right: 90px;
}
.app-page .icon{
	width: 60px;
	margin-right: 20px;
}
.app-page .recommend{
	margin-top: 20px;
}
.app-page .recommend .icon{
	margin-right: 12px;
}
.app-page .recommend a[role='button']{
	padding: 5px 18px;
	margin-left: 40px;
	margin-top: 30px;
	vertical-align: top;
}


/* 我的应用 */

.border-bottom{
	border-bottom: 1px solid #E5E5E5;
}

.preview .mask{
	color: white;	
	opacity: 0;
	filter: alpha(opacity:0);
	transition: opacity 0.5s;
}

.preview .mask span{
	width: 50%;
}
.preview .mask a:hover{
	color: white;
	text-decoration: underline;
}
.preview:hover .mask{
	opacity: 0.95;
	filter: alpha(opacity:95);
}

.model-box .one-forth{
	margin-bottom: 14px;
}

.model-box h2{
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}

.model-box .preview .mobile-page{
	display: block;
	margin: 30px auto;
	width: 70%;
}
.model-box .preview{
	height: 250px;
	overflow: hidden;
}
.myapps-page .model-box .preview{
	height: auto !important;
}
.mymodel-page .model-box .preview{
	height: auto;
}
.model-box .mask p{
	margin-top: 115px;
}

.icon{
	overflow: hidden;
	display: inline-block;
}
.icon img{
	width: 100%;
}
.icon .icon-mask{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTU2NjNGNTY4QzI5MTFFNEE4M0NBRjJBNUQ3MzBBODciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTU2NjNGNTU4QzI5MTFFNEE4M0NBRjJBNUQ3MzBBODciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQUJDQjgxMTM1ODdFNDExQkRFQjhGRjM3NkVDOEY0RCIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk7xS3MAAALiSURBVHja7J0/TxNxHIevja0JyiI4EPwzaKi78AJwMxoWYwR1MkQx8hLUwZdgMDo4KgaNMTbO8AIKs0J0UCEs6qQmWkQ/X/s7Uws9ei139yM8T/KEhDQMnyd3be9ILvdbBPFZlxU5J+flklyR3+SPYHexV+6T/XJADsphOSTzcf9YLmaQZXlPPpYfA4jisLwkb8hD2x3ks7wtH8qfbB2LohyXd2TPdgR56ip/YtuO6JVT8kLUi6LOcWvyuvsDxOgc23DUbboW9wj57kK8YsdEOCtnZFcrQazeOVlmt0QZkc/lnq1OWZPESIWy2zryCJlx5zlIj2k5tlkQ+2h7gjfw1Dkg38iDjaesm8TIhC/yVuMR8kEel1X2yYSCfCuPhEfIfWJkStU1+HuE/NLPo0HtOhVkh13vem9HSIUYXmANKhZkli28Yc6CLLCDN8xbkEV28IZFC7LKDt6wap+y7AYKN538oJhr75Y6JEWeCQgCBCEIEIQgQBCCAEEIAgQBghAECEIQIAhBgCAEAYIAQQgCBCEIEIQgQBCCAEGAIAQBghAECEIQIAhBgCBAEIIAQQgCBCEIEIQgQBAgCEGAIAQBghAECEIQIAgQhCBAkJ0apMgM3lC0IN3s4A3dFqSPHbyhz4KU2MEbShbkJDt4w6AFGWYHbxjmwZL+8O/BkuZl9sgca5APH05sR8exgIeDZfb9Q76zoyRfd7iMs0tmXHENNjzgvuR+Qnr0BLWHe9rP/65l2S+m2Cd17oYxGoMYo/IaG6XGVXmx/hf1p6wQe2M/L8vslSgj8lnQcHE33+Qd/4k8zWaJccZtvOFKe7P7IV3yJaevRLBNX7iNg1aDGAX5wJXsZceOsQ2n3aaFZi9q5Y6hvdG/lhMBN7Pa/dI34TYc2+rFm72pR7HsPho/kitsHUl/ULscMhl+6WuFuEFC1mVFzsoFueRifZXVXTa8nX72u9EHgtrtjFNyKGjjfxb+CDAAX+2pGerxRQUAAAAASUVORK5CYII=");
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
}

.myapps-page .app-tab .icon{
	width: 100px;
	height: 100px;
}
.myapps-page .apps{
	padding: 0 10px;
}
.myapps-page .apps li{
	width: 120px;
	text-align: center;
	margin: 10px;
}

.myapps-page .apps .mask p{
	margin-top: 40px;
}
.myapps-page .apps .mask span{
	width: 45%;
}


/* 我的模板 */

.mymodel-page h2,
.merchant-page h2{
	white-space: nowrap;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
}

.mymodel-page h2 input[type=text],
.merchant-page h2 input[type=text]{
	height: 30px;
	width: 60%;
	margin-right: 6px;
	border: 1px solid white;
}
.mymodel-page h2 input[type=text]:hover,
.merchant-page h2 input[type=text]:hover{
	border-color: #E5E5E5;
}
.mymodel-page h2 input[type=button],
.merchant-page h2 input[type=button]{
	padding: 0.5em 1em;
	font-size: 12px;
}

.mymodel-page .one-forth{
	position: relative;
}
.mymodel-page .status{
	color: white;
}
.mymodel-page [alt='approved']{
	background: #5dba12;
}
.mymodel-page [alt='approving']{
	background: orange;
}
.mymodel-page .preview{
	padding: 20px;
}
.mymodel-page .preview img{
	width: 100%;
}
.mymodel-page .preview hr{
	margin: 15px 0;
}
.mymodel-page .preview p{
	white-space: nowrap;
}
.mymodel-page .preview p a{

	line-height: 1.2em;
	background: none;
	margin-left: 5px;
	width: 15%;
	text-align: center;
	display: inline-block;
}
.merchant-page .one-twice img{
	width: 100%;
}
.mymodel-page .one-third{
	/*max-width: 330px;*/
	margin-bottom: 20px;
}
.myapps-page .one-third{
	max-width: 245px;
}
.myapps-page .model-box .preview img{
	width: 85%; 
	margin-top: 20px;
}
.merchant-page .mobile-page,
.myapps-page .mobile-page,
.mymodel-page .mobile-page{
	overflow: hidden;
	overflow-y: auto; 
}
.mobile-page > img{
	display: block;
}
.mobile-page .slide img{
	width: 100%;
}

.button-group{
	white-space: nowrap;
}
.mobile-body{
	overflow: hidden;
}
.mobile-body .notice{
	white-space: nowrap;
}
/* 编辑模板 */

.editmodel-page .model-preview-box{
	white-space: nowrap;
}
.editmodel-page .model-preview-box > div{
	float: none;
	display: inline-block;
	vertical-align: top;
}
.editmodel-page .left-cell{
	margin-right: 4%;
	margin-top: 50px;
}
.editmodel-page .right-cell{
	padding-top: 35px;	
	padding-left: 4%;
	width: 71%;
	border-left: 1px solid #f2f2f2;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.editmodel-page .right-cell .switch-bar{
	color: #737373;
	font-size: 16px;
	margin-bottom: 40px;
}
.editmodel-page .right-cell h2{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.editmodel-page .right-cell input[type=text]{
	width: 250px;
	height: 30px;
	font-size: 14px;
}
.editmodel-page .right-cell p{
	line-height: 40px;
}
.editmodel-page .right-cell hr{
	margin: 30px 0;
}
.editmodel-page input[type=radio]{
	margin-right: 12px;
}
.editmodel-page .one-third {
	min-height: 80px;
	margin-bottom: 14px;
}
.editmodel-page .one-third img{
	display: block;
}
.editmodel-page .one-third p{
	margin-top: 50px;
}
.editmodel-page label[name='add']{
	width: 50px;
	height: 50px;
	margin-bottom: 50px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTdBREZDNUQ4Q0QzMTFFNEE0MjNERjEwRTBEMjlBMTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTdBREZDNUM4Q0QzMTFFNEE0MjNERjEwRTBEMjlBMTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOUJDNEU1QTk4ODZFNDExOUNGN0NBMUE2MzM0NURFOCIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpDlowAAAABiSURBVHja7NixCQAgDEXBKO4/WJZSdAC7gMi91kIOweK3zIyC5uWsVVzY45NAQEBAQEBAQEBAQEBAQEDebMR98ahoehEQEBCQ/f1WjMpGbBAQEBAQEBAQEBAQEBAQkNMSYACIAgbFHgYtGQAAAABJRU5ErkJggg==");
}
.button-group{
	margin-top: 40px;
	margin-bottom: 20px;
}
.no-margin{
	margin: 0;
}
.editmodel-page .drag-panel{
	width: 180px;
	height: 100px;
	text-align: center;
	padding: 20px;
	margin-right: 36px;
}
.multi-child > div{
	margin-bottom: 14px;
}

.editmodel-page .right-cell h2 b{
	display: inline-block;
	min-width: 10em;
	font-weight: normal;
}
.editmodel-page p b{
	min-width: 6em;
	font-weight: normal;
	display: inline-block;
}
.editmodel-page textarea{
	margin-top: 10px;
	width: 250px;
	height: 100px;
}


/* 首页填写信息 */

.profile-page h1{
	font-size: 40px;
	font-weight: bold;
	margin-top: 80px;
	margin-bottom: 20px;
}
.profile-page h2{
	font-size: 20px;
	margin-bottom: 50px;
	color: #bcbcbc;
}
.profile-page .form-panel{
	width: 360px;
}
.profile-page .multi-select-bar{
	width: 420px;
	color: #676767;
}
.profile-page .img-upload{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABNCAYAAADjCemwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6RUQ1QkFFRTQyMjcxRTQxMTlBQUE4RjkxNjEyNTI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNBNUEzRkQ5NDhGMTFFNDk3QjQ5MTVEM0YxMEY2RDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNBNUEzRkM5NDhGMTFFNDk3QjQ5MTVEM0YxMEY2RDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QjNEOEQxNUMzOTNFNDExQjI4NDhDRjFBNEEzQjZGMiIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpFRDVCQUVFNDIyNzFFNDExOUFBQThGOTE2MTI1MjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj+hZUYAAAQfSURBVHja7JzbbqMwEIaNIWlaSNq925dYaaW+/yOstI/SpUmaNhDWE/3sEuLYGMJ5fmkUKRfAfJ4ZHzD2siwTLDcFTS/ged6oAdQJGslx00OkNRA12ALPQObD6P9i+FIonJSlsAR2xP+dy2ta0xzTc6nsAUagPgEgLfxmJRg5RL8AN8A1ElyD7Kur9OwCGjn5CEsLDh7v0OiLQkPQfT5g6VihUTREylbKtq7O1FDeOHTPA+6ZjAUaPfwasGJl+x7KzpOyDeC9mxprCNBCtPQOLd23IjzTFs80KGgUXS+oU7uW07BO2oaof2/lZ+sLGqXhs6k1B6I8C/4gbfuBpoBFKPj7ul1+x1qi3iV5+egMGlLyGWOqbV+DzAaD6ghjvz+dTKMA7AXA4pEBE3jeGM//UmfuXGfuuSnceMzKG3zjCk46Rtm6cMMpKPdj3Qo0BewR3ff7xBYtyB8f/t0PmrpggLTcoxZMSRn82sDP5tAKhX87kmFFnZWOL/hXqWOoEmkhYO3EhKXA7eBn2Aiaou4X5pJzEPkZwe/akbYe4FyyzWhL4e+6FjQUxdVAViu6FPm7MnUK0rKsEs8MWD4XjeF/dWjI6ZXoZwFxCNoj2nyXSHua4CDWNdrewcEODeMUGh1/9PjcP5X96Jkd+f+oG7fpIo3WnJKeVy/yd6B9RtsJHJZVoFEt+xQsAQ6rqpHG0P5DM0eayl+J/xLmdU5R4iDB5Wak0RubI+O60BFcjNA4yi6V2KAFDE0LLTBB8+cyOXdQWh7+SE3HwNCuoUkbNN6EW+pEbdA8Mb73mG3rJC53Zna2ffS15lTq1TGNfrcxeS/PP3mjskW6CXtwI3/vnaK/akRmK5FTQ1d1Xtryl3Vd53XQfOZ0VVuN0FKGpoWWmqAlot8PMoaoq6ml1MzoGdo1tKMN2oI5XWhhhIZ18RNH278xGnE4gYtxcEubQB4Y2VkPQrNTSgftwNAuoB2qQPtCesqZp6YEB3uk4e3y+UXpzKPs/MJcu2We/iwbBnTf50JH47+A/76Oj7xxkRS5/DTTKCO/D+AgqtS0XLRPazPDWibg99a07HErZBNEWzQzbhGiLHGGBtF2o3Auk3jsRwuFZZuZtBTIFGEaziTKzh/U3qplVSONRBt3l1MHp6IshJ/WnexWaOiC35Dry4kCW8K/tyqfMlYa9aMoxuiKp7Yc7sGv2FT8naEBXH5ExHpi0MifFP6Ju0Ir9KZiQuO3Tcmv+0Mr7LGXEwC3gR+x6yfZ/A07n5Zg1V1OS2i0ZqZuuMVU69sIxnEhnvMgGn7vxSfA8FlD2sn3YM8aKrcsn2rlCC0Xn59WA1rZGT6pzwFaucs3nQmZv6zOYB4s/5JmNmdCmoY7utNHvYJlBWvl9NGxQRuE+HDgjhT00VJj118BBgBcPO7aKBC5ZwAAAABJRU5ErkJggg==");
	width: 77px;
	height: 77px;
}
.profile-page .img-upload + span{
	width: 180px;
	white-space: normal;
	line-height: 20px;
	font-size: 12px;
	vertical-align: middle;
}
.profile-page dl{
	margin: 20px 0;
}
.profile-page dt{
	min-width: 6.5em;
}

.firstdevice-page dl{
	margin: 0;
}


/* mobile-frame */

.mobile-page{
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	font-size: 12px;
}
.mobile-body{
	background: #f5f5f5;
	padding-top: 7%;
}
.mobile-body a,
.mobile-body img{
	margin: 0;
}
.mobile-body .slide{
	position: relative;
}
.mobile-view .mobile-body h2{
	display: block;
	font-size: 14px;
	margin: 0;
	line-height: normal;
	text-align: left;
	height: auto;
}
.mobile-body h1{
	font-size: 16px;
	text-align: center;
	margin: 1em 0;
}
.mobile-body .notice{
	height: 30px;
	line-height: 30px;
}
.merchant-page .mobile-body .notice{
	margin-top: 0;
}
.mobile-body .notice p{
	padding-left: 3em;
	background: url(../img/mobile_notice.png) no-repeat 1em center;
	background-size: 1.2em;
}

.mobile-body .welcome{
	height: 30px;
	line-height: 30px;
	padding-left: 2em;
	position: relative;
}
.mobile-body .welcome a{
	position: absolute;
	top: 0;
	right: 1em;
}
.mobile-body .welcome img{
	width: 1.5em;
	display: inline-block;
	vertical-align: middle;
}

.mobile-body .banner{
	position: relative;
}
.mobile-body .banner .logo{
	width: 100%;
	position: absolute;
	left: 0;
	top: 14.8%;
	
}
.mobile-body .banner .logo img{
	width: 27%;
	display: block;
	margin: 0 auto;
}
.mobile-body .banner .logo h2{
	text-align: center;
	color: white;
	margin-top: 2%;
}
.mobile-body .banner .logo h2 + p{
	margin-top: 4%;
}
.mobile-body .banner .logo a{
	color: white;
	padding: 0.5em 1.5em;
	border: 1px solid white;
	border-radius: 4px;
}
.wechat-head{
	display: block;
	width: 100%;
}
.mobile-body .banner p{
	margin-top: 8%;
	text-align: center;	
}
.banner img{
	display: block;
	width: 100%;
}

.mobile-body .pager{
	position: absolute;
	bottom: 0;
	margin: 0;
	line-height: normal;
}
.mobile-body ul.pager li{
	float: none;
	width: 6px;
	height: 6px;
	background: url(../img/pager_point.png) no-repeat;
	background-size: 100%;
	opacity: 0.5;
	filter: alpha(opacity:50);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../img/pager_point.png',
		sizingMethod='scale');

}
.mobile-body ul.pager li.active{
	opacity: 1;
	filter: alpha(opacity:100);
}
.mobile-body .mobile-logo{
	margin-top: 20px;
}
.mobile-body .mobile-logo div{
	width: 20%;
	background: white;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	overflow: hidden;
}
.mobile-body .mobile-logo img{
	display: block;
	width: 100%;
}
.mobile-body .mobile-login{
	margin-top: 20px;
	line-height: 20px;
}
.mobile-body .mobile-login hr{
	margin-bottom: 20px;
}
.mobile-body .mobile-form{
	padding: 0 5%;
	margin: 0 5%;
	border-radius: 5px;
	background: white;
	color: #8c8c8c;
	margin-bottom: 20px;
	padding: 0 5%;
}
.mobile-body .mobile-form input[type=text],
.mobile-body .mobile-form input[type=password]{
	display: block;
	width: 100%;
	height: 40px;	
	background: none;
	border: none;
}
.mobile-body .mobile-form dl{
	position: relative;
	line-height: 40px;
}
.mobile-body .mobile-form dl + dl{
	border-top: 1px solid #ececec;
}
.mobile-body .mobile-form span{
	position: absolute;
	top: 0;
	right: 0;
}
.mobile-body [name='get-code']{
	padding: 0.3em 0.8em;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	line-height: normal;
	background: none;
}
.error{
	color: #e80000;
}
.mobile-body .mobiel-number{
	font-size: 16px;
	font-weight: bold;
}
.mobile-body .button-group{
	margin: 10px 0;
}
.mobile-body .button-group input{
	width: 90%;
	padding: 0 1em;
	height: 30px;
	line-height: 30px;
}
.mobile-body .button-group input + input{
	margin-left: 5px;
}
.mobile-body .button-group .btn-white{
	background: none;
}

.mobile-body .other-way{	
	margin: 20px auto;
	text-align: center;
}
.mobile-body .other-way p{
	border-top: 1px solid #dedede;
	display: inline-block;
	padding: 0 2em;
}
.mobile-body .other-way p span{
	padding: 0 1em;
	background: #f7f7f7;
	position: relative;
	top: -0.5em;
}
.mobile-body .other-way img{
	width: 30px;
}



.mobile-body .app-box{
	width: 100%;
	margin: 10px 0;
	margin-left: 4.6875%;
	text-align: center;
	overflow: hidden;	
}
.mobile-body .app-box dd{
	float: left;
	width: 30.2083%;
	padding: 4.6875%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mobile-body .app-box h2{
	margin-top: 10px;
	white-space: nowrap;
	text-align: center;
}
.mobile-body .app-list{
	padding: 0 4.6875%;
	line-height: 2em;
	margin: 10px 0;
	margin-top: 25px;
}
.mobile-body .app-list a{
	display: block;
	width: 100%;
	height: 60px;
	margin-top: 10px;	
	background: url(../img/enter_app.png) no-repeat right center;
}
.mobile-body .app-list .img-wrap{
	width: 50px;
	margin-left: 2px;
	margin-right: 16px;
}

.mobile-body .link-box{
	line-height: 4em;
	padding: 0 4.6875%;
}
.mobile-body .link-box a{
	display: inline-block;
	width: 100%;
	background: url(../img/enter_link.png) no-repeat 95% center;
	background-size: auto 1em;
}
.mobile-body .footer{
	margin-top: 40px;
	text-align: left;
	height: 40px;
	padding: 0 2%;
	background: #eeeeee;
	overflow: hidden;
}
.mobile-body .footer img{
	margin: 0;
	width: auto;
	height: 100%;
	display: inline-block;
}
.mobile-body .footer .f-right{
	padding-top: 10px;
}


/*基础应用*/

.basicapps-page .right-cell{
	padding-top: 55px;
	padding-bottom: 150px;
}

.mobile-body .mobile-topbar{
	height: 40px;
	line-height: 40px;
	background: url(../img/basicapps/mobile_topbar_bg.png) repeat-x;
	background-size: 100% 100%;
}
.mobile-body .mobile-topbar h1{
	margin: 0;
}
.mobile-body .mobile-topbar a{
	font-size: 12px;
	padding: 0.3em 1.2em;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	line-height: normal;
	margin-left: 10px;
}

.mobile-body .content{
	padding: 4.6875%;
	line-height: 1.5em;
}
.mobile-body .content hr{
	margin: 15px 0;
}

.mobile-body .mobiel-title{

	text-align: left;
	position: relative;
}
.mobile-body .mobiel-title .img-wrap{
	width: 50px;
	margin-right: 6px;
}
.mobile-body .mobiel-title p{
	font-weight: bold;
	color: #dddddd;
	font-size: 14px;
}

.mobile-body .text{
	letter-spacing: 0.025em;
}
.basicapps-page .item-list{
	overflow: hidden;
}
.basicapps-page .item{
	width: 90.625%;
	margin: 4.6875% auto;
}
.basicapps-page .add-button{
	margin: 36px auto;
	margin-bottom: 0;
	display: block;
}
.basicapps-page .add-button i{
	font-style: normal;
	font-size: 30px;
	margin-right: 10px;
}

.specialty-page .specialty-box{
	overflow: hidden;
}
.specialty-page .specialty{
	width: 310px;
	height: 145px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	padding: 14px;
	position: relative;
}
.specialty-page .specialty .img-wrap{
	margin-right: 14px;
	width: 112px;
	height: 112px;
	overflow: hidden;
}
.specialty-page .specialty .img-wrap img{
	position: relative;
	width: auto !important;
	height: 100%;
	left: -20px;
}
.specialty-page .specialty p{
	line-height: 28px;
}
.basicapps-page .dialog{
	height: auto;
}
.basicapps-page .dialog p{
	margin: 1em 0;
}
.basicapps-page .dialog .button-group{
	margin-top: 2em;
	margin-bottom: 2em;
}
.basicapps-page .dialog .img-group{
	max-height: 140px;
	overflow: hidden;
}
.basicapps-page .dialog .img-group img{
	width: 60px;
	margin: 5px;
	font-size: 0;
}


.font-12{
	font-size: 12px !important;
}


/*编辑菜品*/

.e-s-item{
	border-bottom: 1px solid #EEEEEE;
	padding: 50px 0;
	white-space: nowrap;
	text-align: center;
}
.e-s-item .inline-block{
	text-align: left;
}
.e-s-item .drag-panel{
	width: 360px;
	height: 170px;
	
	padding-top: 50px;
}
.e-s-item .img-panel{
	margin: 10px 5%;
	margin-left: 0;
}
.e-s-item .img-panel p{
	margin-top: 20px;
	font-size: 12px;
}
.e-s-item .form-panel{
	margin: 0;
}
.editspecialty-page .mobile-view{
	margin-top: 150px;
	width: 250px;
}

.mobile-body .item{
	position: relative;
	padding: 2px;
	padding-bottom: 0;
	background: #ebebeb;
	border: 1px solid #dddcdd;
	box-shadow: 0 2px 5px #e3e2e2;
}
.mobile-body .item h2{
	position: relative;
	font-size: 12px;
	line-height: 30px;
	padding: 0 1em;
}
.mobile-body .item h2 span{
	position: absolute;
	top: 0;
	right: 1em;	
}
.mobile-body .item h2 i{
	color: #F39815;
	font-style: normal;
	vertical-align: middle;
}
.mobile-body .item h2 b{
	font-size: 20px;
}
.mobile-body .item .tag{
	background: url(../img/basicapps/mobile_tag.png) no-repeat;
	background-size: 100% auto;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../img/basicapps/mobile_tag.png',
		sizingMethod='scale');
	position: absolute;
	top: 0;
	right: 0;
	width: 43px;
	height: 36px;
	color: white;
	text-align: right;
	padding: 6px 4px;
}

.specialty-box .specialty .tag{
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/basicapps/specialty_choose.png) no-repeat;
	width: 40px;
	height: 40px;
	background-position: 0 0;
}
.specialty-box .specialty.choosed .tag{
	background-position: 0 -40px;
}
.choose-page .dialog{
	padding: 25px 0;
}
.qrcode-page .padding-box{
	margin-top: 50px;
}
.qrcode-page .qrcode-upload{
	line-height: 60px;
	padding-left: 100px;
	width: 50%;
}
.qrcode-page .qrcode-upload select{
	height: 30px;
	min-width: 130px;
}
.qrcode-page .qrcode-panel img{
	width: 350px;
}

/* message */
.message{
	position: fixed;
	left: 50%;
	top: 30%;
	z-index: 100;
}
/*.message p{
	position: relative;
	left: -50%;
	font-size: 16px;
	background: white;
	border-radius: 10px;
	padding: 20px 80px;
	border: 1px solid #ccc;
	box-shadow: 3px 4px 15px #ccc;
}*/
.message div{
	position: relative;
	left: -50%;
	font-size: 16px;
	background: white;
	border-radius: 15px;
	padding: 20px;
	padding-top: 55px;
	line-height: 1.5em;	
	text-align: center;
	min-width: 250px;
	min-height: 105px;
	box-shadow: 9px 12px 80px rgba(12,3,6,0.1);
	border: 1px solid rgb(242, 242, 242);	
	transition: all 0.5s;
	top: -20px;
	opacity: 0;
}
.message.on div{
	top: 0;
	opacity: 1;
}
.message img{
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	margin-bottom: 10px;
}


/* 输入错误 */
.warnning{ 
	background-color:rgb(255, 218, 218) !important; 
	outline-color:red !important;
}

[type=file].hide{
	display: block;
	position: absolute;
	left: -10000px;
}



/* 插件样式调整 */

.chosen-single {
	background: none !important;
	border-radius: 0 !important;
}
.chosen-search {
	display: none;
}


/* 追加样式调整 */

.merchant-page .one-twice a[name='add'],
.model-box a[name='add'],
.wechartmodel-page a[name='add'],
.models a[name='add'],
.editmodel-page label[name='add']{
	width: 100%;
	height: 100%;
	margin: 0;
}

.mobile-view .img-mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.mobile-view{
	color: #8b8b8b;
}

/*.app-mask{
	height: 130px;
	margin-top: -45%;
	background: rgba(0,0,0,0.5);
	line-height: 20px;
	padding-top: 40px;
	text-align: center;
	color: white;
	z-index: 1;
	position: relative;
}*/

.app-mask{
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000);
	line-height: 20px;
	text-align: center;
	color: #F47B0F;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 13px;
	display: none;
}
.app-wrap{
	position: relative;
}
.app-wrap:hover .app-mask{
	display: block;
}
.app-mask p{
	padding-top: 30px;	
}
.app-mask img{
	width: auto !important;
	display: inline-block !important;
	margin-right: 4px !important;
	vertical-align: middle;
}

#mainchart,#subchart{
	border: none !important;
}
.echart-box{
	padding: 20px;
}
.trace-page #mainchart{
	padding: 20px;
}

#sltbrand{
	border: none;
	outline: none;
}
#prevdate{
	border: none;
	color: #f47b0f;
}
.pulldown-button{
	padding-right: 20px;
	background: url(../img/down.png) no-repeat right center;
}

.mb-lang{
	margin-left: 15%;
	margin-top: 10px;
}
.model-apps hr + p{
	height: 48px;
	overflow: hidden;
}
.mobile-body{
	text-align: left;
	white-space: nowrap;
}
.mobile-body p,
.mobile-body h1,
.mobile-body h2,
.mobile-body h3,
.mobile-body textarea{
	white-space: normal;
}

.follow-button{
	border-radius: 4em !important;
	padding: 0.2em 2em !important;
	color: white;
	border: 1px solid white;
}
.follow-button.gray{
	border-color: #999;
	color: #999;
}


.chooseapps-page .apps .addnew a{
	display: block;
	width: 160px;
	height: 135px;
	background: #f5f5f5;
	text-align: center;
	margin-top: 35px;
	padding-top: 25px;
}



.menu_center .butt_changsuo{
	background: url(../img/down.png) no-repeat 90% 45%;
}
.menu_center #henry_placelist .butt_changsuo{
	background: url(../img/up.png) no-repeat 90% 45%;
}

/* 2/13追加调整 */

.mobile-body .app-list .inline-block{
	max-width: 56%;
	overflow: hidden;
}
.mobile-body .app-list p,
.mobile-body .app-list h2{
	white-space: nowrap;
}


/* 版本信息 */

.version-page .version{
	background: white;
	min-height: 720px;
}
.version-page .version .price{
	display: inline-block;
	width: 137px;
	height: 137px;
	background: url(../img/version.png) no-repeat;
	color: #737373;
	margin: 20px 0;
}
.version-page .version.active .price{
	background-image: url(../img/version_orange.png);
	color: white;
}
.version-page .version .price h3{
	font-size: 32px;
	margin-top: 50px;
}
.version-page .version .price h4{
	font-size: 32px;
	margin-top: 42px;
}
.version-page .version .price p{
	font-size: 14px;
}

.version-page .version.active{
	border: 3px solid #f47b0f;
}
.version-page .description{
	min-height: 340px;
	padding: 20px;
	color: #808080;
	font-size: 14px;
	line-height: 24px;
}
.version-page .version input{
	border: none;
	background: #7dbf30;
	color: white;
	border-radius: 4px;
	font-size: 14px;
}
.version-page .version.active input{
	background: #f47b0f;
}
.version-page .version.active .title{
	height: 47px;
	line-height: 46px;
}


 tbody tr:hover {
	background: #fef8f3;
}
.home-page tr:hover{
	background: none;
}
.datepicker tr:hover{
	background: none;
}

.mobile-body h1{
	padding: 0;
}
.address-bar{
	font-size: 14px;
}

.dialog-box .mobile-view{
	padding-bottom: 10%;
}

.clear{
	clear: both;
	line-height: 0;
	height: auto;
	width: auto;
	font-size: 0;
}
.title-style-line{
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	line-height: 2em;
	font-size: 16px;
	margin-bottom: 1em;
	text-align: center;
	color: #B5B2B2;
}
.title-style-line span{
	position: relative;
	top: 1em;
	background: #f1f3f6;
	padding: 0 1em;

}
.mymodel-page .preview .detail p{
	padding-left: 3em;
	line-height: 2em;
	background: url(../img/dot.png) no-repeat 3%;
}

#mainimage,#subimage{
	border: none !important;
}

#prevdate,#nextdate{
	cursor: pointer;	
}
#prevdate:hover,#nextdate:hover{
	background: #FFF8E1;
}

.echart-box{
	margin: 0 !important;
}
.echart-box + .echart-box,
.grid-box + .echart-box{
	margin-top: 14px !important;
}

.mymodel-page .mobile-body .icon-box dd{
	font-size: 1em;
	margin-top: 1em;
}
.mymodel-page .mobile-body .icon-box p{
	white-space: nowrap;
}

.editmodel-page #background_add p{
	height: 100%;
	margin: 0;
}
.editmodel-page #background_add label{
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}