.icheckbox_square-green,.iradio_square-green {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	background: url(../images/green_2ac2339.png) no-repeat;
	border: 0;
	cursor: pointer
}

.icheckbox_square-green {
	background-position: 0 0
}

.icheckbox_square-green.hover {
	background-position: -24px 0
}

.icheckbox_square-green.checked {
	background-position: -48px 0
}

.icheckbox_square-green.disabled {
	background-position: -72px 0;
	cursor: default
}

.icheckbox_square-green.checked.disabled {
	background-position: -96px 0
}

.iradio_square-green {
	background-position: -120px 0
}

.iradio_square-green.hover {
	background-position: -144px 0
}

.iradio_square-green.checked {
	background-position: -168px 0
}

.iradio_square-green.disabled {
	background-position: -192px 0;
	cursor: default
}

.iradio_square-green.checked.disabled {
	background-position: -216px 0
}

@media (-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),(min-resolution:1.25dppx) {
	.icheckbox_square-green,.iradio_square-green {
		background-image: url(../images/green@2x_8951049.png);
		-webkit-background-size: 240px 24px;
		background-size: 240px 24px
	}
}

/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

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

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

a:hover,a:active {
	outline: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}*/

.alert-box {
	font-size: 16px;
	display: block;
	font-weight: 400;
	padding: 12px 20px;
	position: relative;
	transition: opacity 300ms ease-out;
	background-color: #2cd188;
	border-radius: 6px;
	color: #fff
}

.alert-box i {
	margin-right: 10px
}

.alert-box.success {
	background-color: #2cd188
}

.alert-box.warning {
	background-color: #ffa800
}

.alert-box.info {
	background-color: #ffa800
}

.alert-box.alert {
	background-color: #ff4931
}

.alert-box.secondary {
	background-color: #e7e7e7
}

.alert-box.radius {
	border-radius: 6px
}

.alert-box .close {
	right: .22222rem;
	background: inherit;
	color: #333;
	font-size: 1.22222rem;
	line-height: .9;
	margin-top: -.61111rem;
	opacity: .3;
	padding: 0 6px 4px;
	position: absolute;
	top: 50%
}

.alert-box-pop {
	position: fixed;
	left: 50%;
	font-weight: 400;
	opacity: .6;
	z-index: 5000
}

.button {
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	font-family: "Microsoft YaHei",sans-serif;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	background-color: #00c0f1;
	color: #fff;
	border-width: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 16px 25px;
	line-height: 1em;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	font-size: 16px
}

.button:hover {
	background-color: #40d8ff;
	color: #fff
}

.button:active {
	background-color: #0ba2f1;
	color: #fff
}

.button.huge {
	padding: 21px 0;
	width: 394px
}

.button.secondary {
	border: 1px solid #7a7e89;
	background-color: #fff;
	color: #7a7e89
}

.button.secondary:hover {
	background-color: #b1b7c7;
	color: #fff
}

.button.secondary:active {
	background-color: #7a7e89;
	color: #fff
}

.button.round {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	height: 28px;
	padding: 0 15px;
	display: inline-block;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	line-height: 28px;
	font-size: 13px
}

.button.round.hollow {
	border: 1px solid #19bbff;
	background-color: #fff;
	color: #19bbff
}

.button.round.hollow:active {
	color: #0ba2f1;
	border-color: #0ba2f1
}

.button.round.hollow.cold {
	border: 1px solid #7a7e89;
	background-color: #fff;
	color: #7a7e89
}

.button.round.hollow.cold:hover {
	background-color: #b1b7c7;
	color: #fff
}

.button.round.hollow.cold:active {
	background-color: #7a7e89;
	color: #fff
}

.button.expand {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	height: 28px;
	padding: 0 15px;
	display: inline-block;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
	line-height: 28px;
	text-align: left;
	font-size: 13px
}

.button.expand:hover span {
	display: inline-block;
	opacity: 1
}

.button.expand.hollow {
	border: 1px solid #19bbff;
	background-color: #fff;
	color: #19bbff
}

.button.expand.hollow:active,.button.expand.hollow:hover {
	color: #fff;
	background-color: #19bbff
}

.button.expand.hollow.cold {
	border: 1px solid #7a7e89;
	background-color: #fff;
	color: #7a7e89
}

.button.expand.hollow.cold:hover {
	background-color: #b1b7c7;
	color: #fff
}

.button.expand.hollow.cold:active {
	background-color: #7a7e89;
	color: #fff
}

.button.search {
	width: 44px;
	height: 44px;
	border: 1px solid #dde2e5;
	color: #19bbff;
	font-size: 24px;
	background-color: #fff;
	padding: 0;
	line-height: 44px
}

.button.search:hover {
	background-color: #dde2e5
}

.button.search:active {
	background-color: #19bbff;
	color: #fff
}

.button[disabled] {
	background-color: #e3e3e3;
	color: #b9b9b9;
	cursor: not-allowed
}

.button[disabled]:hover,.button[disabled]:active {
	background-color: #e3e3e3;
	color: #b9b9b9;
	cursor: not-allowed
}

.button.i {
	position: relative;
	padding-left: 37px
}

.button.i i {
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 0
}

.form-horizontal input,.form-horizontal textarea,.form-horizontal select {
	border-radius: 3px;
	border: 1px solid #dddee3;
	padding: 0 8px;
	font-family: "Microsoft YaHei",Arial,sans-serif
}

.form-horizontal input:focus,.form-horizontal textarea:focus,.form-horizontal select:focus {
	-webkit-box-shadow: 0 0 10px #19bbff;
	-moz-box-shadow: 0 0 10px #19bbff;
	box-shadow: 0 0 10px #19bbff
}

.form-horizontal .form-group {
	padding: 10px 0;
	position: relative
}

.form-horizontal .form-group .group-single input[type=checkbox] {
	display: inline-block;
	width: auto
}

.form-horizontal .form-group .group-single label {
	display: inline-block;
	width: auto;
	vertical-align: middle
}

.form-horizontal .form-group .group-single .parsley-errors-list {
	padding-left: 0
}

.form-horizontal .parsley-errors-list {
	position: absolute;
	left: -10px;
	z-index: 10
}

.form-horizontal label,.form-horizontal input,.form-horizontal select,.form-horizontal .filed,.form-horizontal textarea {
	display: inline-block;
	font-size: 14px;
	*display: inline;
	*zoom: 1
}

.form-horizontal label,.form-horizontal .filed {
	vertical-align: top;
	text-align: left;
	line-height: 44px
}

.form-horizontal label {
	display: block
}

.form-horizontal label.normal {
	width: auto;
	vertical-align: middle
}

.form-horizontal input,.form-horizontal select {
	line-height: 42px;
	height: 42px
}

.form-horizontal select {
	padding: 8px;
	box-sizing: content-box;
	height: 24px;
	line-height: 24px
}

.form-horizontal textarea {
	line-height: 42px
}

.form-horizontal input[type=radio],.form-horizontal input[type=checkbox] {
	padding: 0;
	height: auto;
	width: auto;
	vertical-align: middle
}

.form-horizontal input::-webkit-input-placeholder,.form-horizontal textarea::-webkit-input-placeholder,.form-horizontal input:-moz-placeholder,.form-horizontal textarea:-moz-placeholder,.form-horizontal input::-moz-placeholder,.form-horizontal textarea::-moz-placeholder,.form-horizontal input:-ms-input-placeholder,.form-horizontal textarea:-ms-input-placeholder {
	color: rgba(0,0,0,.2)!important
}

.ui-dialog-mask {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2999;
	background-color: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	width: 100%
}

.ui-dialog-pop {
	display: none;
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3000;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.3);
	box-shadow: 0 3px 7px rgba(0,0,0,.3);
	outline: 0
}

.ui-dialog-pop .ui-dialog-hd {
	font-size: 18px;
	padding: 0 15px;
	line-height: 40px;
	position: relative;
	font-style: normal;
	border-bottom: 1px solid #eef2f5
}

.ui-dialog-pop .ui-dialog-bd {
	margin: 20px
}

.ui-dialog-pop .ui-dialog-close {
	position: fixed;
	right: 5px;
	top: -12px;
	cursor: pointer;
	font-size: 80px;
	color: #fff
}

.ui-dialog-pop .ui-dialog-ft {
	padding: 20px;
	text-align: right
}

.ui-dialog-pop .ui-dialog-ft .ui-dialog-button {
	margin-right: 15px
}

.ui-dialog-pop .button {
	margin-right: 15px;
	font-size: 18px
}

@font-face {
	font-family:fontello;src:url(/static/common/css/font/fontello_65de14d.eot?30655044);src:url(/static/common/css/font/fontello_65de14d.eot?30655044#iefix) format('embedded-opentype'),url(/static/common/css/font/fontello_b48fe23.woff2?30655044) format('woff2'),url(/static/common/css/font/fontello_f092a80.woff?30655044) format('woff'),url(/static/common/css/font/fontello_a884726.ttf?30655044) format('truetype'),url(/static/common/css/font/fontello_ca39d1a.svg?30655044#fontello) format('svg');font-weight:400;font-style:normal
}[class^=icon-]:before,[class*=" icon-"]:before {
	font-family: fontello;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em
}[class^="expand "]:before,[class*=" expand"]:before {
	line-height: inherit
}

.animate-spin {
	-moz-animation: spin 5s infinite linear;
	-o-animation: spin 5s infinite linear;
	-webkit-animation: spin 5s infinite linear;
	animation: spin 5s infinite linear;
	display: inline-block
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-webkit-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-o-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-ms-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.icon-user-add:before {
	content: '\e800'
}

.icon-list:before {
	content: '\e801'
}

.icon-dash:before {
	content: '\e802'
}

.icon-tpl-import:before {
	content: '\e803'
}

.icon-tpl-export:before {
	content: '\e804'
}

.icon-category-add:before {
	content: '\e805'
}

.icon-copy:before {
	content: '\e806'
}

.icon-update:before {
	content: '\e807'
}

.icon-upload-pack:before {
	content: '\e808'
}

.icon-send:before {
	content: '\e809'
}

.icon-delete:before {
	content: '\e80a'
}

.icon-sync:before {
	content: '\e80b'
}

.icon-expand:before {
	content: '\e80c'
}

.icon-required:before {
	content: '\e80d'
}

.icon-QQ:before {
	content: '\e80e'
}

.icon-arrow-down:before {
	content: '\e80f'
}

.icon-box:before {
	content: '\e810'
}

.icon-ok:before {
	content: '\e811'
}

.icon-cancel:before {
	content: '\e812'
}

.icon-plus:before {
	content: '\e813'
}

.icon-minus:before {
	content: '\e814'
}

.icon-right:before {
	content: '\e815'
}

.icon-left:before {
	content: '\e816'
}

.icon-alert-push:before {
	content: '\e817'
}

.icon-update-config:before {
	content: '\e818'
}

.icon-import-file:before {
	content: '\e819'
}

.icon-firmware-update:before {
	content: '\e81a'
}

.icon-user:before {
	content: '\e81b'
}

.icon-develop:before {
	content: '\e81c'
}

.icon-done:before {
	content: '\e81d'
}

.icon-com-name:before {
	content: '\e81e'
}

.icon-com-address:before {
	content: '\e81f'
}

.icon-location:before {
	content: '\e820'
}

.icon-industry:before {
	content: '\e821'
}

.icon-new-password:before {
	content: '\e822'
}

.icon-confirm-password:before {
	content: '\e823'
}

.icon-password:before {
	content: '\e824'
}

.icon-check-code:before {
	content: '\e825'
}

.icon-tel-code:before {
	content: '\e826'
}

.icon-mobile:before {
	content: '\e827'
}

.icon-finger-print:before {
	content: '\e828'
}

.icon-up:before {
	content: '\e829'
}

.icon-favorite:before {
	content: '\e82a'
}

.icon-email:before {
	content: '\e82b'
}

.icon-tpl-add:before {
	content: '\e82c'
}

.icon-contact:before {
	content: '\e82d'
}

.icon-depart:before {
	content: '\e82e'
}

.icon-tel-no:before {
	content: '\e82f'
}

.icon-access:before {
	content: '\e830'
}

.icon-app-create:before {
	content: '\e831'
}

.icon-apikey:before {
	content: '\e832'
}

.icon-trigger:before {
	content: '\e833'
}

.icon-apikey-add:before {
	content: '\e834'
}

.icon-trigger-add:before {
	content: '\e835'
}

.icon-app-add:before {
	content: '\e836'
}

.icon-chip:before {
	content: '\e837'
}

.icon-error:before {
	content: '\e838'
}

.icon-like:before {
	content: '\e839'
}

.icon-warning:before {
	content: '\e83a'
}

.icon-tip:before {
	content: '\e83b'
}

.icon-product-create:before {
	content: '\e83c'
}

.icon-connect:before {
	content: '\e83d'
}

.icon-resize-small-alt:before {
	content: '\e83e'
}

.icon-co-oper:before {
	content: '\e83f'
}

.icon-search:before {
	content: '\e840'
}

.icon-play-1:before {
	content: '\e841'
}

.icon-weibo:before {
	content: '\e842'
}

.icon-enviro:before {
	content: '\e843'
}

.icon-globe:before {
	content: '\e844'
}

.icon-message-1:before {
	content: '\e845'
}

.icon-notify:before {
	content: '\e846'
}

.icon-data-manage:before {
	content: '\e847'
}

.icon-data-add:before {
	content: '\e848'
}

.icon-profile:before {
	content: '\e849'
}

.icon-settings:before {
	content: '\e84a'
}

.icon-logout:before {
	content: '\e84b'
}

.icon-bbs:before {
	content: '\e84c'
}

.icon-debug:before {
	content: '\e84d'
}

.icon-wechat:before {
	content: '\e84e'
}

.icon-batch-export:before {
	content: '\e84f'
}

.icon-discovery:before {
	content: '\e850'
}

.icon-batch-import:before {
	content: '\e851'
}

.icon-case:before {
	content: '\e852'
}

.icon-device-add:before {
	content: '\e853'
}

.icon-intro:before {
	content: '\e854'
}

.icon-product-analyse:before {
	content: '\e855'
}

.icon-home:before {
	content: '\e856'
}

.icon-edit:before {
	content: '\e857'
}

.icon-info:before {
	content: '\e858'
}

.icon-product-add:before {
	content: '\e859'
}

.icon-calendar:before {
	content: '\e85a'
}

.icon-notify-hover:before {
	content: '\e85b'
}

.icon-resize-full:before {
	content: '\e85c'
}

.icon-spin5:before {
	content: '\e85d'
}

.icon-previous:before {
	content: '\e85e'
}

.icon-connect-hover:before {
	content: '\e85f'
}

.icon-copy-hover:before {
	content: '\e860'
}

.icon-cloud:before {
	content: '\e861'
}

.icon-debug-hover:before {
	content: '\e862'
}

.icon-align-left:before {
	content: '\e863'
}

.icon-align-center:before {
	content: '\e864'
}

.icon-align-right:before {
	content: '\e865'
}

.icon-up-big:before {
	content: '\e866'
}

.icon-down-big:before {
	content: '\e867'
}

.icon-grid:before {
	content: '\e868'
}

.icon-eye:before {
	content: '\e869'
}

.icon-spin4:before {
	content: '\e86a'
}

.icon-down-small:before {
	content: '\e86b'
}

.icon-edit-hover:before {
	content: '\e86c'
}

.icon-info-hover:before {
	content: '\e86d'
}

.icon-right-small:before {
	content: '\e86e'
}

.icon-calendar-hover:before {
	content: '\e86f'
}

.icon-left-small:before {
	content: '\e870'
}

.icon-up-small:before {
	content: '\e871'
}

.icon-delete-hover:before {
	content: '\e87a'
}

.icon-expand-hover:before {
	content: '\e87c'
}

.icon-QQ-hover:before {
	content: '\e87e'
}

.icon-location-hover:before {
	content: '\e890'
}

.icon-favorite-hover:before {
	content: '\e89a'
}

.icon-email-hover:before {
	content: '\e89b'
}

.icon-tel-no-hover:before {
	content: '\e89f'
}

.icon-dev-onenet:before {
	content: '\e8b8'
}

.icon-energy:before {
	content: '\e8b9'
}

.icon-car:before {
	content: '\e8ba'
}

.icon-crop:before {
	content: '\e8bb'
}

.icon-horn:before {
	content: '\e8bd'
}

.icon-send-command:before {
	content: '\e8c8'
}

.icon-top:before {
	content: '\e8cd'
}

.icon-try:before {
	content: '\e8ce'
}

.icon-join:before {
	content: '\e8cf'
}

.icon-next:before {
	content: '\e97f'
}

.icon-message:before {
	content: '\e980'
}

.icon-atom:before {
	content: '\e981'
}

.icon-chart:before {
	content: '\e982'
}

.icon-window:before {
	content: '\e983'
}

.icon-link:before {
	content: '\e984'
}

.icon-download:before {
	content: '\e98d'
}

.icon-data-add-hover:before {
	content: '\e98e'
}

.icon-home-hover:before {
	content: '\e98f'
}

.icon-video:before {
	content: '\e99a'
}

.icon-general:before {
	content: '\e99b'
}

.icon-content:before {
	content: '\ea63'
}

.icon-meaning:before {
	content: '\ea64'
}

.icon-tick:before {
	content: '\ea65'
}

.icon-what:before {
	content: '\ea66'
}

.icon-data-add:before {
	content: '\e848'
}

.icon-data-add:hover:before {
	content: '\e98e';
	color: #b1b7c5
}

.icon-data-add:active:before {
	content: '\e98e';
	color: #7a7e89
}

.icon-data-add[disabled]:hover:before,.icon-data-add[disabled]:active:before,.icon-data-add[disabled]:before {
	content: '\e848';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-connect:before {
	content: '\e83d'
}

.icon-connect:hover:before {
	content: '\e85f';
	color: #b1b7c5
}

.icon-connect:active:before {
	content: '\e85f';
	color: #7a7e89
}

.icon-connect[disabled]:hover:before,.icon-connect[disabled]:active:before,.icon-connect[disabled]:before {
	content: '\e83d';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-copy:before {
	content: '\e806'
}

.icon-copy:hover:before {
	content: '\e860';
	color: #b1b7c5
}


.icon-copy:active:before {
	content: '\e860';
	color: #7a7e89
}

.icon-copy[disabled]:hover:before,.icon-copy[disabled]:active:before,.icon-copy[disabled]:before {
	content: '\e806';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-edit:before {
	content: '\e857'
}

.icon-edit:hover:before {
	content: '\e86c';
	color: #b1b7c5
}

.icon-edit:active:before {
	content: '\e86c';
	color: #7a7e89
}

.icon-edit[disabled]:hover:before,.icon-edit[disabled]:active:before,.icon-edit[disabled]:before {
	content: '\e857';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-delete:before {
	content: '\e80a'
}

.icon-delete:hover:before {
	content: '\e87a';
	color: #b1b7c5
}

.icon-delete:active:before {
	content: '\e87a';
	color: #7a7e89
}

.icon-delete[disabled]:hover:before,.icon-delete[disabled]:active:before,.icon-delete[disabled]:before {
	content: '\e80a';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-info:before {
	content: '\e858'
}

.icon-info:hover:before {
	content: '\e86d';
	color: #b1b7c5
}

.icon-info:active:before {
	content: '\e86d';
	color: #7a7e89
}

.icon-info[disabled]:hover:before,.icon-info[disabled]:active:before,.icon-info[disabled]:before {
	content: '\e858';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-debug:before {
	content: '\e84d'
}

.icon-debug:hover:before {
	content: '\e862';
	color: #b1b7c5
}

.icon-debug:active:before {
	content: '\e862';
	color: #7a7e89
}

.icon-debug[disabled]:hover:before,.icon-info[disabled]:active:before,.icon-info[disabled]:before {
	content: '\e84d';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-notify:before {
	content: '\e846'
}

.icon-notify:hover:before {
	content: '\e85b';
	color: #b1b7c5
}

.icon-notify:active:before {
	content: '\e85b';
	color: #7a7e89
}

.icon-notify[disabled]:hover:before,.icon-notify[disabled]:active:before,.icon-notify[disabled]:before {
	content: '\e846';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-calendar:before {
	content: '\e85a'
}

.icon-calendar:hover:before {
	content: '\e86f';
	color: #b1b7c5
}

.icon-calendar:active:before {
	content: '\e86f';
	color: #7a7e89
}

.icon-calendar[disabled]:hover:before,.icon-calendar[disabled]:active:before,.icon-calendar[disabled]:before {
	content: '\e85a';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-expand:before {
	content: '\e80c'
}

.icon-expand:hover:before {
	content: '\e87c';
	color: #b1b7c5
}

.icon-expand:active:before {
	content: '\e87c';
	color: #7a7e89
}

.icon-expand[disabled]:hover:before,.icon-expand[disabled]:active:before,.icon-expand[disabled]:before {
	content: '\e80c';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-QQ:before {
	content: '\e80e'
}

.icon-QQ:hover:before {
	content: '\e87e';
	color: #b1b7c5
}

.icon-QQ:active:before {
	content: '\e87e';
	color: #7a7e89
}

.icon-QQ[disabled]:hover:before,.icon-QQ[disabled]:active:before,.icon-QQ[disabled]:before {
	content: '\e80e';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-favorite:before {
	content: '\e82a'
}

.icon-favorite:hover:before {
	content: '\e89a';
	color: #b1b7c5
}

.icon-favorite:active:before {
	content: '\e89a';
	color: #7a7e89
}

.icon-favorite[disabled]:hover:before,.icon-favorite[disabled]:active:before,.icon-favorite[disabled]:before {
	content: '\e82a';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-email:before {
	content: '\e82b'
}

.icon-email:hover:before {
	content: '\e89b';
	color: #b1b7c5
}

.icon-email:active:before {
	content: '\e89b';
	color: #7a7e89
}

.icon-email[disabled]:hover:before,.icon-email[disabled]:active:before,.icon-email[disabled]:before {
	content: '\e82b';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-location:before {
	content: '\e820'
}

.icon-location:hover:before {
	content: '\e890';
	color: #b1b7c5
}

.icon-location:active:before {
	content: '\e890';
	color: #7a7e89
}

.icon-location[disabled]:hover:before,.icon-location[disabled]:active:before,.icon-location[disabled]:before {
	content: '\e820';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-tel-no:before {
	content: '\e82f'
}

.icon-tel-no:hover:before {
	content: '\e89f';
	color: #b1b7c5
}

.icon-tel-no:active:before {
	content: '\e89f';
	color: #7a7e89
}

.icon-tel-no[disabled]:hover:before,.icon-tel-no[disabled]:active:before,.icon-tel-no[disabled]:before {
	content: '\e82f';
	color: #b9b9b9;
	cursor: not-allowed
}

.icon-double-up:before {
	content: '\f102'
}

.icon-double-down:before {
	content: '\f103'
}

.ui-pager {
	text-align: right
}

.ui-pager ul {
	margin: 30px 0;
	list-style: none;
	overflow: hidden;
	font-size: 0
}

.ui-pager ul li {
	font-size: 14px;
	display: inline-block;
	line-height: 32px;
	text-align: center
}

.ui-pager ul li a {
	text-decoration: none;
	padding: 6px 13px;
	line-height: 23px;
	color: #7c7e8b;
	border-radius: 3px
}

.ui-pager ul li a:hover {
	background-color: #00c0f1;
	color: #fff
}

.ui-pager ul li.active a {
	background-color: #00c0f1;
	color: #fff;
	cursor: default
}

.ui-tab .nav-list {
	position: relative;
	left: 0;
	top: 10px;
	background-color: #dbe1e4
}

.ui-tab .nav-list li {
	display: inline-block;
	position: relative;
	margin: 0 -2px 0 0;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in;
	top: -1px
}

.ui-tab .nav-list li a {
	display: block;
	font-size: 14px;
	color: #7a7e89;
	background: #dbe1e4;
	padding: .5em 1em;
	border-radius: 3px;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in;
	height: 50px;
	line-height: 30px
}

.ui-tab .nav-list li:hover {
	background: #fff
}

.ui-tab .nav-list li:hover a {
	color: #333;
	background: #fff
}

.ui-tab .nav-list li.active {
	background: #fff;
	position: relative;
	top: -3px
}

.ui-tab .nav-list li.active a {
	font-size: 16px;
	color: #333;
	background: #fff;
	margin: 0
}

.ui-tab .tab-content {
	background-color: #fff;
	z-index: 10;
	position: relative;
	padding: 1em;
	top: -12px
}

.parsley-errors-list {
	position: absolute
}

.parsley-errors-list li {
	display: inline-block;
	padding: 2px 10px;
	color: #fff;
	background-color: #ff4830;
	margin-left: 16px;
	top: -5px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px
}

.parsley-errors-list li:before {
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #ff4931;
	content: '';
	position: absolute;
	top: -12px;
	left: 10px
}

.parsley-errors-list li span {
	display: inline-block;
	margin-left: 0;
	font-size: 12px
}

.parsley-error {
	background: #fff0f0;
	color: #d95c5c;
	border-color: #cc334c
}

.parsley-success {
	background-color: #eeffe7;
	color: #3c763d;
	border-color: #bedebe
}

/*body {
	font-family: 'Microsoft YaHei',sans-serif;
	background-color: #eaeff2;
	opacity: .95;
	-ms-filter: alpha(Opacity=95);
	filter: alpha(Opacity=95);
	min-width: 1200px
}

body a {
	font-size: 14px;
	text-decoration: none;
	color: #19bbff
}

body a:hover {
	color: #40d8ff
}*/

.grid {
	width: 1200px;
	margin: 0 auto;
	*zoom: 1
}

.grid:before,.grid:after {
	display: table;
	line-height: 0;
	content: ""
}

.grid:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

.clearfix:before,.clearfix:after {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.bc {
	margin-left: auto;
	margin-right: auto
}

.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.cb {
	clear: both
}

.cl {
	clear: left
}

.cr {
	clear: right
}

.vm {
	vertical-align: middle
}

.pr {
	position: relative
}

.pa {
	position: absolute
}

.abs-right {
	position: absolute;
	right: 0
}

.zoom {
	zoom: 1
}

.hide {
	display: none
}

.hidden {
	visibility: hidden
}

.none {
	display: none
}

.header {
	width: 100%;
	height: 70px;
	position: fixed;
	z-index: 499;
	background-color: rgba(255,255,255,.9)
}

.header .logo {
	width: 230px;
	height: 70px;
	display: inline-block;
	background: url(../images/logo.png) center no-repeat
}

.header .apart {
	width: 1px;
	height: 35px;
	line-height: 33px;
	margin: 17px 10px;
	display: inline-block;
	background-color: #f0f1f5;
	vertical-align: top
}

.header .menu {
	position: relative;
	margin: 0 20px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #333;
	font-size: 16px;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in
}

.header .menu:hover,.header .menu.active {
	color: #18bbfc
}

.header .menu.multi {
	cursor: pointer
}

.header .menu.multi:before {
	content: '\e80c';
	position: absolute;
	top: 20px;
	left: 38%;
	font-family: fontello;
	height: 20px;
	display: none
}

.header .menu.multi ul {
	z-index: 10;
	position: relative;
	background-color: #fff;
	line-height: 30px;
	border-radius: 3px;
	box-shadow: 0 0 10px #19bbff;
	visibility: hidden
}

.header .menu.multi ul li a {
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #333;
	font-weight: 400
}

.header .menu.multi ul li:hover a,.header .menu.multi ul li.sub-active a {
	background-color: #f5f5f5;
	color: #18bbfc
}

.header .menu.multi:hover ul {
	visibility: visible
}

.header .menu.multi:hover:before {
	display: inline-block
}

.header .profile {
	height: 70px;
	line-height: 70px;
	position: relative;
	float: right;
	margin-right: 20px;
	padding-right: 70px
}

.header .profile .icon-develop {
	font-size: 16px
}

.header .profile .round {
	font-size: 14px;
	margin-left: 10px
}

.header .profile .icon-notify {
	font-size: 20px;
	margin: 0 10px;
	cursor: pointer;
	position: relative;
	float: right
}

.header .profile .icon-notify span {
	display: inline-block;
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: red;
	border-radius: 5px;
	right: 0;
	top: 20px
}

.header .profile .profile-detail {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0
}

.header .profile .profile-detail-img {
	width: 50px;
	height: 50px;
	padding: 10px;
	cursor: pointer
}

.header .profile .profile-detail-img img {
	width: 50px;
	height: 50px;
	border-radius: 50%
}

.header .profile .profile-detail-ul {
	position: absolute;
	left: -90px;
	line-height: 35px;
	z-index: 100;
	border: 1px solid #f1f2f3;
	border-radius: 3px;
	text-align: center
}

.header .profile .profile-detail-ul:before {
	width: 0;
	height: 0;
	border-width: 7px;
	border-style: solid;
	border-color: transparent transparent #f0f0f0;
	content: '';
	position: absolute;
	top: -14px;
	right: 17px
}

.header .profile .profile-detail-ul li {
	background-color: #fff;
	width: 150px
}

.header .profile .profile-detail-ul li.first {
	border-bottom: 1px solid #eef1f6;
	border-radius: 3px 3px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	width: 130px
}

.header .profile .profile-detail-ul li.last {
	border-top: 1px solid #eef1f6;
	border-radius: 0 0 3px 3px
}

.header .profile .profile-detail-ul li a {
	margin: 0;
	width: 100%;
	height: 100%;
	color: #333;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in
}

.header .profile .profile-detail-ul li a:hover {
	color: #19bbff;
	background-color: #f5f5f5
}

.header .profile .profile-detail-ul.multi-language {
	left: -120px
}

.header .profile .profile-detail-ul.multi-language li {
	width: 180px
}

.header .profile .profile-detail-ul.multi-language li.first {
	width: 160px
}

.footer {
	width: 100%;
	height: 373px;
	background: url(../images/bg-footer.jpg) center no-repeat;
	background-size: cover;
	text-align: center
}

.footer .f-cols {
	width: 1300px;
	margin: 0 auto
}

.footer .col {
	display: inline-block;
	width: 170px;
	height: 356px;
	vertical-align: top;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in
}

.footer .col em {
	position: relative;
	top: 70px;
	color: #fff;
	font-style: normal;
	font-weight: 700;
	font-size: 16px
}

.footer .col em:after {
	content: '';
	display: block;
	width: 28px;
	height: 2px;
	background-color: #154553;
	position: absolute;
	top: 27px;
	left: 0
}

.footer .col ul {
	position: relative;
	top: 85px;
	text-align: left;
	left: 30%;
	line-height: 30px
}

.footer .col ul a {
	color: #fff;
	cursor: pointer;
	opacity: .3;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in
}

.footer .col ul a:hover,.footer .col ul a.active {
	color: #eee;
	opacity: 1
}

.footer .col.flag a:before {
	content: '';
	display: inline-block;
	width: 21px;
	height: 13px;
	margin-right: 5px
}

.footer .col.flag .zh_CN:before {
	background: url(../images/flags.png) -21px 0
}

.footer .col.flag .en_US:before {
	background: url(../images/flags.png) -21px -13px
}

.footer .col.flag .ru_RU:before {
	background: url(../images/flags.png) -21px -26px
}

.footer .col.flag .de_DE:before {
	background: url(../images/flags.png) -21px -39px
}

.footer .col.flag .ko_KR:before {
	background: url(../images/flags.png) -21px -52px
}

.footer .col.flag .ja_JP:before {
	background: url(../images/flags.png) -21px -65px
}

.footer .col.flag .th_TH:before {
	background: url(../images/flags.png) -21px -78px
}

.footer .col.flag .es_ES:before {
	background: url(../images/flags.png) -21px -91px
}

.footer .col.about em {
	left: -2%
}

.footer .col.developer em {
	left: -6%
}

.footer .col.flag ul {
	left: 30%
}

.footer .col.links {
	width: 210px
}

.footer .col.links em {
	left: -10%
}

.footer .col.links ul {
	left: 25%
}

.footer .col.contact {
	width: 350px
}

.footer .col.contact em {
	left: -24%
}

.footer .col.contact ul {
	left: 17%
}

.footer .col.app .app-img {
	position: relative;
	margin-top: 110px
}

.footer .col.app .app-img img {
	opacity: .6;
	width: 100px
}

.footer .col:hover {
	background: -webkit-linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0));
	background: -moz-linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0));
	background: linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0))
}

.footer .col:hover em:after {
	background-color: #0d738c
}

.footer .copyright {
	color: #484d50;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	background-color: #273035
}

.footer .copyright a {
	color: #484d50;
	margin-right: 10px
}

.footer .copyright a:hover {
	color: #eee
}

.footer .th .col.flag {
	width: 130px
}

.footer .th .col.flag ul {
	left: 34%
}

.footer .th .col.about {
	width: 200px
}

.footer .th .col.about em {
	left: -14%
}

.footer .th .col.about ul {
	left: 16%
}

.footer .th .col.developer {
	width: 200px
}

.footer .th .col.developer em {
	left: -20%
}

.footer .th .col.developer ul {
	left: 16%
}

.footer .th .col.links {
	width: 200px
}

.footer .th .col.links em {
	left: -40%
}

.footer .th .col.links ul {
	left: 3%
}

.footer .th .col.app {
	width: 160px
}

.footer .th .col.contact {
	width: 235px
}

.footer .th .col.contact em {
	left: -13%
}

.footer .en .links ul,.footer .en .developer ul {
	left: 20%
}

.footer .ko_KR .about {
	width: 185px
}

.footer .ko_KR .about ul {
	left: 17%
}

:root .go-top {
	filter: none
}

.feedback,.try {
	display: block;
	bottom: 100px;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 30px;
	font-size: 35px;
	padding-top: 0;
	cursor: pointer;
	z-index: 100
}

.feedback:hover {
	background-position: -60px 0
}

.try {
	bottom: 170px;
	text-align: center;
	line-height: 60px;
	color: #f0f0f0;
	background: url(../images/try-bg.png) 0 0 repeat
}

.try:hover {
	color: #f0f0f0
}

.try-text {
	font-size: 16px
}

@-webkit-keyframes move {
	0% {
		transform: translateX(0)
	}

	35% {
		transform: translateX(-10px)
	}

	50% {
		transform: translateX(-20px)
	}

	65% {
		transform: translateX(-10px)
	}

	100% {
		transform: translateX(0)
	}
}

@keyframes move {
	0% {
		transform: translateX(0)
	}

	35% {
		transform: translateX(-10px)
	}

	50% {
		transform: translateX(-20px)
	}

	65% {
		transform: translateX(-10px)
	}

	100% {
		transform: translateX(0)
	}
}

.suspension-box {
	position: fixed;
	right: 30px;
	width: 50px;
	bottom: 100px;
	z-index: 999
}

.suspension-box ul {
	float: right;
	display: none
}

.suspension-box ul li {
	margin-bottom: 8px;
	background-color: #d1d1d1;
	float: right;
	border-radius: 5px;
	clear: both
}

.suspension-box ul li a {
	display: inline-block;
	z-index: 1;
	height: 35px;
	line-height: 35px;
	padding: 0 10.5px;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	background: #d1d1d1;
	position: relative;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

.suspension-box ul li a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 5px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 0;
	height: 100%;
	background: -webkit-linear-gradient(left,#52b9fa,#69dab8);
	background: -o-linear-gradient(right,#52b9fa,#69dab8);
	background: -moz-linear-gradient(right,#52b9fa,#69dab8);
	background: linear-gradient(to right,#52b9fa,#69dab8)
}

.suspension-box ul li a:hover:after {
	width: 100%
}

.suspension-box ul li a:active:after {
	width: 100%
}

.suspension-box ul .top {
	display: none
}

.suspension-box ul .top a {
	font-size: 12px;
	padding: 0 6.4px
}

.suspension-box ul .top .icon-up:before {
	position: absolute;
	top: 5px;
	left: 9px
}

.suspension-box ul .top span {
	display: inline-block;
	padding-top: 5px
}

.suspension-box:hover ul {
	display: block
}

.suspension-box:hover ul:last-child {
	margin-bottom: 0
}

.suspension-box .open-all {
	display: inline-block;
	width: 35px;
	float: right
}

.suspension-box .open-all .item-open {
	background: linear-gradient(to right,#52b9fa 0,#69dab8 100%);
	background-color: #52b9fa\9;
	width: 35px;
	height: 5px;
	margin-bottom: 5px;
	border-radius: 3px
}

.suspension-box .open-all:hover .item-1 {
	-webkit-animation: move .2s ease-in-out 0s 1 normal;
	-moz-animation: move .2s ease-in-out 0s 1 normal;
	-o-animation: move .2s ease-in-out 0s 1 normal;
	animation: move .2s ease-in-out 0s 1 normal;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.suspension-box .open-all:hover .item-2 {
	-webkit-animation: move .2s ease-in-out .1s 1 normal;
	-moz-animation: move .2s ease-in-out .1s 1 normal;
	-o-animation: move .2s ease-in-out .1s 1 normal;
	animation: move .2s ease-in-out .1s 1 normal;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.suspension-box .open-all:hover .item-3 {
	-webkit-animation: move .2s ease-in-out .2s 1 normal;
	-moz-animation: move .2s ease-in-out .2s 1 normal;
	-o-animation: move .2s ease-in-out .2s 1 normal;
	animation: move .2s ease-in-out .2s 1 normal;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.go-top {
	display: none;
	position: fixed;
	right: 30px;
	padding: 0 6.4px;
	background: #d1d1d1;
	float: right;
	border-radius: 5px;
	clear: both;
	height: 35px;
	bottom: 100px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	z-index: 100
}

.go-top.icon-up:before {
	position: relative;
	top: 3px
}

.go-top span {
	font-size: 12px;
	display: block;
	margin-top: 3px
}

.go-top:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 5px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 0;
	height: 100%;
	background: -webkit-linear-gradient(left,#52b9fa,#69dab8);
	background: -o-linear-gradient(right,#52b9fa,#69dab8);
	background: -moz-linear-gradient(right,#52b9fa,#69dab8);
	background: linear-gradient(to right,#52b9fa,#69dab8)
}

.go-top:hover:after {
	width: 100%
}

.go-top:active:after {
	width: 100%
}

.go-top:hover {
	color: #fff
}

.update-v3 {
	position: relative;
	height: 50px;
	line-height: 50px;
	background: #ffedc7;
	text-align: center;
	font-size: 14px;
	color: #333
}

.update-v3 .update-title {
	color: #cc334c
}

.update-v3 a {
	color: #1255b3
}

.update-v3 i {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 26px;
	background: #fff;
	text-align: center;
	position: absolute;
	right: 30px;
	top: 11px;
	border: 1px solid #faae54;
	cursor: pointer
}

.update-v3 i span {
	position: absolute;
	top: -12px;
	left: 3px;
	color: #faae54
}

.update-v3 i:hover {
	background: #faae54
}

.update-v3 i:hover span {
	color: #fff
}

.suspension {
	position: fixed;
	right: 0;
	width: 170px;
	bottom: 100px;
	z-index: 999
}

.suspension ul {
	float: right
}

.suspension ul li {
	background-color: #d1d1d1;
	float: right;
	clear: both
}

.suspension ul li a {
	display: inline-block;
	background-color: #fff;
	font-size: 24px;
	border: 1px solid #d1dbdf;
	border-bottom-color: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 3px
}

.suspension ul li:hover {
	color: #fff
}

.suspension ul li .last-a {
	border-bottom-color: #d1dbdf
}

.suspension ul li .join {
	padding: 0 1px
}

.suspension ul li .join .icon-join {
	font-size: 27px
}

.suspension ul .to-top {
	display: none
}