article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-size: 2em
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, input {
	line-height: normal
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], input[disabled] {
	cursor: default
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
body {
	font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #3b3b3b;
	min-width: 1100px
}
.page {
	overflow: hidden;
	clear: both
}
.page .spinner {
	position: absolute;
	color: #999;
	font-style: italic;
	left: 50%;
	top: 50%;
	margin-left: -28px;
	margin-top: -8px
}
a {
	color: #57b382;
	text-decoration: none
}
a:hover {
	color: #429368
}
.clearfix {
	clear: both
}
.container {
	width: 100%;
	height: 100%;
	margin: auto
}
[class^=grid_] {
	display: inline;
	float: left;
	margin-left: 2%;
	margin-right: 2%
}
.grid_1 {
	width: .16666666666666635%
}
.grid_2 {
	width: 4.333333333333333%
}
.grid_3 {
	width: 8.5%
}
.grid_4 {
	width: 12.666666666666664%
}
.grid_5 {
	width: 16.833333333333332%
}
.grid_6 {
	width: 21%
}
.grid_7 {
	width: 25.16666666666667%
}
.grid_8 {
	width: 29.333333333333332%
}
.grid_9 {
	width: 33.5%
}
.grid_10 {
	width: 37.66666666666667%
}
.grid_11 {
	width: 41.833333333333336%
}
.grid_12 {
	width: 46%
}
.grid_13 {
	width: 50.16666666666666%
}
.grid_14 {
	width: 54.333333333333336%
}
.grid_15 {
	width: 58.5%
}
.grid_16 {
	width: 62.66666666666666%
}
.grid_17 {
	width: 66.83333333333333%
}
.grid_18 {
	width: 71%
}
.grid_19 {
	width: 75.16666666666666%
}
.grid_20 {
	width: 79.33333333333333%
}
.grid_21 {
	width: 83.5%
}
.grid_22 {
	width: 87.66666666666666%
}
.grid_23 {
	width: 91.83333333333333%
}
.grid_24 {
	width: 96%
}

@media screen and (max-width:480px) {
div[class^=grid_] {
	float: none;
	display: block;
	width: 100%;
	margin: 0
}
}
h1, h2, h3, h4, h5, h6 {
	margin: 8px 0;
	line-height: 1
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-weight: 400;
	line-height: 1;
	color: #999
}
h1 {
	font-size: 26px;
	line-height: 40px
}
h2 {
	font-size: 22px;
	line-height: 36px
}
h3 {
	font-size: 18px;
	line-height: 34px
}
h4 {
	font-size: 16px;
	line-height: 30px
}
h5 {
	font-size: 14px;
	line-height: 22px
}
h6 {
	font-size: 12px;
	line-height: 20px
}
address {
	margin-bottom: 32px
}
::selection {
	color: #fff;
	background: #57b382
}
.page-title {
	font-size: 28px;
	line-height: 48px
}
.lead {
	margin-bottom: 16px;
	color: #555;
	line-height: 20px;
	padding: 10px;
	line-height: 1.6em
}
.lead em {
	font-style: normal;
	color: #57b382
}
.price-number {
	color: #468847
}
.price-number color:  .price-number.bonus, .price-number.deduct_bonus, .price-number.discharge, .price-number.payback, .price-number.transfer_out {
color:#999
}
.none {
	font-size: 12px;
	color: #999;
	font-style: italic;
	margin: 12px 30px
}
table .none {
	margin: 0
}
.time {
	color: #999;
	font-style: italic
}
dl {
	margin: 20px 0
}
dl dd, dl dt {
	font-size: 12px;
	line-height: 1.6em
}
dl dd {
	margin-bottom: 12px
}
code {
	font-family: Consolas, "Courier New", monospace;
	color: #d14;
	background: #eee;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	word-break: keep-all;
	white-space: nowrap;
	margin: 0 8px;
	padding: 2px 4px
}
.code-box {
	background: #292929;
	margin: 20px;
	padding: 10px;
	font-family: Consolas, "Courier New", monospace
}
.code-box code {
	color: #fff;
	padding: 0;
	border: 0 none;
	background: 0 0;
	word-break: keep-all;
	white-space: nowrap;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.code-box em {
	font-style: normal;
	padding: 0 10px;
	color: #57b382
}
.pagination {
	margin: 12px 0;
	float: right;
	color: #555
}
.pagination .current {
	padding: 0 15px;
	line-height: 28px;
	vertical-align: middle
}
.status {
	font-style: italic
}
.status.dispatched, .status.pending {
	color: #3a87ad
}
.status.accepted {
	color: #835404
}
.status.expired, .status.rejected {
	color: #b94a48
}
.status.activated, .status.delivered {
	color: #468847
}
.promo {
	background: #d36464;
	color: #fff;
	padding: 20px;
	margin: 10px 0 30px 0;
	line-height: 1.4em
}
@font-face {
	font-family: Entypo;
	src: url() format('woff'), url(), url() format('embedded-opentype'), url() format('truetype'), url() format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'Open Sans';
	src: url() format('woff'), url() format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'Open Sans Bold';
	src: url() format('woff'), url() format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: FontAwesome;
	src: url();
	src: url() format('embedded-opentype'), url() format('woff'), url() format('truetype'), url() format('svg');
	font-weight: 400;
	font-style: normal
}
.btn {
	display: inline-block;
	padding: 12px 20px;
	
	font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: #3b3b3b;
	
	border: 0 none;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.btn:hover {
	color: #f2f2f2;
	background: #383838;
	text-decoration: none
}
.btn [class*=" icon-"], .btn [class^=icon-] {
	vertical-align: top
}
.btn-huge {
	padding: 20px 30px;
	margin-right: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 18px
}
.btn-huge .icon {
	font-size: 18px
}
.btn-primary {
	background: #57b382;
	color: #fff
}
.btn-primary:hover {
	background: #4ba575
}

.btn-loading {
	background: #555;
	color: #fff
}
.btn-loading:hover {
	background: #4d4d4d
}
.btn-session {
	font-size: 18px;
	width: 190px
}
.btn-disabled, .btn-disabled:hover, .btn-forbidden, .btn-forbidden:hover {
	background: #eee;
	color: #999;
	-webkit-text-shadow: 1px 1px #fff;
	-moz-text-shadow: 1px 1px #fff;
	text-shadow: 1px 1px #fff;
	cursor: no-drop
}
.btn-cancel {
	background: 0 0;
	color: #3b3b3b
}
.btn-cancel:hover {
	background: #d6d6d6;
	color: #353535
}
.btn-outline {
	border: 1px solid #57b382;
	color: #57b382;
	background: 0 0
}
.btn-outline:hover {
	background: #57b382;
	color: #fff
}
.btn-link {
	padding-right: 15px;
	display: inline-block;
	color: #57b382;
	margin-right: 10px
}
.btn-link .icon {
	color: #57b382;
	display: inline-block;
	text-align: center;
	line-height: 34px;
	width: 40px
}
.btn-link:hover {
	background: #57b382;
	color: #fff
}
.btn-link:hover .icon {
	color: #fff
}
[class*=" icon-"], [class^=icon-] {
	vertical-align: baseline;
	font-size: 14px
}
[class*=" icon-"]:after, [class*=" icon-"]:before, [class^=icon-]:after, [class^=icon-]:before {
	font-family: Entypo;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	display: inline-block;
	width: 1em;
	text-decoration: none
}
.icon-home::before {
	content: '\2302'
}
.icon-features::before {
	content: '\e005'
}
.icon-pricing::before {
	content: '\e70c'
}
.icon-documents::before {
	content: '\e736'
}
.icon-cases::before {
	content: '\2601'
}
.icon-console::before {
	content: '\e7a2'
}
.icon-settings::before {
	content: '\25be'
}
.icon-profile::before {
	content: '\1F464'
}
.icon-account::before {
	content: '\43'
}
.icon-logout::before {
	content: '\E741'
}
.icon-signin::before {
	content: '\1F464'
}
.icon-arrow-right::before, .icon-signup::before {
	content: '\E75A'
}
.icon-guide::before {
	content: '\1F4D5'
}
.icon-close::before {
	content: '\2715'
}
.icon-top::before {
	content: '\E75F'
}
.icon-prev::before {
	content: '\E75D'
}
.icon-next::before {
	content: '\E75E'
}
.icon-light-prev::before {
	content: '\E765'
}
.icon-light-next::before {
	content: '\E766'
}
.icon-promotion::before {
	content: '\1F4D1'
}
.icon-instance::before {
	content: 'A'
}
.icon-hc-volume::before, .icon-volume::before {
	content: '\e755'
}
.icon-snapshot::before {
	content: '\1F4F7'
}
.icon-network::before {
	content: '\e792'
}
.icon-vxnet::before {
	content: '\21C6'
}
.icon-router::before {
	content: '\1F4F6'
}
.icon-eip::before {
	content: '\E776'
}
.icon-keypair::before {
	content: 'F'
}
.icon-security::before, .icon-security_group::before {
	content: '\26A1'
}
.icon-loadbalancer::before {
	content: '\1F500'
}
.icon-image::before {
	content: 'E'
}
.icon-cloud::before {
	content: '\2601'
}
.icon-sdn::before {
	content: '\1f30e'
}
.icon-billing::before, .icon-loading::before {
	content: '\23f3'
}
.icon-backup::before {
	content: '\268f'
}
.icon-monitor::before {
	content: '\1f4c8'
}
.icon-code::before {
	content: '\e714'
}
.icon-info::before {
	content: '\e705'
}
.icon-warning::before {
	content: '\26A0'
}
.icon-weibo::before {
	content: '\F33F'
}
.icon-twitter::before {
	content: '\F309'
}
.icon-facebook::before {
	content: '\f30c'
}
.icon-weixin::before {
	content: '\f32a'
}
.icon-email::before {
	content: '\2709'
}
.icon-mobile::before {
	content: '\1F4F1'
}
.icon-onlineservice::before {
	content: '\1F464'
}
.icon-joinus::before {
	content: '\4a'
}
.icon-like::before {
	content: '\2665'
}
.icon-quote::before {
	content: '\275e'
}
.icon-news::before {
	content: '\1F4E3'
}
.icon-calendar::before {
	content: '\1f4c5'
}
.icon-high-capacity-volume::before {
	content: '\e755'
}
.icon-snapshots::before {
	content: '\1f4f7'
}
.icon-datacenter::before {
	content: '\e724'
}
.icon-website::before {
	content: '\e74e'
}
.icon-tel::before {
	content: '\1F4DE'
}
.icon-plus::before {
	content: '\2B'
}
.icon-minus::before {
	content: '\2D'
}
.icon-location::before {
	content: '\E724'
}
.icon-graph::before {
	content: '\1F304'
}
.icon-release::before {
	content: '\2601'
}
.icon-found::before {
	content: '\2665'
}
.icon-download::before {
	content: '\1F4E5'
}
.icon-goodness::before {
	content: '\2601'
}
.icon-speech::before {
	content: '\4a'
}
.icon-map::before {
	content: '\e727'
}
.icon-winner::before {
	content: '\e73c'
}
.icon-zone::before {
	content: '\e724'
}
.icon-parallax-next::before {
	content: '\E764'
}
.icon-parallax-prev::before {
	content: '\E767'
}
.icon-error::before {
	content: '\1F4A5'
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fa-currency-cny::before {
	content: '\f157'
}
.fa-currency-hkd::before {
	content: '\f155'
}
.fa-currency-usd::before {
	content: '\f155'
}
.fa-lock::before {
	content: '\f023'
}
.fa-arrow-right::before {
	content: '\f061'
}
.fa-caret-down::before {
	content: '\f0d7'
}
.fa-caret-up::before {
	content: '\f0d8'
}
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	font-size: 11px;
	font-style: normal;
	line-height: 1.4;
	opacity: 0;
	visibility: visible
}
.tooltip.in {
	opacity: .8
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}
.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}
.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}
.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #000;
	border-width: 5px 5px 0
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #000;
	border-width: 5px 5px 5px 0
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #000;
	border-width: 5px 0 5px 5px
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #000;
	border-width: 0 5px 5px
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}
.slider .hide {
	display: none
}
table {
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0
}
.table {
	width: 100%;
	clear: both
}
.table caption {
	display: none
}
.table td, .table th {
	padding: 10px;
	text-align: left;
	font-weight: 400;
	font-size: 12px;
	font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	empty-cells: show
}
.table th {
	border: 0 none;
	font-size: 14px;
	background: #eee;
	font-weight: 700
}
.table .checkbox {
	text-align: center
}
.table .left {
	text-align: left
}
.table .right {
	text-align: right
}
.table-bordered {
	border-collapse: separate;
	border: 1px solid #e8e8e8;
	border-bottom: 0;
	border-left: 0
}
.table-bordered td, .table-bordered th {
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8
}
.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th {
	background-color: #eee
}
.table-hover tbody tr:hover td {
	cursor: pointer;
	background: #eef7f3
}
.slider {
	display: inline-block;
	vertical-align: middle;
	position: relative
}
.slider.slider-horizontal {
	width: 210px;
	height: 20px
}
.slider.slider-horizontal .slider-track {
	height: 20px;
	width: 100%;
	margin-top: -5px;
	top: 50%;
	left: 0
}
.slider.slider-horizontal .slider-selection {
	height: 100%;
	top: 0;
	bottom: 0
}
.slider.slider-horizontal .slider-handle {
	margin-left: -10px;
	margin-top: -6px
}
.slider.slider-horizontal .slider-handle.triangle {
	border-width: 0 10px 10px 10px;
	width: 0;
	height: 0;
	border-bottom-color: #0480be;
	margin-top: 0
}
.slider input {
	display: none
}
.slider .tooltip-inner {
	white-space: nowrap
}
.slider-track {
	position: absolute;
	cursor: pointer;
	background-color: #eee;
	background-repeat: repeat-x;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.slider-selection {
	position: absolute;
	background-color: #bce1cd;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.slider-handle {
	position: absolute;
	width: 20px;
	height: 30px;
	background-color: #57b382;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.alert {
	margin: 12px 0;
	padding: 10px;
	line-height: 1.6em;
	font-size: 12px
}
.alert p {
	margin: 0;
	line-height: 1.6em
}
.alert-info {
	color: #3a87ad;
	background: #d9edf7
}
.alert-warning {
	color: #835404;
	background: #fcf8e3
}
.alert-error {
	color: #b94a48;
	background: #f2dede
}
.alert-success {
	color: #468847;
	background: #dff0d8
}
.form-wrapper {
	padding: 50px;
	background: #eee;
	margin: 50px
}
form {
	margin: 0
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 10px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	line-height: 16px;
	color: #555;
	vertical-align: middle;
	width: 168px
}
input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
	border-color: #57b382;
	outline: 0
}
select {
	border: 1px solid #ccc;
	height: 39px;
	line-height: 39px
}
input[disabled] {
	background: #eee;

}
input[type=text].small {
	width: 80px
}
input[type=text].medium {
	width: 120px
}
input[type=text].large {
	width: 240px
}
.form legend {
	margin: 10px 0;
	font-size: 28px;
	line-height: 32px;
	display: inline-block
}
.form .item {
	margin: 12px 0
}
.form .error input, .form input.error {
	border-color: #b94a48;
	color: #b94a48
}
.form label.inline {
	line-height: 43px;
	padding: 0 15px 0 5px
}
.form .help-inline, .form label.error {
	display: inline-block;
	padding: 0 10px;
	line-height: 32px;
	margin: 0 8px
}
.form .error-message, .form label.error {
	color: #b94a48;
	background: #f2dede
}
.form .item-error {
	display: none
}
.form .required {
	color: #57b382;
	font-weight: 700;
	padding: 0 5px;
	font-size: 18px
}
.form-horizontal .control-label {
	text-align: right;
	float: left;
	width: 130px;
	font-size: 14px;
	line-height: 43px;
	vertical-align: middle
}
.form-horizontal .controls {
	margin-left: 140px
}
.form-horizontal .controls input[type=checkbox] {
	margin: 8px 0
}
.form-horizontal .form-actions {
	padding-left: 140px
}
.form-horizontal .help {
	display: block;
	color: #999;
	font-style: italic;
	padding: 3px 0
}
.form-horizontal .help.help-highlight {
	color: #468847
}
.form-actions {
	border-top: 1px solid #ccc;
	padding: 20px 0;
	overflow: hidden
}
.form-actions .btn {
	padding: 10px 30px;
	font-size: 14px
}
.window-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%);
	background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.65)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%);
	z-index: 101
}
.modal {
	position: absolute;
	top: 50%;
	left: 50%;
}
.modal-header {
	position: relative;
	overflow: hidden;
	font-size: 16px;
	background: #292929
}
.modal-header h4 {
	padding: 20px;
	margin: 0;
	color: #fff
}
.modal-header .close {
	position: absolute;
	color: #999;
	top: 20px;
	right: 20px;
	width: 18px;
	height: 18px
}
.modal-header .close:hover {
	color: #eee
}
.modal-header .close .icon::before {
	font-size: 28px
}
.modal-content {
	background: #fff;
	overflow: hidden;
	padding: 30px
}
.confirm .btn {
	float: right
}
.confirm table {
	margin: 10px 0
}
.confirm td, .confirm th {
	padding: 5px;
	font-size: 14px
}
.timeline-wrapper {
	position: relative
}
.layout-wrapper {
	width: 50%;
	position: relative
}
.layout-left .layout-wrapper {
	text-align: left;
	float: left
}
.layout-right .layout-wrapper {
	text-align: left;
	float: right
}
.layout-center .layout-wrapper {
	width: 100%;
	margin: 0 auto
}
.stage {
	min-height: 226px;
	padding: 100px 0 50px 0
}
.timeline-loading {
	display: none;
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 87%;
	margin-left: -16px;
	margin-top: -16px;
	background-image: url(404.png);
	background-size: 32px 32px;
	background-position: center center;
	background-repeat: no-repeat
}
.timeline-wrapper.loading .timeline-loading {
	display: block;
	z-index: 2
}
.timeline-arrows {
	height: 50px;
	position: absolute;
	top: 79%;
	margin-top: -37px;
	width: 100%
}
.timeline-arrows .arrow {
	position: absolute;
	height: 50px;
	width: 50px;
	padding: 12px;
	top: 0;
	display: block;
	color: rgba(255,255,255,.3)
}
.timeline-arrows .arrow .icon::before {
	font-size: 42px;
	line-height: 50px;
	vertical-align: middle
}
.timeline-arrows .arrow:hover {
	background: #353644;
	color: #fff
}
.timeline-arrows .arrow-right {
	right: 50px
}
.timeline-arrows .arrow-left {
	left: 50px
}
.tl-element {
	position: relative;
	opacity: 0
}
.tl-animate {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.intro-timeline {
	width: 100%;
	position: absolute;
	bottom: 130px
}
.intro-timeline .year {
	display: inline-block;
	position: relative;
	width: auto
}
.intro-timeline .year::before {
	content: '';
	height: 1px;
	background: rgba(255,255,255,.5);
	display: inline-block
}
.intro-timeline .year em {
	position: absolute;
	color: rgba(255,255,255,.5);
	font-weight: 700;
	font-size: 12px;
	font-style: normal;
	left: 0;
	top: 30px
}
.intro-timeline .year .month {
	display: inline-block;
	background: rgba(255,255,255,.5);
	height: 6px;
	width: 1px
}
.intro-timeline .monent {
	position: relative
}
.intro-timeline .dot, .intro-timeline .moment {
	height: 8px;
	width: 8px;
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
	background: #57b382;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 4px solid #3e3d49
}
.intro-timeline .feature {
	float: left;
	position: relative;
	padding: 0 6px
}
.intro-timeline .moment, .intro-timeline .preview {
	border-width: 4px;
	height: 8px;
	width: 8px;
	background: #fff
}
.intro-timeline .preview {
	background: #fff
}
.intro-timeline .name {
	position: absolute;
	left: -34px;
	top: -28px;
	color: #fff;
	font-size: 12px;
	background: #57b382;
	width: 80px;
	text-align: center;
	padding: 5px 8px;
	display: inline-block;
	opacity: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.intro-timeline .name::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 26px;
	margin-left: -5px;
	border-width: 6px;
	border-style: solid;
	border-color: #57b382 transparent transparent transparent
}
.intro-timeline .feature.current .name, .intro-timeline .feature:hover .name {
	opacity: 1;
	top: -38px
}
.intro-timeline .feature:hover {
	z-index: 10
}
.intro-timeline .year .month-0 {
	left: 30px
}
.intro-timeline .year .month-1 {
	left: 30px
}
.intro-timeline .year .month-2 {
	left: 30px
}
.intro-timeline .year .month-3 {
	left: 30px
}
.intro-timeline .year .month-4 {
	left: 30px
}
.intro-timeline .year .month-5 {
	left: 30px
}
.intro-timeline .year .month-6 {
	left: 30px
}
.intro-timeline .year .month-7 {
	left: 30px
}
.intro-timeline .year .month-8 {
	left: 30px
}
.intro-timeline .year .month-9 {
	left: 30px
}
.intro-timeline .year .month-10 {
	left: 30px
}
.intro-timeline .year .month-11 {
	left: 30px
}
section.intro li.banner-hybrid_cloud {
	position: absolute
}
section.intro li.banner-gpu, section.intro li.banner-kubernetes, section.intro li.banner-sslcert {
	overflow: visible;
	position: relative
}
section.intro li.banner-gpu .layout-wrapper, section.intro li.banner-kubernetes .layout-wrapper, section.intro li.banner-sslcert .layout-wrapper {
	width: 660px
}
section.intro li.banner-gpu .pic, section.intro li.banner-kubernetes .pic, section.intro li.banner-sslcert .pic {
	z-index: 100;
	position: absolute;
	right: 0;
	top: -53px;
	width: 410px
}
section.intro li.banner-gpu .hint, section.intro li.banner-kubernetes .hint, section.intro li.banner-sslcert .hint {
	color: #4ba575
}
section.intro li.banner-sslcert .pic {
	right: 90px;
	top: -90px;
	width: 390px;
	height: 400px
}
section.intro li.banner-kubernetes h1.tl-element {
	font-size: 44px
}
section.intro li.banner-sparkmr {
	position: relative;
	top: -30px
}
section.intro li.banner-rabbitmq {
	position: relative;
	top: 50px
}
section.intro li.banner-rabbitmq .layout-wrapper {
	top: -17px;
	width: 67%
}
section.intro li.banner-sslcert .layout-wrapper {
	top: 0;
	left: 60px
}
section.intro li.banner-sslcert h1 {
	font-size: 40px
}
section.intro li.banner-sslcert img {
	width: 400px;
	height: 400px;
	z-index: 100;
	top: -76px;
	right: 0;
	position: absolute
}
section.intro li.banner-elk {
	position: relative;
	overflow: visible
}
section.intro li.banner-elk .layout-wrapper h1 {
	font-size: 40px
}
section.intro li.banner-elk .layout-wrapper blockquote {
	font-size: 18px
}
section.intro li.banner-waf .pic {
	position: absolute;
	right: 124px;
	top: 68px;
	width: 650px
}
section.intro li.banner-waf .layout-wrapper h1 {
	font-size: 34px
}
section.intro li.banner-waf .layout-wrapper .btn-primary {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
section.intro li.banner-container .pic {
	position: absolute;
	right: 60px;
	top: 48px;
	width: 900px
}
section.intro li.banner-container .layout-wrapper h1 {
	font-size: 34px
}
section.intro li.banner-live .layout-wrapper h1 {
	height: 220px
}
section.intro li.banner-live .layout-wrapper .btn-primary {
	margin-left: 60px
}

@media only screen and (min-width:768px) and (max-width:1199px) {
.home section.intro .timeline-bg {
	background-size: 1100px
}
.home section.intro li.banner-kubernetes .pic {
	width: 350px
}
.home section.intro li.banner-live .layout-wrapper h1 {
	height: 156px
}
.home section.intro li.banner-live .layout-wrapper .btn-primary {
	margin-left: 206px
}
.home section.intro.home {
	min-height: 550px
}
.home li.banner-hybrid_cloud {
	margin-left: -10px;
	width: 1050px
}
.home li.banner-sales8 {
	width: 806.7px;
	margin: 0 auto
}
.home li.banner-sales8 h1 {
	height: 210px
}
.intro-timeline {
	bottom: 60px
}
.banner-hybrid_cloud blockquote.tl-animate {
	margin: 25px auto 40px
}
.banner-insight2017 .layout-wrapper {
	margin-top: 255px;
	margin-left: 220px
}
.banner-elk .layout-wrapper {
	margin-left: 195px
}
}

@media only screen and (min-width:1200px) and (max-width:1300px) {
.home section.intro .timeline-bg {
	background-size: 1280px
}
.home section.intro li.banner-kubernetes .pic {
	width: 350px
}
.home section.intro li.banner-live .layout-wrapper h1 {
	height: 160px
}
.home section.intro li.banner-live .layout-wrapper .btn-primary {
	margin-left: 150px
}
.home section.intro.home {
	min-height: 550px
}
.home li.banner-hybrid_cloud {
	margin-left: -5px;
	width: 1050px
}
.home li.banner-sales8 {
	width: 938.7px;
	margin: 0 auto
}
.home li.banner-sales8 h1 {
	height: 210px
}
.intro-timeline {
	bottom: 60px
}
.banner-hybrid_cloud blockquote.tl-animate {
	margin: 25px auto 40px
}
.banner-insight2017 .layout-wrapper {
	margin-top: 270px;
	margin-left: 210px
}
.banner-elk .layout-wrapper {
	margin-left: 140px
}
}

@media only screen and (min-width:1301px) and (max-width:1399px) {
.home section.intro .timeline-bg {
	background-size: 1344px
}
.home section.intro li.banner-kubernetes .pic {
	width: 350px
}
.home section.intro li.banner-live .layout-wrapper .btn-primary {
	margin-left: 130px
}
.home li.banner-hybrid_cloud {
	margin-left: -162px;
	width: 100%
}
.home li.banner-sales8 {
	width: 985.6px;
	margin: 0 auto
}
.home li.banner-sales8 h1 {
	height: 260px
}
.banner-hybrid_cloud blockquote.tl-animate {
	margin: 40px auto 60px
}
.banner-insight2017 .layout-wrapper {
	margin-top: 305px;
	margin-left: 210px
}
.banner-elk .layout-wrapper {
	margin-left: 120px
}
}

@media only screen and (min-width:1400px) {
section.intro li.banner-hybrid_cloud {
	margin-left: -160px;
	width: 1334px
}
section.intro li.banner-kubernetes .pic {
	width: 400px
}
.home section.intro .timeline-bg {
	background-size: 1560px
}
.home li.banner-sales8 {
	width: 1144px;
	margin: 0 auto
}
.home li.banner-sales8 h1 {
	height: 260px
}
.intro-timeline {
	bottom: 110px
}
.banner-insight2017 .layout-wrapper {
	margin-top: 305px;
	margin-left: 110px
}
.banner-elk .layout-wrapper {
	margin-left: 55px
}
}
@-moz-keyframes bounce {
0% {
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
-webkit-animation-timing-function:ease-out;
-moz-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-moz-transform:translate3d(0, -20px, 0);
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes bounce {
0% {
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
-webkit-animation-timing-function:ease-out;
-moz-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-moz-transform:translate3d(0, -20px, 0);
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@-o-keyframes bounce {
0% {
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
-webkit-animation-timing-function:ease-out;
-moz-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-moz-transform:translate3d(0, -20px, 0);
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounce {
0% {
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
-webkit-animation-timing-function:ease-out;
-moz-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-moz-transform:translate3d(0, -20px, 0);
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0);
-webkit-animation-timing-function:ease-in;
-moz-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-moz-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.logo-36kr {
	background-image: url(404.png)
}
.logo-91jinrong {
	background-image: url(404.png)
}
.logo-zhangzhongjinrong {
	background-image: url(404.png)
}
.logo-vhall {
	background-image: url(404.png)
}
.logo-linkedin {
	background-image: url(404.png)
}
.logo-dmall {
	background-image: url(404.png)
}
.logo-btc {
	background-image: url(404.png)
}
.logo-chinatou {
	background-image: url(404.png)
}
.logo-pixiu {
	background-image: url(404.png)
}
.logo-21ops {
	background-image: url(404.png)
}
.logo-pythonfan {
	background-image: url(404.png)
}
.logo-nice {
	background-image: url(404.png)
}
.logo-42bop {
	background-image: url(404.png)
}
.logo-huohua {
	background-image: url(404.png)
}
.logo-mofunsky {
	background-image: url(404.png)
}
.logo-zank {
	background-image: url(404.png)
}
.logo-shise {
	background-image: url(404.png)
}
.logo-bingdian {
	background-image: url(404.png)
}
.logo-highhand {
	background-image: url(404.png)
}
.logo-ruijie {
	background-image: url(404.png)
}
.logo-120jijiu {
	background-image: url(404.png)
}
.logo-mudan {
	background-image: url(404.png)
}
.logo-xinzhengxin {
	background-image: url(404.png)
}
.logo-datamip {
	background-image: url(404.png)
}
.logo-bosen {
	background-image: url(404.png)
}
.logo-beiei {
	background-image: url(404.png)
}
.logo-soasta {
	background-image: url(404.png)
}
.logo-rongyun {
	background-image: url(404.png)
}
.logo-haoweilai {
	background-image: url(404.png)
}
.logo-zhongzhi {
	background-image: url(404.png)
}
.logo-baode {
	background-image: url(404.png)
}
.logo-gongzhikaiyuan {
	background-image: url(404.png)
}
.logo-beiwei {
	background-image: url(404.png)
}
.logo-funplus {
	background-image: url(404.png)
}
.logo-xixun {
	background-image: url(404.png)
}
.logo-blingstorm {
	background-image: url(404.png)
}
.logo-xindong {
	background-image: url(404.png)
}
.logo-togic {
	background-image: url(404.png)
}
.logo-sewise {
	background-image: url(404.png)
}
.logo-foream {
	background-image: url(404.png)
}
.logo-uworld {
	background-image: url(404.png)
}
.logo-mingxiaozhibo {
	background-image: url(404.png)
}
.logo-liba {
	background-image: url(404.png)
}
.logo-yidepiao {
	background-image: url(404.png)
}
.logo-mizao {
	background-image: url(404.png)
}
.logo-huju {
	background-image: url(404.png)
}
.logo-saohuobang {
	background-image: url(404.png)
}
.logo-cheke {
	background-image: url(404.png)
}
.logo-xingshulin {
	background-image: url(404.png)
}
.logo-jiazhangbang {
	background-image: url(404.png)
}
.logo-dpccc {
	background-image: url(404.png)
}
.logo-gamevil {
	background-image: url(404.png)
}
.logo-dongqiudi {
	background-image: url(404.png)
}
.logo-mixpay {
	background-image: url(404.png)
}
.logo-yonyou {
	background-image: url(404.png)
}
.logo-hoge {
	background-image: url(404.png)
}
.logo-zctt {
	background-image: url(404.png)
}
.logo-nhii {
	background-image: url(404.png)
}
.logo-eoe {
	background-image: url(404.png)
}
.logo-neucloud {
	background-image: url(404.png)
}
.logo-lancai {
	background-image: url(404.png)
}
.logo-tiaoguoshi {
	background-image: url(404.png)
}
.logo-yiku {
	background-image: url(404.png)
}
.logo-pythonfan {
	background-image: url(404.png)
}
.logo-energysports {
	background-image: url(404.png)
}
.logo-meizumi {
	background-image: url(404.png)
}
.logo-zhigu {
	background-image: url(404.png)
}
.logo-glodon {
	background-image: url(404.png)
}
.logo-topkacn {
	background-image: url(404.png)
}
.logo-topkacnapp {
	background-image: url(404.png)
}
.logo-fir {
	background-image: url(404.png)
}
.logo-kongzi {
	background-image: url(404.png)
}
.logo-jisuanke {
	background-image: url(404.png)
}
.logo-jiekudongli {
	background-image: url(404.png)
}
.logo-qingke {
	background-image: url(404.png)
}
.logo-dingdone {
	background-image: url(404.png)
}
.logo-jikexueyuan {
	background-image: url(404.png)
}
.logo-zuji {
	background-image: url(404.png)
}
.locale-switcher {
	display: inline-block
}
.zone-switcher {
	width: 50%
}
.currency-switcher {
	width: 50%;
	vertical-align: top
}
.currency-switcher, .zone-area, .zone-switcher {
	position: relative;
	padding: 3px 0;
	clear: both;
	height: 36px;
	background: #353644
}
.currency-switcher:hover, .zone-area:hover, .zone-switcher:hover {
	background: #30313d
}
.currency-switcher .en, .zone-area .en, .zone-switcher .en {
	color: #999;
	padding-left: 5px
}
.current-currency, .current-zone {
	line-height: 36px;
	color: #eee;
	vertical-align: middle;
	position: relative;
	display: block;
	height: 36px;
	cursor: pointer;
	font-size: 16px
}
.current-currency .icon, .current-zone .icon {
	padding: 11px 9px 8px 13px;
	font-size: 22px
}
.current-currency .fa, .current-zone .fa {
	padding: 9px 9px 8px 13px;
	font-size: 20px
}
.current-currency .loading, .current-zone .loading {
	line-height: 12px;
	padding-left: 5px
}
.current-currency:hover, .current-zone:hover {
	color: #fff
}
.current-currency.beta .icon, .current-currency.pek1 .icon, .current-zone.beta .icon, .current-zone.pek1 .icon {
	color: #ff615a
}
.current-currency.aries .icon, .current-currency.gd1 .icon, .current-zone.aries .icon, .current-zone.gd1 .icon {
	color: #59d65e
}
.current-currency.sh1a .icon, .current-zone.sh1a .icon {
	color: #fac726
}
.current-currency.pek2 .icon, .current-zone.pek2 .icon {
	color: #5ec1f8
}
.current-currency.ap1 .icon, .current-zone.ap1 .icon {
	color: #9872c2
}
.current-currency.pek3a .icon, .current-zone.pek3a .icon {
	color: #ecb33a
}
.current-currency:after, .current-zone:after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 10px;
	right: 25px;
	width: 0;
	height: 0;
	border: 4px dashed;
	border-color: #fff transparent;
	pointer-events: none
}
.current-currency:after, .current-zone:after {
	margin-top: 7px;
	border-top-style: solid;
	border-bottom: none
}

.zone-area .current-zone {
	cursor: initial
}
.zone-area .current-zone::after {
	display: none
}

.zone-area:hover .current-zone::after {
	display: none
}
.currency-switcher-select, .zone-switcher-select {
	display: none;
	position: absolute;
	top: 43px;
	padding: 0;
	width: 296px;
	margin: 0 14px;
	border-bottom: 0 none;
	list-style-type: none
}
.currency-switcher-select li, .zone-switcher-select li {
	list-style-type: none
}
.currency-switcher-select li a, .zone-switcher-select li a {
	display: block;
	padding: 0 10px;
	line-height: 36px;
	font-size: 12px;
	background: #fff;
	color: #3b3b3b;
	cursor: pointer;
	vertical-align: top;
	border-bottom: 1px solid #eee
}
.currency-switcher-select li a:hover, .zone-switcher-select li a:hover {
	background: #eee
}
.currency-switcher-select .label-current, .currency-switcher-select .label-unchecked, .zone-switcher-select .label-current, .zone-switcher-select .label-unchecked {
	width: 8px;
	height: 8px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #999;
	display: inline-block;
	margin: 0 8px 0 3px
}
.currency-switcher-select .label-unchecked, .zone-switcher-select .label-unchecked {
	background: 0 0
}
.currency-switcher-select.beta, .currency-switcher-select.pek1, .zone-switcher-select.beta, .zone-switcher-select.pek1 {
	color: #ff615a
}
.currency-switcher-select.aries, .currency-switcher-select.gd1, .zone-switcher-select.aries, .zone-switcher-select.gd1 {
	color: #59d65e
}
.currency-switcher-select.sh1a, .zone-switcher-select.sh1a {
	color: #fac726
}
.currency-switcher-select.pek2, .zone-switcher-select.pek2 {
	color: #5ec1f8
}
.currency-switcher-select.ap1, .zone-switcher-select.ap1 {
	color: #9872c2
}
.currency-switcher-select.pek3a, .zone-switcher-select.pek3a {
	color: #ecb33a
}
.zone-switcher-select {
	left: 0
}
.currency-switcher-select {
	right: 0
}
.zone-label {
	width: 12px;
	height: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	float: right;
	margin: 12px 3px
}
.zone-label.beta {
	background: #ff615a
}
.zone-label.aries {
	background: #59d65e
}
.zone-label.pek1 {
	background: #ff615a
}
.zone-label.gd1 {
	background: #59d65e
}
.zone-label.gd2a {
	background: #ecb33a
}
.zone-label.sh1a {
	background: #fac726
}
.zone-label.sh1b {
	background: #9013fe
}
.zone-label.pek2 {
	background: #5ec1f8
}
.zone-label.ap1 {
	background: #9872c2
}
.zone-label.ap2a {
	background: #2a3c8e
}
.zone-label.pek3a {
	background: #ecb33a
}
.zone-label.pek3b {
	background: #9872c2
}
.attachments .upload-form {
	display: none
}
.attachments .none {
	display: none
}
.attachments .loading {
	display: none;
	margin: 0;
	padding: 5px 20px;
	font-size: 14px
}
.attachment-wrapper {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin-right: 10px;
	position: relative;
	cursor: pointer
}
.attachment-wrapper .upload-file {
	width: 150px;
	height: 150px;
	background: #eee;
	overflow: hidden;
	display: table-cell
}
.attachment-wrapper .upload-file .upload-icon {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 30px;
	margin: 50px auto 0;
	font-size: 40px;
	opacity: .4
}
.attachment-wrapper .upload-file .upload-text {
	display: block;
	width: 150px;
	text-align: center;
	opacity: .4
}
.attachment-wrapper .upload-file img {
	display: block;
	max-width: 150px;
	max-height: 150px;
	margin: 0 auto
}
.attachment-wrapper .has-image {
	vertical-align: middle
}
.attachment-wrapper .text {
	position: absolute;
	bottom: 0;
	width: 140px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	background: #000;
	opacity: .4;
	text-align: center;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap
}
.attachment-wrapper .del-file {
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	line-height: 12px;
	font-size: 20px;
	color: #fff;
	background: #b94a48;
	vertical-align: middle;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.attachment-preview .upload-file {
	position: relative;
	width: 640px
}
.attachment-preview .upload-file img {
	width: 640px
}
.attachment-preview .upload-file:hover .view-origin {
	display: block
}
.attachment-preview .thumbnail {
	opacity: .2
}
.attachment-preview .view-origin {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	background: #999;
	opacity: .5;
	cursor: pointer;
	font-family: Entypo;
	z-index: 9999
}
.attachment-preview .view-origin::before {
	content: '\48'
}
body.marketing-hongkong {
	height: 4800px;
	overflow-x: hidden;
	background: #353644
}
body.marketing-hongkong .page {
	overflow: visible;
	min-height: auto;
	height: auto
}
body.marketing-hongkong #footer, body.marketing-hongkong #header {
	display: none
}
.parallax-nav {
	z-index: 5;
	position: fixed;
	top: 50%;
	right: 16px;
	margin-top: -81px;
	padding: 10px
}
.parallax-nav li {
	position: relative;
	list-style-type: none;
	margin: 10px 0
}
.parallax-nav li h2 {
	display: none
}
.parallax-nav li:hover h2 {
	display: inline-block;
	position: absolute;
	right: 15px;
	color: #57b382;
	padding: 10px;
	font-size: 14px;
	line-height: 1.2em;
	vertical-align: middle;
	width: 150px;
	top: -20px;
	text-align: right;
	font-weight: 400
}
.parallax-nav a {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	border: 1px solid #57b382;
	cursor: pointer
}
.parallax-nav a.active {
	background: #57b382
}
.parallax-bg {
	position: fixed;
	left: 50%;
	top: 0;
	margin-left: -490px;
	width: 980px
}
.parallax-bg img {
	position: absolute
}
.parallax-bg .bg3 {
	width: 1200px;
	margin-left: -600px
}
.parallax-content {
	position: relative;
	width: 980px;
	margin: 0 auto;
	z-index: 10
}
.parallax-content h2 {
	font-size: 38px;
	line-height: 1.4em;
	color: #57b382;
	padding: 0 20px
}
.parallax-content article {
	position: absolute;
	padding-top: 250px;
	width: 100%;
	overflow: hidden
}
.parallax-content .desc {
	font-size: 18px;
	color: #fff;
	background: rgba(53,54,68,.7);
	padding: 20px;
	margin: 20px 0;
	line-height: 1.3em;
	font-style: italic;
	width: 600px
}
.parallax-content .content-intro {
	margin: 50px 0 20px 0;
	color: #fff;
	padding-left: 40px
}
.parallax-content .content-intro li {
	line-height: 1.2em;
	margin: 5px 0;
	font-size: 16px
}
.parallax-content .signup {
	border-bottom: 4px solid #57b382
}
.parallax-content .signup:hover {
	border-bottom: 4px solid #429368
}
.parallax-content #content-4 {
	padding-top: 200px
}
.parallax-content #content-5 {
	padding-top: 0;
	height: 882px;
	cursor: pointer
}
.parallax-content #content-5 h2 {
	text-align: center;
	background: #353644;
	padding: 40px 20px;
	position: absolute;
	top: 450px;
	left: 0;
	width: 100%
}
.parallax-content #content-5 h2 a {
	color: #57b382
}
.parallax-content #content-5 h2 a:hover {
	color: #429368
}
.parallax-content #content-5 .parallax-arrow {
	position: absolute;
	top: 600px;
	left: 452px
}
.parallax-bg.bg1 {
	z-index: 1
}
.parallax-content #content-1 {
	top: 0
}
.parallax-bg.bg2 {
	z-index: 2
}
.parallax-content #content-2 {
	top: 800px
}
.parallax-bg.bg3 {
	z-index: 3
}
.parallax-content #content-3 {
	top: 1600px
}
.parallax-bg.bg4 {
	z-index: 4
}
.parallax-content #content-4 {
	top: 2400px
}
.parallax-bg.bg5 {
	z-index: 5
}
.parallax-content #content-5 {
	top: 3200px
}
.parallax-bg.bg6 {
	z-index: 6
}
.parallax-content #content-6 {
	top: 4000px
}
.parallax-bg.bg7 {
	z-index: 7
}
.parallax-content #content-7 {
	top: 4800px
}
.parallax-bg.bg8 {
	z-index: 8
}
.parallax-content #content-8 {
	top: 5600px
}
.parallax-bg.bg9 {
	z-index: 9
}
.parallax-content #content-9 {
	top: 6400px
}
.bg1 .img-4 {
	width: 1520px;
	top: 1500px;
	left: -300px
}
.parallax-bg .map {
	background-image: url(404.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 3200px;
	left: 70px;
	width: 910px;
	height: 482px
}
.parallax-bg .hk-city {
	background-image: url(404.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	height: 500px;
	left: -1000px;
	top: 400px;
	width: 3000px
}
.parallax-bg .hk-flag {
	background-image: url(404.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	height: 140px;
	left: 760px;
	top: 360px;
	width: 140px
}
.parallax-bg .logo {
	display: block;
	height: 100px;
	top: 6550px;
	position: absolute;
	width: 100%;
	background-image: url(404.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat
}
.parallax-bg .home-numbers {
	position: absolute;
	top: 1500px;
	left: 0;
	width: 100%;
	background: 0 0;
	padding: 60px 0 0 0
}
.parallax-bg .home-numbers li {
	height: 176px;
	width: 176px;
	padding: 0
}
.parallax-bg .home-numbers .number {
	line-height: 176px
}
.parallax-bg .home-numbers .info {
	padding: 53px 0;
	height: 70px;
	font-size: 20px
}
.parallax-bg .home-numbers .info b {
	font-size: 30px
}
.parallax-arrow {
	margin-left: 10px
}
.parallax-next, .parallax-prev {
	padding: 10px
}
.parallax-next .icon, .parallax-prev .icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #3a3b4b;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	line-height: 40px;
	text-align: center;
	vertical-align: middle
}
.android-page .console-screenshot, .android-page .enterprise-entry, .android-page .footer-nav, .android-page .header-account, .android-page .header-nav, .android-page .home-numbers, .android-page .timeline {
	display: none
}
.android-page .viewport-inner {
	width: 100%
}
.android-page .home-console .viewport-inner, .android-page .home-feature .viewport-inner {
	width: 95%;
	margin: 0 auto;
	padding: 50px 0 120px 0
}
.android-page .footer-signup .viewport-inner {
	width: 90%;
	padding: 50px 0
}
.android-page .home-feature:nth-child(even) .feature-content, .android-page .home-feature:nth-child(odd) .feature-content {
	width: 100%;
	float: none;
	margin: 0 auto
}
.android-page .home-feature .feature-graph {
	display: none
}
.android-page .home-console {
	overflow: visible
}
.android-page .home-console .notes {
	padding: 50px 0 0 0
}
.android-page .footer-logo {
	margin: 0 auto
}
.android-page .android-app-download {
	width: 100%;
	padding: 20px 0 50px;
	background-color: #353644
}
.android-page .android-app-download img {
	width: 60%;
	display: block;
	margin: 0 auto 30px
}
.android-page .android-app-download .download {
	margin: 0 auto;
	text-align: center
}
.android-page .android-app-download .download .btn {
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-name: shake;
	animation-timing-function: ease-in-out
}
@-moz-keyframes shake {
10%, 90% {
-moz-transform:translate3d(-1px, 0, 0);
-webkit-transform:translate3d(-1px, 0, 0);
transform:translate3d(-1px, 0, 0)
}
20%, 80% {
-moz-transform:translate3d(2px, 0, 0);
-webkit-transform:translate3d(2px, 0, 0);
transform:translate3d(2px, 0, 0)
}
30%, 50%, 70% {
-moz-transform:translate3d(-6px, 0, 0);
-webkit-transform:translate3d(-6px, 0, 0);
transform:translate3d(-6px, 0, 0)
}
40%, 60% {
-moz-transform:translate3d(6px, 0, 0);
-webkit-transform:translate3d(6px, 0, 0);
transform:translate3d(6px, 0, 0)
}
}
@-webkit-keyframes shake {
10%, 90% {
-moz-transform:translate3d(-1px, 0, 0);
-webkit-transform:translate3d(-1px, 0, 0);
transform:translate3d(-1px, 0, 0)
}
20%, 80% {
-moz-transform:translate3d(2px, 0, 0);
-webkit-transform:translate3d(2px, 0, 0);
transform:translate3d(2px, 0, 0)
}
30%, 50%, 70% {
-moz-transform:translate3d(-6px, 0, 0);
-webkit-transform:translate3d(-6px, 0, 0);
transform:translate3d(-6px, 0, 0)
}
40%, 60% {
-moz-transform:translate3d(6px, 0, 0);
-webkit-transform:translate3d(6px, 0, 0);
transform:translate3d(6px, 0, 0)
}
}
@-o-keyframes shake {
10%, 90% {
-moz-transform:translate3d(-1px, 0, 0);
-webkit-transform:translate3d(-1px, 0, 0);
transform:translate3d(-1px, 0, 0)
}
20%, 80% {
-moz-transform:translate3d(2px, 0, 0);
-webkit-transform:translate3d(2px, 0, 0);
transform:translate3d(2px, 0, 0)
}
30%, 50%, 70% {
-moz-transform:translate3d(-6px, 0, 0);
-webkit-transform:translate3d(-6px, 0, 0);
transform:translate3d(-6px, 0, 0)
}
40%, 60% {
-moz-transform:translate3d(6px, 0, 0);
-webkit-transform:translate3d(6px, 0, 0);
transform:translate3d(6px, 0, 0)
}
}
@keyframes shake {
10%, 90% {
-moz-transform:translate3d(-1px, 0, 0);
-webkit-transform:translate3d(-1px, 0, 0);
transform:translate3d(-1px, 0, 0)
}
20%, 80% {
-moz-transform:translate3d(2px, 0, 0);
-webkit-transform:translate3d(2px, 0, 0);
transform:translate3d(2px, 0, 0)
}
30%, 50%, 70% {
-moz-transform:translate3d(-6px, 0, 0);
-webkit-transform:translate3d(-6px, 0, 0);
transform:translate3d(-6px, 0, 0)
}
40%, 60% {
-moz-transform:translate3d(6px, 0, 0);
-webkit-transform:translate3d(6px, 0, 0);
transform:translate3d(6px, 0, 0)
}
}
.icon-icp-new::before {
	content: '\E79A'
}
.icon-icp-trans::before {
	content: '\27A6'
}
.icon-upload::before {
	content: '\E74D'
}
.icon-view::before {
	content: '\E70A'
}
.icon-waiting::before {
	content: '\e78d'
}
.icon-pass::before {
	content: '\2713'
}
.icon-mail::before {
	content: '\2709'
}
.icon-photo::before {
	content: '\1F4F7'
}
.page-inner.icp-intro {
	color: #555;
	line-height: 1.6em
}
.page-inner.icp-intro h4 {
	margin-top: 1.5em
}
.page-inner.icp-intro ul {
	padding-left: 0
}
.page-inner.icp-intro ul li {
	list-style-type: none;
	line-height: 2em
}
.page-inner.icp-intro img.icp-procedure {
	margin: 10px 150px;
	width: 800px
}
.modal .authority-rules {
	color: #555;
	line-height: 1.6em
}
.modal .authority-rules h4 {
	margin-top: 1.5em
}
.icp-list p.none {
	margin-top: 30px;
	text-align: center;
	font-size: 14px
}
.icp-list td.controls a {
	margin-right: 15px
}
.icp-apply-wizard {
	position: relative
}
.icp-apply-wizard .wizard-ticket {
	position: fixed;
	top: 360px;
	right: -20px
}
.icp-apply-wizard .wizard-ticket a {
	width: 200px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 18px;
	line-height: 2em
}
.icp-apply-wizard .wizard-content>.rules {
	display: none;
	position: fixed;
	top: 430px;
	right: 0;
	width: 220px;
	line-height: 1.5
}
.icp-apply-wizard .wizard-content form .control-label {
	width: 165px
}
.icp-apply-wizard .wizard-content form .controls {
	margin-left: 175px;
	line-height: 43px
}
.icp-apply-wizard .wizard-content form .form-actions {
	padding-left: 0
}
.icp-apply-wizard .wizard-content form .form-actions input[type=button] {
	margin: 0 10px 0 0
}
.icp-apply-wizard .wizard-content form .form-actions .feedback {
	margin-left: 8px;
	color: #57b382
}
.icp-apply-wizard .wizard-content form .item.must .control-label:before {
	content: '*';
	margin-right: 3px;
	color: #57b382
}
.icp-apply-wizard .wizard-content form .item .hint {
	display: none
}
.icp-apply-wizard .wizard-content form .item.active .hint {
	position: absolute;
	display: inline-block;
	padding: 15px;
	width: 350px;
	border: 1px solid #57b382;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px
}
.icp-apply-wizard .wizard-content form .item.active .hint:before {
	content: '';
	display: block;
	position: absolute;
	left: -10px;
	top: 10px;
	width: 0;
	height: 0;
	border-width: 6px 10px 6px 0;
	border-color: transparent #57b382 transparent transparent;
	border-style: solid
}
.icp-apply-wizard .wizard-content form .item.active .hint:after {
	content: '';
	display: block;
	position: absolute;
	left: -8px;
	top: 11px;
	width: 0;
	height: 0;
	border-width: 5px 8px 5px 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid
}
.icp-apply-wizard .wizard-content form .item.active .hint p {
	margin: 0;
	line-height: 1.6
}
.icp-apply .types {
	margin: 0 0 30px 0
}
.icp-apply .types .hint {
	color: #999;
	font-style: italic
}
.icp-apply .types .hint::before {
	content: '*';
	margin-right: 2px;
	color: #57b382
}
.icp-apply .types .hint .redirect {
	margin-left: 5px
}
.icp-apply .icp-types {
	list-style-type: none;
	margin: 20px 0;
	padding: 0
}
.icp-apply .icp-type-item {
	width: 25%;
	margin: 0;
	padding: 0;
	display: inline-block
}
.icp-apply .icp-type-item.disabled .item-inner .title {
	color: #999
}
.icp-apply .icp-type-item .item-inner {
	background: #eee;
	padding: 25px 40px 30px 40px;
	font-size: 28px;
	font-weight: 700;
	color: #3b3b3b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.icp-apply .icp-type-item .item-inner .title {
	margin-top: 18px
}
.icp-apply .icp-type-item .item-inner .help, .icp-apply .icp-type-item .item-inner .title {
	font-style: normal;
	display: block
}
.icp-apply .icp-type-item .item-inner .help {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: 400;
	color: #999;
	margin: 18px auto 0 auto;
	padding: 0;
	text-align: left
}
.icp-apply .icp-type-item .item-inner .icon {
	float: left;
	font-size: 28px;
	text-align: center;
	line-height: 48px;
	margin-right: 30px;
	background: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	width: 70px;
	padding: 10px 0;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.icp-apply .icp-type-item .item-inner {
	margin-right: 15px
}
.icp-apply .icp-type-item:hover {
	cursor: pointer
}
.icp-apply .icp-type-item:hover .item-inner {
	background: #d5ece0;
	color: #57b382
}
.icp-apply .icp-type-item:hover .item-inner .icon {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.icp-apply .icp-type-item:hover.disabled {
	cursor: not-allowed
}
.icp-apply .icp-type-item:hover.disabled .item-inner {
	background: #eee;
	color: #3b3b3b
}
.icp-apply .icp-type-item:hover.disabled .item-inner .icon {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}
.icp-apply .icp-type-item.selected .item-inner {
	background: #d5ece0;
	color: #57b382
}
.icp-apply .form-actions {
	padding-left: 0
}
.icp-apply .zones {
	margin: 0 0 30px 0
}
.icp-apply .zones .hint {
	display: block;
	margin: 0 0 8px 0;
	color: #999;
	font-style: italic
}
.icp-apply .zones .hint::before {
	content: '*';
	margin-right: 2px;
	color: #57b382
}
.icp-apply .icp-zones {
	list-style-type: none;
	margin: 20px 0;
	padding: 0
}
.icp-apply .icp-zone-item {
	margin: 0 15px 5px 0;
	padding: 0;
	display: inline-block;
	background: #eee;
	padding: 20px 35px;
	color: #3b3b3b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	width: 130px
}
.icp-apply .icp-zone-item.disabled {
	color: #999
}
.icp-apply .icp-zone-item .icon {
	font-size: 20px
}
.icp-apply .icp-zone-item:hover {
	cursor: pointer;
	background: #d5ece0;
	color: #57b382
}
.icp-apply .icp-zone-item:hover.disabled {
	cursor: not-allowed;
	background: #eee;
	color: #999
}
.icp-apply .icp-zone-item:hover.disabled .icon {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}
.icp-apply .icp-zone-item.selected {
	background: #d5ece0;
	color: #57b382
}
.icp-apply-wizard {
	margin: 20px 0 50px 0;
	padding: 0
}
.icp-apply-wizard .wizard-progress-bar {
	margin: 0 0 30px 0;
	padding: 0
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item {
	display: inline-block;
	list-style-type: none;
	margin-right: 1px;
	padding: 15px 20px;
	background: #eee;
	position: relative
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item:hover {
	cursor: pointer
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item.done {
	background: #89caa8;
	color: #fff
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item.doing {
	background: #57b382;
	color: #fff
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item.todo {
	color: #555
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item.todo:hover {
	cursor: not-allowed
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item.current {
	background: #57b382;
	color: #fff
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item.doing::after {
	content: '';
	border-width: 9px;
	border-style: solid;
	border-color: transparent transparent transparent #57b382;
	position: absolute;
	top: 17px;
	right: -18px;
	z-index: 1
}
.icp-apply-wizard .wizard-progress-bar .progress-bar-item:last-child.doing::after {
	border: 0
}
.icp-apply-wizard .wizard-progress-bar .title {
	display: inline-block;
	vertical-align: middle;
	line-height: 24px
}
.icp-apply-wizard .wizard-progress-bar .step {
	display: inline-block;
	background: #e2e2e2;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	color: #555;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	font-size: 12px
}
.icp-apply-wizard .wizard-progress-bar .doing .step {
	background: #4ba575;
	color: #fff
}
.icp-apply-wizard .wizard-progress-bar .done .step {
	background: #68bb8f;
	color: #fff
}
.form-icp .control-label {
	width: 220px
}
.form-icp .controls {
	margin-left: 240px
}
.form-icp input[type=text] {
	width: 280px
}
.form-icp .form-actions {
	padding-left: 240px
}
.icp-file-uploader {
	margin: 20px 0 50px 0;
	overflow: hidden
}
.preview-wrapper {
	width: 280px;
	height: 280px;
	background: #eee;
	float: left;
	color: #999;
	font-weight: 700;
	text-align: center
}
.preview-wrapper .icon {
	font-size: 56px;
	line-height: 32px;
	display: block;
	margin: 90px 0 30px 0
}
.file-example {
	margin-left: 320px
}
.file-example .help {
	color: #999;
	line-height: 1.6em;
	padding: 0;
	list-style-position: inside
}
.file-example .sample {
	display: inline-block;
	width: 150px;
	height: 110px;
	margin-right: 20px;
	background: #d5ece0;
	vertical-align: top
}
.admin-response {
	margin: 20px 0 50px 0;
	list-style-type: none;
	padding: 0
}
.admin-response .response-item {
	background: #fcf8e3;
	padding: 20px 30px;
	margin-bottom: 10px;
	color: #835404
}
.admin-response .response-item.fixed {
	background: #eee;
	color: #999
}
.admin-response .summary {
	font-weight: 700
}
.admin-response .content {
	line-height: 1.4em
}
.admin-response .content ol {
	margin: 10px 0;
	padding: 0
}
.admin-response .content li {
	list-style-position: inside;
	margin: 5px 0
}
.admin-response .time {
	color: #999;
	font-size: 12px
}
.admin-response span.fixed {
	color: #57b382;
	font-weight: 700;
	margin-left: 8px
}
.alert-icp {
	padding: 20px;
	font-size: 16px
}
.alert-icp .icon {
	font-size: 18px
}
.icp-step5 {
	background: #f7f7f7;
	overflow: hidden;
	margin-bottom: 20px
}
.icp-step5 .title {
	width: 200px;
	padding: 50px 0;
	float: left;
	background: #eee
}
.icp-step5 .title h5 {
	text-align: center;
	font-size: 18px
}
.icp-step5 .title .icon {
	display: block;
	font-size: 42px;
	color: #57b382;
	width: 80px;
	margin: 0 auto 30px auto
}
.icp-step5 .details {
	margin-left: 220px;
	padding: 30px
}
.icp-step5 .details .detail-item {
	width: 50%;
	display: inline-block;
	vertical-align: top
}
.icp-step5 .details h6 {
	font-size: 14px
}
.icp-step5 .details ol, .icp-step5 .details ul {
	margin: 20px 0;
	padding-left: 20px;
	list-style-position: outside
}
.icp-step5 .details li {
	margin: 8px 0
}
.icp-ticket .modal-content {
	padding: 0
}
.ticket-inner {
	padding: 20px 30px;
	background: #e4eaec;
	color: #58666e
}
.ticket-inner .ticket-content {
	font-size: 16px;
	line-height: 1.6em
}
.ticket-inner .ticket-summary {
	font-weight: 700;
	font-size: 18px
}
.ticket-inner .ticket-time {
	margin: 0;
	color: #58666e
}
.ticket-inner .btn-close {
	float: right;
	line-height: 16px;
	margin-top: 4px
}
.ticket-inner .closed {
	float: right;
	font-style: italic;
	color: #777;
	margin-top: 6px;
	padding: 6px 17px;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	line-height: 16px
}
.ticket-replies-inner {
	padding: 20px;
	background: #f8f8f8
}
.ticket-replies-inner ul {
	padding: 0
}
.ticket-replies-inner li {
	overflow: hidden;
	margin: 15px 0
}
.replies-title {
	font-weight: 700;
	font-size: 16px
}
.replies-title .total {
	font-family: Arial, sans-serif;
	padding: 0 7px
}
.reply-avatar {
	width: 32px;
	height: 32px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	border-radius: 5em;
	background-size: contain;
	float: left
}
.reply-content {
	padding: 5px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	overflow: hidden;
	margin-left: 40px
}
.reply-content p {
	margin: 8px 0
}
.reply-content.admin {
	background: #e4eaec
}
.reply-content .time {
	margin: 0 0 8px 0;
	font-size: 12px
}
.add-reply-inner {
	padding: 10px;
	padding-bottom: 50px
}
.add-reply-inner textarea {
	width: 730px;
	margin: 0 0 10px 0
}
.add-reply-inner .btn-add-reply {
	margin: 0
}
.ticket-attachments-inner {
	padding: 10px 30px 20px 30px;
	background: #e9eef0;
	overflow: hidden;
	height: 120px
}
.ticket-attachments-inner h4 {
	color: #58666e;
	font-weight: 700;
	font-size: 16px
}
.attachments-item {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}
.attachments-item .attachment-inner {
	display: block;
	background: #fff;
	width: 64px;
	height: 64px;
	padding: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center
}
.attachments-item .attachment-inner img {
	display: block;
	max-height: 64px;
	max-width: 64px;
	margin: 0 auto;
	line-height: 64px;
	vertical-align: middle
}
.attachments-uploader {
	margin: 10px 0
}
.attachments-item {
	position: relative
}
.attachments-item .btn-upload-attachment {
	display: block;
	border: 1px dashed #58666e;
	height: 64px;
	width: 64px;
	padding: 7px;
	color: #58666e;
	background: 0 0
}
.attachments-item .fa-upload {
	display: block;
	margin: 20px 0;
	font-size: 22px;
	text-align: center
}
.attachments-item .txt-file::before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-align: center;
	display: block;
	padding: 20px 0;
	font-size: 28px;
	font-weight: 700;
	color: #777;
	content: '\f0f6'
}
.attachments-item .btn-delete {
	display: none;
	position: absolute;
	right: -14px;
	top: -8px;
	width: 22px;
	height: 22px;
	background: #b94a48;
	font-size: 18px;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	border-radius: 5em;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	z-index: 5;
	color: #fff
}
.attachments-item .btn-preview {
	display: none;
	font-size: 28px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(53,54,68,.7);
	line-height: 80px;
	vertical-align: middle
}
.attachments-item .btn-preview .fa {
	color: #fff
}
.attachments-item:hover .btn-delete, .attachments-item:hover .btn-preview {
	display: inline-block
}
.attachments-help {
	color: #777;
	font-size: 14px;
	padding: 0 12px;
	font-weight: 400
}
.ticket-wrapper {
	width: 700px;
	margin: 10px auto 80px auto
}
.tickets-items li {
	border-top: 1px solid #eee;
	overflow: hidden
}
.tickets-items li:hover {
	background: #f8f8f8;
	cursor: pointer
}
.tickets-items .fa-attachments {
	color: #777;
	padding: 4px 5px;
	background: #f8f8f8;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right
}
.tickets-items .loading {
	display: block;
	text-align: center
}
.ticket-status {
	width: 30px;
	float: left;
	text-align: right
}
.ticket-status .fa {
	font-size: 16px;
	margin-top: 35px
}
.ticket-details {
	margin-left: 30px;
	padding: 12px
}
.ticket-details h6 {
	margin: 0;
	font-weight: 700
}
.ticket-details p {
	color: #555;
	margin: 8px 0 3px 0
}
.ticket-details .time {
	color: #777;
	font-style: 12px
}
.page-tickets {
	background: #fff;
	margin: 20px
}
.tickets-tickets {
	width: 40%;
	float: left
}
.tickets-tickets-inner {
	overflow-y: auto
}
.tickets-ticket {
	margin-left: 40%;
	height: 100%
}
.tickets-ticket-inner {
	overflow-y: auto;
	border-left: 1px solid #e4eaec;
	background: #f8f8f8
}
.tickets-ticket-inner .add-reply-inner textarea {
	width: 460px
}
.tickets-toolbar {
	padding: 20px 30px;
	border-bottom: 1px solid #e4eaec
}
.tickets-toolbar .pagination {
	float: right
}
.tickets-tickets .tickets-items li {
	border-top: 0 none;
	border-bottom: 1px solid #e4eaec
}
.tickets-tickets .tickets-items li.selected {
	background: #e4eaec
}
.tickets-tickets .ticket-details {
	padding: 20px
}
.tickets-tickets .ticket-details h6 {
	font-size: 16px
}
.form.wizard-subject-info fieldset {
	margin-top: 15px
}
.form.wizard-subject-info fieldset legend {
	font-size: 20px;
	line-height: 30px
}
.form.wizard-subject-info input[type=text] {
	margin-right: 15px;
	width: 400px
}
.form.wizard-subject-info .office-phone .controls input[type=text] {
	width: 358px
}
.form.wizard-subject-info select {
	width: 422px
}
.form.wizard-subject-info select.company-certification {
	margin-right: 15px
}
.form.wizard-subject-info .location select {
	width: 136px;
	margin-right: 7px
}
.form.wizard-website-info h4 {
	display: inline-block;
	margin: 10px 0;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400
}
.form.wizard-website-info .checkbox-item {
	display: inline-block;
	margin-right: 10px
}
.form.wizard-website-info .checkbox-item span {
	margin-left: 3px
}
.form.wizard-website-info input[type=password], .form.wizard-website-info input[type=text] {
	margin-right: 15px;
	width: 350px
}
.form.wizard-website-info .office-phone .controls input[type=text] {
	width: 308px
}
.form.wizard-website-info .item select {
	margin-right: 15px;
	width: 372px
}
.form.wizard-website-info .item {
	overflow: hidden
}
.form.wizard-website-info .item .domain {
	margin: 0 0 8px 0
}
.form.wizard-website-info .item .domain input {
	width: 280px
}
.form.wizard-website-info .item .domain a {
	display: inline;
	margin-right: 15px
}
.form.wizard-website-info select.web-manager {
	margin-left: 15px
}
.form.wizard-website-info .ip-segment {
	margin: 0 0 8px 0
}
.form.wizard-website-info .ip-segment input {
	width: 146px;
	margin: 0 15px 0 0
}
.form.wizard-website-info .ip-segment span {
	margin: 0 15px 0 0
}
.form.wizard-website-info .website-info {
	margin: 15px 0
}
.form.wizard-website-info .website-info .summary {
	display: block
}
.form.wizard-website-info .website-info .details {
	display: none
}
.form.wizard-website-info .website-info.current .summary {
	display: none
}
.form.wizard-website-info .website-info.current .details {
	display: block
}
.form.wizard-website-info .website-info div.title {
	padding-left: 8px;
	border-left: 5px solid #57b382
}
.form.wizard-website-info .website-info div.title h4 {
	margin-right: 20px;
	font-size: 16px;
	line-height: 20px
}
.form.wizard-website-info .website-info div.title a {
	margin-right: 10px
}
.icp-upload-picture {
	margin-bottom: 20px
}
.icp-upload-picture h4 {
	margin: 10px 0;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400
}
.icp-upload-picture .upload {
	display: inline-block;
	width: 320px;
	margin-right: 30px
}
.icp-upload-picture .upload .wrapper {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px
}
.icp-upload-picture .upload .wrapper:hover {
	cursor: pointer
}
.icp-upload-picture .upload .wrapper input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	font-size: 50px
}
.icp-upload-picture .upload .wrapper input[type=file]:hover {
	cursor: pointer
}
.icp-upload-picture .upload .preview {
	width: 100%;
	text-align: center
}
.icp-upload-picture .upload .preview img {
	max-width: 100%
}
.icp-upload-picture .upload .preview img:hover {
	cursor: pointer
}
.icp-upload-picture .example {
	display: inline-block;
	width: 180px;
	margin-right: 30px;
	vertical-align: top;
	padding: 30px 40px;
	background: #eee
}
.icp-upload-picture .example span {
	display: inline-block;
	margin-bottom: 15px
}
.icp-upload-picture .example .preview {
	width: 100%;
	text-align: center;
	color: #999
}
.icp-upload-picture .example .preview img {
	max-width: 100%
}
.icp-upload-picture .example .preview img:hover {
	cursor: pointer
}
.icp-upload-picture .hints {
	display: inline-block;
	width: 390px;
	margin-right: 10px;
	vertical-align: top
}
.icp-upload-picture .hints .title {
	display: inline-block;
	margin-bottom: 15px
}
.icp-upload-picture .hints ul {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 1.5
}
.icp-upload-picture .hints ul li {
	margin-bottom: 5px
}
.icp-upload-picture .hints ul li a.download {
	margin-left: 8px
}
.window-overlay .modal-content .picture-wrapper {
	width: 900px;
	text-align: center
}
.window-overlay .modal-content .picture-wrapper img {
	max-width: 100%
}
.wizard-final-review span.icon, .wizard-first-review span.icon, .wizard-second-review span.icon {
	margin-right: 8px
}
.wizard-final-review .response, .wizard-first-review .response, .wizard-second-review .response {
	margin: 12px 0;
	padding: 10px 45px;
	background-color: #eee
}
.wizard-final-review .form-actions, .wizard-first-review .form-actions, .wizard-second-review .form-actions {
	text-align: center;
	border: 0
}
.wizard-mail-photo .hint {
	font-style: italic
}
.wizard-mail-photo .hint::before {
	content: '*';
	margin-right: 2px;
	color: #57b382
}
.wizard-mail-photo h4.title {
	padding: 5px 0 5px 10px;
	border-left: 5px solid #57b382;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400
}
.wizard-mail-photo .mail h5 {
	font-size: 16px;
	line-height: 24px
}
.wizard-mail-photo .mail .requirements {
	display: inline-block;
	width: 45%
}
.wizard-mail-photo .mail .requirements a {
	margin-left: 8px
}
.wizard-mail-photo .mail .isp {
	display: inline-block;
	margin-left: 5%;
	width: 45%;
	vertical-align: top
}
.wizard-mail-photo .photo .details {
	margin-bottom: 20px
}
.wizard-mail-photo .photo .detail-item .content {
	display: none
}
.wizard-mail-photo .photo .detail-item h5 {
	display: block;
	position: relative;
	margin: 10px 0;
	padding-left: 17px;
	font-size: 16px;
	line-height: 24px
}
.wizard-mail-photo .photo .detail-item h5:hover {
	cursor: pointer
}
.wizard-mail-photo .photo .detail-item h5::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 0;
	height: 0;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #57b382;
	border-style: solid
}
.wizard-mail-photo .photo .detail-item.current .content {
	display: block
}
.wizard-mail-photo .photo .detail-item.current h5::before {
	left: -1px;
	top: 8px;
	border-width: 9px 6px 0 6px;
	border-color: #57b382 transparent transparent transparent
}
.wizard-mail-photo .photo .detail-item span.verification_addresses {
	margin-left: 15px
}
.wizard-mail-photo .icp-curtain-express h4 {
	margin: 10px 0;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400
}
.wizard-mail-photo .icp-curtain-express .alert-icp {
	padding: 20px;
	font-size: 14px
}
.wizard-mail-photo .icp-curtain-express .status {
	font-style: normal
}
.wizard-mail-photo .icp-curtain-express .status p {
	display: inline-block
}
.wizard-mail-photo .icp-curtain-express .status a.modify {
	margin-left: 15px
}
.window-overlay .verification_addresses table {
	margin-bottom: 15px
}
.window-overlay .verification_addresses table td, .window-overlay .verification_addresses table th {
	font-size: 14px
}
.window-overlay .verification_addresses .hint {
	font-style: italic
}
.window-overlay .verification_addresses .hint::before {
	content: '*';
	margin-right: 2px;
	color: #57b382
}
.wizard-subject-master-codes .master-codes, .wizard-subject-master-codes .subject-info {
	margin: 0 0 20px 0
}
.wizard-subject-master-codes h4.title {
	padding: 5px 0 5px 10px;
	border-left: 5px solid #57b382;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400
}
.wizard-subject-master-codes fieldset {
	margin-top: 15px
}
.wizard-subject-master-codes fieldset legend {
	font-size: 20px;
	line-height: 30px
}
.wizard-subject-master-codes input[type=text] {
	margin-right: 15px;
	width: 400px
}
.wizard-subject-master-codes .office-phone .controls input[type=text] {
	width: 358px
}
.wizard-subject-master-codes select {
	width: 422px
}
.wizard-subject-master-codes select.company-certification {
	margin-right: 15px
}
.wizard-subject-master-codes .location select {
	width: 136px;
	margin-right: 7px
}
.wizard-subject-master-codes .master-codes label {
	margin: 0 10px 0 15px
}
form>.wizard-website-info-codes div.web-manager select.web-manager {
	display: none
}
.banner-appcenter {
	height: 510px;
	background-color: #353644;
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 588px 471px
}
.content-appcenter {
	padding: 80px 0;
	color: #697480;
	line-height: 2em
}
.content-appcenter h1 {
	font-size: 19px;
	color: #697480;
	text-align: center;
	margin: 30px 0;
	font-weight: 400
}
.content-appcenter .app-cate {
	color: #ccd2d9;
	font-size: 14px;
	text-align: center;
	font-weight: 400;
	background: #fff;
	padding: 12px 20px;
	width: 140px;
	margin: 0 auto -25px auto;
	position: relative
}
.content-appcenter .app-list {
	margin: 0 0 40px 0;
	padding: 0;
	text-align: center
}
.content-appcenter .app-list li {
	border-top: 1px solid #f2f5f7;
	padding-top: 20px;
	list-style-type: none;
	width: 220px;
	display: inline-block;
	vertical-align: top
}
.content-appcenter .app-icon {
	display: block;
	width: 48px;
	height: 48px;
	margin: 10px auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}
.content-appcenter .app-name {
	font-size: 14px;
	color: #697480;
	font-weight: 700
}
.content-appcenter .intro {
	font-size: 12px;
	line-height: 1.6em;
	margin: 0 10px;
	opacity: .8
}
.content-appcenter.content-intro {
	background-color: #353644;
	color: #fff;
	text-align: center;
	overflow: hidden;
	padding: 40px 0
}
.content-appcenter.content-intro h1 {
	font-size: 19px;
	color: #fff;
	margin: 0 0 10px 0
}
.content-appcenter.content-intro blockquote {
	font-size: 14px;
	opacity: .6;
	width: 700px;
	line-height: 2em;
	margin: 0 auto
}
.icon-1-0 {
	background-image: url(404.png)
}
.icon-2-0 {
	background-image: url(404.png)
}
.icon-3-0 {
	background-image: url(404.png)
}
.icon-4-0 {
	background-image: url(404.png)
}
.icon-5-0 {
	background-image: url(404.png)
}
.icon-1-1 {
	background-image: url(404.png)
}
.icon-2-1 {
	background-image: url(404.png)
}
.icon-3-1 {
	background-image: url(404.png)
}
.icon-4-1 {
	background-image: url(404.png)
}
.icon-5-1 {
	background-image: url(404.png)
}
.icon-1-2 {
	background-image: url(404.png)
}
.icon-2-2 {
	background-image: url(404.png)
}
.icon-3-2 {
	background-image: url(404.png)
}
.icon-4-2 {
	background-image: url(404.png)
}
.icon-5-2 {
	background-image: url(404.png)
}
.icon-1-3 {
	background-image: url(404.png)
}
.icon-2-3 {
	background-image: url(404.png)
}
.icon-3-3 {
	background-image: url(404.png)
}
.icon-4-3 {
	background-image: url(404.png)
}
.icon-5-3 {
	background-image: url(404.png)
}
.icon-1-4 {
	background-image: url(404.png)
}
.icon-2-4 {
	background-image: url(404.png)
}
.icon-3-4 {
	background-image: url(404.png)
}
.icon-4-4 {
	background-image: url(404.png)
}
.icon-5-4 {
	background-image: url(404.png)
}
.content-how .step-icon {
	width: 42px;
	height: 42px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}
.content-how .icon-1 {
	background-image: url(404.png)
}
.content-how .icon-2 {
	background-image: url(404.png)
}
.content-how .icon-3 {
	background-image: url(404.png)
}
.content-how h3 {
	font-size: 16px;
	font-weight: 400
}
.content-how p {
	font-size: 14px;
	opacity: .7
}
.content-how p a {
	display: inline-block;
	border-bottom: 1px solid rgba(255,255,255,.2);
	opacity: 1
}
.content-how a {
	color: #fff;
	opacity: .7
}
.content-how .steps {
	margin: 0;
	padding: 0
}
.content-how .steps li {
	background: #23b36b;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 20px;
	list-style-type: none;
	line-height: 2em;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	color: #fff;
	width: 284px;
	height: 218px
}
.banner-nonprofits {
	background: #f2f5f7;
	height: 320px;
	overflow: hidden;
	text-align: center;
	background-image: url(404.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}
.banner-nonprofits h1 {
	color: #fff;
	font-size: 28px;
	margin-top: 80px
}
.banner-nonprofits blockquote {
	font-size: 14px;
	color: #fff;
	line-height: 2em;
	width: 525px;
	margin: 0 auto
}
.banner-nonprofits .btn {
	color: #fff;
	margin-top: 20px;
	border-color: #fff
}
.banner-nonprofits .btn:hover {
	background: 0 0
}
.content-nonprofits.apply .apply-wrapper {
	width: 899px;
	background: #f2f5f7;
	padding: 20px 40px;
	overflow: hidden;
	margin: 30px auto 60px auto
}
.content-nonprofits.apply p {
	float: left;
	width: 70%;
	line-height: 2em;
	color: #697480
}
.content-nonprofits.apply .btn {
	float: right;
	margin-top: 25px
}
.content-nonprofits.organization {
	color: #697480;
	background: #f3f5f8;
	padding: 40px 0
}
.content-nonprofits.organization .viewport-inner {
	width: 816px;
	overflow: hidden;
	padding: 10px 50px 80px 50px;
	border-bottom: 1px solid #f2f5f7
}
.content-nonprofits.organization ul {
	margin: 0;
	padding: 0
}
.content-nonprofits.organization li {
	width: 368px;
	height: 357px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(104,116,127,.24);
	-moz-box-shadow: 0 1px 2px 0 rgba(104,116,127,.24);
	box-shadow: 0 1px 2px 0 rgba(104,116,127,.24);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	vertical-align: top;
	margin: 20px
}
.content-nonprofits.organization h2 {
	font-size: 14px;
	padding: 0 20px
}
.content-nonprofits.organization h2 a {
	color: #697480
}
.content-nonprofits.organization h2 .fa {
	color: #ccd3d9
}
.content-nonprofits.organization .desc {
	font-size: 14px;
	line-height: 2em;
	padding: 0 20px 20px 20px;
	margin-top: 0
}
.content-nonprofits.organization .logo-bg {
	height: 160px;
	text-align: center;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}
.content-nonprofits.organization .logo-bg-1 {
	background: #111b3f
}
.content-nonprofits.organization .logo-bg-2 {
	background: #c6342b
}
.content-nonprofits.organization .logo-bg-3 {
	background: #77333b
}
.content-nonprofits.organization .logo-bg-4 {
	background: #30669c
}
.content-nonprofits.organization .logo-bg-5 {
	background: #8693a1
}
.content-nonprofits.organization .logo {
	height: 160px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block
}
.content-nonprofits.organization .logo-1 {
	background-image: url(404.png);
	background-size: 64px 65px
}
.content-nonprofits.organization .logo-2 {
	background-image: url(404.png);
	background-size: 182px 40px
}
.content-nonprofits.organization .logo-3 {
	background-image: url(404.png);
	background-size: 42px 67px
}
.content-nonprofits.organization .logo-4 {
	background-image: url(404.png);
	background-size: 64px 64px
}
.content-nonprofits.organization .logo-5 {
	background-image: url(404.png);
	background-size: 72px 57px
}
.content-nonprofits.organization .apply {
	text-align: center
}
.content-nonprofits.organization .apply p {
	width: 266px;
	padding: 50px 0;
	margin: 20px auto 50px auto;
	line-height: 2em;
	border-bottom: 1px solid #f3f5f8
}
.l-flex {
	display: flex
}
.l-flex-center-x {
	justify-content: center
}
.l-flex-wrap {
	flex-wrap: wrap
}
.l-flex-direction-column {
	flex-direction: column
}
.l-flex1 {
	flex: 1 1
}
.l-flex-center-y {
	align-items: center
}
.header-entry {
	border-top: 3px solid transparent
}
.header-entry.selected {
	border-top: 3px solid #57b382
}
.hybrid-cloud, .hybrid-cloud-detail {
	box-sizing: border-box
}
.hybrid-cloud li, .hybrid-cloud-detail li {
	list-style-type: none
}
.hybrid-cloud .logo, .hybrid-cloud-detail .logo {
	border: 1px solid #ccd2d9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.hybrid-cloud .icon, .hybrid-cloud-detail .icon {
	background-size: 100%;
	display: block
}
.hybrid-cloud .text-primary, .hybrid-cloud-detail .text-primary {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
	color: #23b36b
}
.hybrid-cloud .text-light, .hybrid-cloud-detail .text-light {
	font-size: 14px;
	line-height: 2;
	color: #687480
}
.hybrid-cloud--content {
	line-height: 2;
	width: 667px
}
.hybrid-cloud-brand {
	background: #000;
	color: #fff
}
.hybrid-cloud-brand .btn {
	margin-top: 44px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(0,0,0,0);
	border: solid 1px #fff;
	height: 40px;
	line-height: 40px;
	width: 160px;
	-webkit-transition: all;
	-moz-transition: all;
	-o-transition: all;
	transition: all;
	padding: 0
}
.hybrid-cloud-brand .btn:hover {
	background: #fff;
	color: #000
}
.hybrid-cloud-brand .hybrid-cloud-brand--container {
	padding: 70px 100px 66px;
	position: relative
}
.hybrid-cloud-brand .hybrid-cloud-brand--image {
	position: absolute;
	width: 100%;
	height: 400px;
	right: 0;
	background-image: url(404.png);
	background-size: 100% 100%
}
.hybrid-cloud .hybrid-cloud--header {
	margin-top: 0;
	margin-bottom: 90px
}
.hybrid-cloud-detail .hybrid-cloud--header {
	margin-bottom: 42px;
	font-size: 32px
}
.hybrid-cloud--header {
	text-align: center;
	color: #3a434c;
	font-size: 40px;
	padding-top: 80px;
	font-weight: 300
}
.hybrid-cloud-brand--header {
	margin: 0;
	font-size: 42px;
	line-height: 1;
	padding-bottom: 28px
}
.hybrid-cloud-feature {
	background-color: rgba(0,0,0,0)
}
.hybrid-cloud-feature .text-light {
	margin-top: 30px;
	text-align: justify
}
.hybrid-cloud-feature--content {
	padding: 2px 0 80px
}
.hybrid-cloud-feature--content li {
	padding: 0 20px;
	text-align: center;
	width: 254px;
	flex: 1 1
}
.hybrid-cloud-feature--content .icon-hybrid-cloud-feature-01 {
	width: 55px;
	height: 55px;
	background-image: url(404.png)
}
.hybrid-cloud-feature--content .icon-hybrid-cloud-feature-02 {
	width: 56px;
	height: 55px;
	background-image: url(404.png)
}
.hybrid-cloud-feature--content .icon-hybrid-cloud-feature-03 {
	width: 55px;
	height: 55px;
	background-image: url(404.png)
}
.hybrid-cloud-feature--content .icon {
	margin: 0 auto 48px
}
.hybrid-cloud-network {
	background: #fafafa;
	padding-bottom: 80px
}
.hybrid-cloud-network .hybrid-cloud--header {
	padding-bottom: 80px
}
.hybrid-cloud-network--content {
	padding-left: 0
}
.hybrid-cloud-network--content li {
	width: 346px;
	height: 274px;
	background: #fff;
	margin: 0 10px;
	position: relative
}
.hybrid-cloud-network--content .text-light {
	text-align: center;
	line-height: 1.5
}
.hybrid-cloud-network--content .text-primary {
	margin-top: 80px
}
.hybrid-cloud-network--content .icon-hybrid-cloud-network-01 {
	background-image: url(404.png);
	position: absolute;
	margin-left: 50%;
	-moz-transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	margin-top: -48px;
	width: 86px;
	height: 100px
}
.hybrid-cloud-network--content .icon-hybrid-cloud-network-02 {
	background-image: url(404.png);
	position: absolute;
	margin-left: 50%;
	-moz-transform: translate3d(-50%, 0, 0);
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	margin-top: -48px;
	width: 86px;
	height: 100px
}
.hybrid-cloud-solution {
	background: #fff
}
.hybrid-cloud-solution .margin-top-0 {
	margin-top: 0
}
.hybrid-cloud-solution .hybrid-cloud-solution--table {
	margin-top: 45px;
	margin-bottom: 80px
}
.image-hybrid-cloud-solution {
	background-image: url(404.png);
	width: 896px;
	height: 369px;
	margin: 45px auto
}
.hybrid-cloud-solution--table th {
	font-weight: 600;
	color: #687480;
	border-bottom: 1px solid #39ba79;
	text-align: justify;
	padding-bottom: 8px
}
.hybrid-cloud-solution--table td {
	font-size: 14px;
	color: #687480;
	vertical-align: top;
	height: 80px;
	padding-top: 8px;
	width: 200px;
	line-height: 1.5
}
.hybrid-cloud-solution--table td:first-child {
	font-weight: 600;
	color: #687480
}
.icon-qingcloud-partners {
	background-image: url(404.png);
	width: 360px;
	height: 147px;
	margin: 15px auto
}
.hybrid-cloud--header-title {
	margin: 35px auto;
	letter-spacing: 9px;
	font-size: 32px
}
.hybrid-cloud-partners {
	text-align: center;
	background-color: #fafafa;
	padding-bottom: 60px
}
.text-center {
	text-align: center
}
.icon-hybrid-cloud-partners01 {
	background-image: url(404.png)
}
.icon-hybrid-cloud-partners02 {
	background-image: url(404.png)
}
.icon-hybrid-cloud-partners03 {
	background-image: url(404.png)
}
.icon-hybrid-cloud-partners04 {
	background-image: url(404.png)
}
.icon-hybrid-cloud-partners05 {
	background-image: url(404.png)
}
.hybrid-cloud-partners--content {
	padding: 0
}
.hybrid-cloud-partners--content>li {
	margin: 0 10px;
	max-width: 48%
}
.hybrid-cloud-partners--content .icon {
	width: 68px;
	height: 68px
}
.hybrid-cloud-partners--content .hybrid-cloud--btn {
	width: 132px;
	height: 22px;
	line-height: 22px;
	margin-left: 2px;
	margin-top: 10px;
	background: #fff;
	background: #fff;
	color: #23b36b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #23b36b
}
.hybrid-cloud-partners--content .hybrid-cloud--btn:hover {
	background: #23b36b;
	color: #fff
}
.hybrid-cloud-partners--card {
	padding: 50px 0 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all;
	-moz-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.hybrid-cloud-partners--card:hover {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 1px 4px 24px rgba(105,116,128,.2);
	-moz-box-shadow: 1px 4px 24px rgba(105,116,128,.2);
	box-shadow: 1px 4px 24px rgba(105,116,128,.2)
}
.hybrid-cloud-partners--card .icon {
	margin: 0 40px
}
.text-highlight {
	font-weight: 600;
	color: #23b36b
}
.text-left {
	text-align: justify
}
.margin06 {
	margin: 6px
}
.hybrid-cloud-partners--name {
	font-size: 20px;
	text-align: center;
	color: #353645;
	margin-top: 26px
}
.hybrid-cloud-partners--instructions {
	color: #68747f;
	height: 72px;
	padding-left: 20px;
	width: 360px
}
.hybrid-cloud-partners--instructions li {
	list-style-type: disc;
	text-align: justify;
	flex: 1 1
}
.icon.icon-hybrid-cloud-phone {
	background-image: url(404.png);
	width: 32px;
	height: 32px;
	margin-left: 48px
}
.icon.icon-hybrid-cloud-email {
	background-image: url(404.png);
	width: 32px;
	height: 23px;
	margin-left: 48px
}
.hybrid-cloud-detail-head--image {
	margin-top: 120px
}
.hybrid-cloud-detail-head--image .imgae {
	width: 94px;
	height: 94px
}
.hybrid-cloud-text-title {
	margin-bottom: 10px
}
.hybrid-cloud-detail-head--container {
	margin-left: 38px
}
.hybrid-cloud-detail-head--container .color-active {
	font-size: 24px;
	color: #39ba79;
	font-weight: 300;
	margin-top: 0
}
.hybrid-cloud-text-title {
	font-size: 40px;
	color: #353645
}
.hybrid-cloud-detail--content {
	font-size: 14px;
	line-height: 2;
	text-align: justify;
	color: #687480
}
.hybrid-cloud-detail .viewport-inner {
	width: 712px
}
.hybrid-cloud-footer.viewport-inner {
	width: 1100px
}
.hybrid-cloud-detail-head.viewport-inner {
	width: 734px
}
.hybrid-cloud-detail p {
	margin-top: 0;
	margin-bottom: 0
}
.hybrid-cloud-detail .img {
	margin-top: 24px;
	width: 712px
}
.hybrid-cloud-detail-service {
	padding-bottom: 80px
}
.hybrid-cloud-detail-service strong {
	margin-top: 20px;
	display: inline-block
}
.hybrid-cloud-footer>ul {
	padding: 50px 0;
	margin: 0 auto
}
.hybrid-cloud-footer .icon {
	margin-right: 30px
}
.hybrid-cloud-footer .icon::after {
	content: ' ';
	display: block;
	width: 1px;
	height: 40px;
	background-color: #ccd3d9;
	position: absolute;
	margin-top: -4px;
	margin-left: 44px
}
.hybrid-cloud-footer .text-primary {
	font-size: 18px;
	line-height: 1.388888889;
	font-weight: 300;
	color: #3a434c;
	text-align: justify;
	margin: 0;
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 1.428571429;
	font-weight: 300;
	margin: 0
}
.hybrid-cloud-footer-container {
	background: #fcfcfc
}
.hybrid-cloud-feature .viewport-inner, .hybrid-cloud-solution .viewport-inner {
	width: 896px
}
.mysql-plus {
	font-size: 16px;
	font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	line-height: 16px;
	color: #3b3b3b;
	min-width: 100%
}
.mysql-plus * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased
}
.mysql-plus a {
	font-size: 16px;
	color: #57b382;
	cursor: pointer
}
.mysql-plus a:hover {
	color: #4ba575
}
.mysql-plus .highlight {
	color: #57b382;
	font-weight: 700
}
.mysql-plus .core-logo-1 {
	background-image: url(404.png)
}
.mysql-plus .core-logo-2 {
	background-image: url(404.png)
}
.mysql-plus .core-logo-3 {
	background-image: url(404.png)
}
.mysql-plus .core-logo-4 {
	background-image: url(404.png)
}
.mysql-plus .feature-icon-1 {
	background-image: url(404.png)
}
.mysql-plus .feature-icon-2 {
	background-image: url(404.png)
}
.mysql-plus .feature-icon-3 {
	background-image: url(404.png)
}
.mysql-plus .feature-icon-4 {
	background-image: url(404.png)
}
.mysql-plus .scene-icon-1 {
	background-image: url(404.png)
}
.mysql-plus .scene-icon-2 {
	background-image: url(404.png)
}
.mysql-plus .scene-icon-3 {
	background-image: url(404.png)
}
.mysql-plus h3 {
	font-size: 1em;
	line-height: 1.88;
	letter-spacing: -.2px
}
.mysql-plus p {
	line-height: 1.62;
	letter-spacing: -.2px
}
.mysql-plus .btn {
	font-size: 16px;
	display: inline-block;
	padding: 12px;
	text-align: center;
	vertical-align: middle;
	border: 0 none;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.mysql-plus .btn-primary {
	background-color: #57b382;
	color: #fff
}
.mysql-plus .btn-primary:hover {
	color: #fff;
	background-color: #4ba575
}
.mysql-plus [class*=" icon-"], .mysql-plus [class^=icon-] {
	font-size: 16px
}
.mysql-plus .table-container .table {
	width: 100%
}
.mysql-plus .table-container .table thead>tr>th {
	background-color: #d4d4d4
}
.mysql-plus .table-container .table tbody>tr>td, .mysql-plus .table-container .table thead>tr>th {
	font-size: 1em;
	letter-spacing: -.2px;
	padding: 9px 12.5px;
	border: 1px solid #939393
}
.mysql-plus .table-container .table thead>tr>th {
	line-height: 1.88;
	text-align: left;
	font-weight: 700
}
.mysql-plus .table-container .table tbody>tr>td {
	line-height: 1.62;
	text-align: center
}
.mysql-plus .table-container .table tbody>tr>td:first-child {
	font-weight: 700
}
.mysql-plus .header {
	background-color: #353644
}
.mysql-plus .logo {
	display: block;
	background-image: url(404.png);
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 50px;
	width: 170px
}
.mysql-plus .viewport-inner {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden
}
.mysql-plus .viewport-inner .title {
	margin: 0 0 72px;
	font-size: 22px;
	text-align: center;
	line-height: 1.36;
	font-weight: 700;
	letter-spacing: -.2px
}
.mysql-plus .mysql-plus-banner {
	position: relative;
	width: 100%;
	padding: 134px 0 0;
	background-color: #3f3d49;
	background-image: url(404.png);
	background-position: right calc(50% - 407px) bottom -50px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: center;
	min-height: 391px
}
.mysql-plus .mysql-plus-banner h1 {
	color: #fff;
	line-height: 1em;
	font-size: 43px;
	font-weight: 700;
	letter-spacing: -.4px;
	margin: 0
}
.mysql-plus .mysql-plus-banner blockquote {
	display: block;
	color: #fff;
	font-size: 24px;
	margin: 27px auto;
	letter-spacing: -.2px;
	line-height: 1.25em
}
.mysql-plus .page-tab {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 43px;
	width: 100%;
	bottom: 0;
	left: 0
}
.mysql-plus .page-tab li {
	margin: 0;
	display: inline-block;
	list-style-type: none
}
.mysql-plus .page-tab li a {
	display: inline-block;
	padding: 12.5px 15px 12.5px;
	width: auto;
	border: 1px solid #cfced7;
	border-left: none;
	color: #fff;
	text-align: center;
	font-weight: 700;
	background: 0 0
}
.mysql-plus .page-tab li a:hover {
	color: #57b382;
	background: #3a3b4b
}
.mysql-plus .page-tab li:first-child a {
	border-left: 1px solid #cfced7
}
.mysql-plus .page-tab li.selected a {
	background: #57b382;
	border: 1px solid #57b382;
	color: #fff
}
.mysql-plus .page-tab li.selected a:hover {
	color: #fff
}
.mysql-plus .intro {
	text-align: center;
	background-color: #eee;
	padding: 97px 0
}
.mysql-plus .intro p {
	line-height: 1.6em
}
.mysql-plus .intro p:nth-child(1) {
	margin-bottom: 60px
}
.mysql-plus .intro p:nth-child(2) {
	margin-bottom: 18px
}
.mysql-plus .core-value {
	padding: 6em 0
}
.mysql-plus .core-value .title {
	margin: 0
}
.mysql-plus .core-value .core-list {
	margin: 0;
	padding: 0
}
.mysql-plus .core-value .core-list li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 25%
}
.mysql-plus .core-value .core-list .customer-logo {
	display: block;
	width: 168.5px;
	height: 180px;
	margin: 73px auto 0 auto;
	line-height: 150px;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}
.mysql-plus .core-value .core-list .desc {
	text-align: center;
	line-height: 1.6;
	margin: 28px 0 0 0;
	padding: 0 30px
}
.mysql-plus .main-features {
	padding: 6em 0;
	background-color: #eee
}
.mysql-plus .main-features .title {
	margin: 0 0 50px
}
.mysql-plus .main-features .features .feature {
	display: inline-block;
	width: 50%;
	margin: 10px 0;
	vertical-align: middle
}
.mysql-plus .main-features .features .feature:after {
	content: '';
	display: block;
	clear: both
}
.mysql-plus .main-features .features .feature:nth-of-type(odd) {
	padding-right: 50px
}
.mysql-plus .main-features .features .feature:nth-of-type(even) {
	padding-left: 50px
}
.mysql-plus .main-features .features .feature .feature-icon {
	float: left;
	width: 90px;
	height: 90px;
	margin-top: 2em;
	background-repeat: no-repeat;
	background-position: center center
}
.mysql-plus .main-features .features .feature .feature-content {
	margin-left: 150px
}
.mysql-plus .scenes {
	padding: 6em 0
}
.mysql-plus .scenes .scene {
	margin: 68px 0;
	vertical-align: middle
}
.mysql-plus .scenes .scene:after {
	content: '';
	display: block;
	clear: both
}
.mysql-plus .scenes .scene .scene-icon {
	float: left;
	width: 123px;
	height: 123px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	background-repeat: no-repeat;
	background-position: center center
}
.mysql-plus .scenes .scene .scene-content {
	margin-left: 200px
}
.mysql-plus .specs {
	padding: 6em 0;
	background-color: #eee
}
.mysql-plus .specs .table thead>tr>th:nth-child(1) {
	width: 126px
}
.mysql-plus .specs .table thead>tr>th:nth-child(4) {
	width: 170px
}
.mysql-plus .specs .table thead>tr>th:nth-child(5) {
	width: 118px
}
.mysql-plus .specs .table thead>tr>th:nth-child(7) {
	width: 157px
}
.mysql-plus .prefers {
	padding: 6em 0
}
.mysql-plus .prefers .table thead>tr>th {
	text-align: left;
	padding: 18px 60px
}
.mysql-plus .prefers .table thead>tr>th:nth-child(1) {
	width: 352px
}
.mysql-plus .prefers .table thead>tr>th:nth-child(2) {
	width: 250px
}
.mysql-plus .prefers .table tbody>tr>td {
	text-align: left;
	padding: 27px 60px
}
.mysql-plus .prefers .hint {
	text-align: right;
	font-size: 12px;
	line-height: 2.5;
	letter-spacing: -.1px
}
.mysql-plus .prefers .tryit {
	margin-top: 53px;
	text-align: center
}
.mysql-plus .docs {
	padding: 98px 0;
	background-color: #eee
}
.mysql-plus .docs .console-qingstor-link {
	text-align: center
}
.mysql-plus .docs .console-qingstor-link a {
	margin: 10px 28px
}
.viewport-inner {
	width: 1100px;
	margin: 0 auto
}
.viewport-inner.header-container {
	width: 1200px
}
.page-inner {
	width: 1100px;
	padding: 50px 0;
	margin: 0 auto
}
.page {
	min-height: 500px
}
.topbar {
	background: #eee;
	line-height: 32px;
	height: 32px;
	font-size: 12px;
	font-style: italic
}
#header {
	height: 70px
}
#header .viewport-wrapper {
	background: #353644;
	height: 70px
}
.header-logo {
	text-indent: -9999px;
	background-image: url(404.png);
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
	height: 70px;
	width: 170px;
	float: left
}
.header-entry-link a:first-child {
	margin-right: 15px
}
.enterprise-entry, .header-entry {
	padding-top: 24px;
	padding-bottom: 27px;
	color: #57b382;
	width: 70px;
	float: right;
	text-align: center;
	font-weight: 700;
	font-size: 16px
}
.header-nav {
	margin: 0;
	padding: 0;
	float: right
}
.header-nav .nav-item {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	border-top: 3px solid transparent
}
.header-nav .nav-item a {
	display: block;
	color: #fff;
	padding: 24px 10px 27px 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	cursor: pointer;
	outline: 0
}
.header-nav .nav-item:hover {
	color: #57b382
}
.header-nav .nav-item:hover .items {
	display: block
}
.header-nav .nav-item.selected {
	border-top: 3px solid #57b382
}
.header-nav .items {
	display: none;
	position: absolute;
	left: -52px;
	top: 67px;
	background: #57b382;
	padding: 0;
	margin: 0;
	width: 150px;
	z-index: 101
}
.header-nav .items::before {
	content: '';
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #57b382 transparent;
	position: absolute;
	left: 69px;
	top: -12px
}
.header-nav .items li {
	list-style-type: none;
	padding: 0;
	margin: 0
}
.header-nav .items li a {
	color: #fff;
	display: block;
	padding: 4px 19px;
	text-align: left;
	line-height: 32px;
	font-size: 14px
}
.header-nav .items li a:hover {
	background: #4ba575
}
.nav-item.customers .items, .nav-item.solution .items {
	left: -38px
}
.header-account {
	float: right;
	padding: 19px 10px
}
.header-account .btn-signin {
	padding: 5px 20px;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
	margin-right: 10px
}
.header-account .btn-signup {
	padding: 6px 21px;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle
}
.header-account .gravatar {
	display: block;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}
.header-account .user-links {
	position: relative
}
.header-account .user-links ul {
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 51px;
	left: -59px;
	width: 150px;
	z-index: 101
}
.header-account .user-links ul::before {
	content: '';
	border-width: 6px;
	border-color: transparent transparent #57b382 transparent;
	border-style: solid;
	position: absolute;
	left: 69px;
	top: -12px
}
.header-account .user-links ul li {
	list-style-type: none
}
.header-account .user-links ul li a {
	display: block;
	background: #57b382;
	color: #fff;
	padding: 4px 20px;
	text-align: left;
	line-height: 32px
}
.header-account .user-links ul li a:hover {
	background: #4ba575
}
.header-account:hover .user-links ul {
	display: block
}
.header-lang {
	float: right;
	position: relative
}
.header-lang .cur-lang {
	display: block;
	color: #fff;
	padding: 27px 20px 27px 20px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	cursor: pointer;
	outline: 0;
	font-size: 10px
}
.header-lang:hover {
	color: #57b382
}
.header-lang:hover .items {
	display: block
}
.header-lang.selected {
	border-top: 3px solid #57b382
}
.header-lang .items {
	display: none;
	position: absolute;
	left: -26px;
	top: 67px;
	background: #57b382;
	padding: 0;
	margin: 0;
	width: 150px;
	z-index: 101
}
.header-lang .items::before {
	content: '';
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #57b382 transparent;
	position: absolute;
	left: 69px;
	top: -12px
}
.header-lang .items li {
	list-style-type: none;
	padding: 0;
	margin: 0
}
.header-lang .items li a {
	color: #fff;
	display: block;
	padding: 4px 20px;
	text-align: left;
	line-height: 32px;
	font-size: 14px
}
.header-lang .items li a:hover {
	background: #4ba575
}
.footer-logo {
	display: block;
	background-image: url(404.png);
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px;
	height: 90px;
	width: 140px
}
.footer-navs {
	background: #3e3d49;
	padding: 80px 0
}
.footer-navs .footer-nav {
	margin: 0;
	padding: 0
}
.footer-navs .grid_3 {
	width: 16%;
	margin: 0
}
.footer-navs p {
	color: rgba(255,255,255,.6);
	font-size: 12px;
	text-align: center
}
.footer-navs p a {
	color: rgba(255,255,255,.6)
}
.footer-navs p a:hover {
	color: #fff
}
.footer-navs li {
	list-style-type: none
}
.footer-navs h4 {
	line-height: 20px
}
.footer-navs h4 a {
	color: #fff
}
.footer-navs h4 span {
	font-size: 12px;
	font-weight: 400;
	text-transform: capitalize;
	color: #eee;
	display: block
}
.footer-navs .items {
	padding: 0;
	margin-bottom: 20px;
	line-height: 1.6em
}
.footer-navs .items a {
	color: rgba(255,255,255,.6)
}
.footer-navs .items a:hover {
	color: #fff
}
.footer-signup {
	background: #353644;
	color: #fff
}
.footer-signup .viewport-inner {
	overflow: hidden;
	padding: 40px 0
}
.footer-signup p {
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	float: left
}
.footer-signup .btn {
	float: right;
	margin-right: 0
}
.footer-lang span {
	color: #fff
}
.footer-onlineservice {
	position: fixed;
	bottom: 20px;
	right: 120px;
	width: 146px;
	height: 44px;
	line-height: 44px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 5px 0 20px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 5px 0 20px 5px rgba(0,0,0,.1);
	box-shadow: 5px 0 20px 5px rgba(0,0,0,.1);
	text-align: center;
	background: #fff;
	font-size: 16px
}
.footer-onlineservice .qimo-btn {
	color: #3d464c;
	font-family: PingFangSC-Medium, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	cursor: pointer
}
.footer-onlineservice .qimo-btn::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	-webkit-margin-after: 3px;
	vertical-align: text-bottom;
	background-image: url(404.png);
	background-size: 16px 16px
}
section.intro {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	text-align: center;
	min-height: 270px;
	background-color: #3e3d49;
	padding: 120px 0 0 0;
	position: relative
}
section.intro ul {
	margin: 0;
	padding: 0
}
section.intro li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden
}
section.intro .list-disc li {
	list-style-type: disc;
	overflow: inherit
}
section.intro .datetime {
	font-size: 14px;
	color: #fff;
	margin-top: 30px
}
section.intro blockquote, section.intro h1 {
	color: #fff;
	font-size: 22.400000000000002px
}
section.intro h1 {
	color: #fff;
	line-height: 1.2em;
	font-size: 42px;
	margin: 10px 0
}
section.intro h1 em {
	font-size: 42px;
	font-style: normal;
	line-height: 1em
}
section.intro blockquote {
	margin: 20px auto;
	display: block;
	line-height: 1.6em
}
section.intro .btn-primary {
	margin: 0 15px 0 0
}
section.intro .btn-outline {
	padding: 19px 30px
}
section.intro .timeline-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1540px;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0
}
section.intro.home {
	padding: 0;
	min-height: 653px
}
section.intro.home .viewport-inner {
	margin: 0 auto
}
section.intro.home h1 {
	font-size: 50.4px
}
section.intro.home h1.tl-appcenter {
	background-image: url(404.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 47% center;
	height: 120px;
	width: 100%;
	margin-top: 90px
}
section.intro.home h1.tl-appcenter a {
	display: block;
	width: 100%;
	height: 120px
}
section.intro.home a {
	outline: 0 none
}
section.intro.home h1.tl-qcuc2015 a {
	display: block;
	margin: -90px 0;
	height: 300px
}
section.intro.home h1.tl-channel {
	background-image: url(404.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 287px center;
	height: 120px;
	width: 100%;
	margin-top: 20px
}
section.intro.home h1.tl-2016 {
	background-image: url(404.png);
	background-size: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	height: 400px;
	width: 100%;
	cursor: pointer
}
section.intro.home h1.tl-2016 a {
	display: block;
	height: 400px
}
section.intro.home h1.tl-workshop07 {
	background-image: url(404.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	height: 200px;
	width: 100%
}
section.intro .btn-download-ios {
	line-height: 24px;
	vertical-align: middle
}
section.intro .btn-download-ios .icon-ios {
	background-image: url(404.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	display: inline-block
}
section.intro.preview-subusers {
	background-image: url(404.png);
	background-size: 1540px;
	background-position: center top
}
section.intro.preview-gd1 {
	background-image: url(404.png)
}
section.intro.preview-pek2 {
	background-image: url(404.png);
	background-size: 1060px
}
section.intro.sales {
	background-image: url(404.png);
	background-position: center 40%;
	background-color: #1a191e
}
section.intro.preview-alarm {
	background-image: url(404.png);
	background-size: 1360px
}
section.intro.preview-rdb {
	background-image: none
}
section.intro.preview-mongo {
	background-image: none
}
section.intro.preview-cache {
	background-image: none
}
section.intro.vi {
	background-image: url(404.png);
	background-size: 1540px
}
section.intro.solution {
	background-image: url(404.png)
}
section.intro.products {
	background-image: url(404.png)
}
section.intro.customers {
	background-image: url(404.png);
	background-position: center 21%
}
section.intro.pricing {
	background-image: url(404.png);
	background-position: center 40%
}
section.intro.about {
	background-image: url(404.png)
}
section.intro.preview-autoscaling {
	background-image: url(404.png);
	background-position: 0 80%
}
.layout-center blockquote {
	margin: 20px auto;
	display: block;
	width: 80%
}
.sales blockquote {
	margin: 20px auto;
	width: 80%
}
.sales em {
	color: #57b382;
	font-size: 21px;
	font-weight: 700;
	font-style: normal;
	padding-left: 10px
}
.sales .table.promotion {
	width: 80%;
	margin-bottom: 27px
}
.sales .table.promotion th {
	background: #57b382;
	color: #fff
}
.sales .table.promotion td {
	background: #fff;
	font-weight: 700;
	border-bottom: 1px solid #f8f8f8
}
.sales .table.promotion tr:hover td {
	background: #eef7f3
}
.invoice-help {
	color: #999;
	font-style: italic
}
.rdb blockquote {
	margin: 20px auto;
	width: 80%
}
.home-feature .viewport-inner {
	padding: 150px 0;
	position: relative;
	height: 330px
}
.home-feature:nth-child(even) {
	background: #f7f7f7
}
.home-feature:nth-child(even) .feature-content {
	width: 45%;
	float: right
}
.home-feature:nth-child(odd) {
	background: #fff
}
.home-feature:nth-child(odd) .feature-content {
	width: 45%
}
.home-feature h2 {
	font-size: 28px
}
.home-feature p {
	line-height: 1.6em;
	font-size: 16px;
	margin: 30px 0 20px 0
}
.home-feature .feature-graph {
	width: 690px;
	height: 500px;
	position: absolute
}
.home-feature .feature-graph.fast {
	background-image: url(404.png);
	
	background-position: right bottom;
	background-size: 600px;
	background-repeat: no-repeat;
	right: -90px;
	bottom: 0
}
.home-feature .feature-graph.vpc {
	background-image: url(404.png);
	
	background-position: left top;
	background-size: 630px;
	background-repeat: no-repeat;
	left: -90px;
	bottom: 0
}
.home-feature .feature-graph.safe {
	background-image: url(404.png);
	
	background-position: center 110%;
	background-repeat: no-repeat;
	background-size: 490px;
	right: -90px;
	top: 50px
}
.home-feature .feature-graph.io {
	background-image: url(404.png);
	
	background-position: left top;
	background-repeat: no-repeat;
	width: 420px
}
.home-feature .feature-graph.billing {
	background-image: url(404.png);
	
	background-position: 91% center;
	background-size: 590px;
	background-repeat: no-repeat;
	right: -90px;
	top: 50px
}
.home-feature .logo {
	display: inline-block;
	margin: 0 0 0 10px;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: #fff;
	border: 2px solid #d6d6d6;
	vertical-align: middle;
	background-size: 80%
}
.home-feature .logo-91 {
	background-image: url(404.png)
}
.home-feature .logo-xixun {
	background-image: url(404.png)
}
.home-feature .logo-togic {
	background-image: url(404.png)
}
.home-feature .logo-bingdian {
	background-image: url(404.png)
}
.home-feature .logo-fotoplace {
	background-image: url(404.png);
	background-size: cover
}
.home-feature blockquote {
	margin: 40px 0 20px 0;
	padding: 0;
	clear: both
}
.home-feature blockquote cite, .home-feature blockquote p {
	padding: 5px 0;
	line-height: 1.6em;
	font-style: italic;
	font-size: 12px;
	color: #999;
	margin: 0
}
.home-feature blockquote p {
	color: #555;
	background-image: url(404.png);
	background-position: left top;
	background-size: 24px;
	background-repeat: no-repeat;
	padding: 10px 0 0 30px
}
.home-feature blockquote cite {
	float: right;
	vertical-align: middle
}
.home-numbers {
	background: #eee;
	padding: 120px 0;
	text-align: center;
	color: #fff;
	overflow: hidden
}
.home-numbers ul {
	margin: 0;
	padding: 0
}
.home-numbers li {
	padding: 30px 0;
	width: 200px;
	margin: 0 10px;
	float: left;
	list-style-type: none;
	background: #4fae7b;
	height: 140px;
	position: relative;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px
}
.home-numbers .number {
	color: #fff;
	font-size: 50.4px;
	line-height: 140px;
	font-weight: 700;
	vertical-align: middle;
	font-family: Arial
}
.home-numbers .unit {
	font-size: 14px;
	font-weight: 400
}
.home-numbers .info {
	z-index: 2;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #353644;
	color: #fff;
	line-height: 36px;
	height: 71px;
	vertical-align: middle;
	width: 100%;
	font-weight: 700;
	padding: 65px 0;
	font-size: 22px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden
}
.home-numbers .info b {
	display: block;
	font-size: 36.4px
}
.home-numbers li:hover .number {
	-webkit-filter: blur(2px)
}
.home-numbers li:hover .info {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: .9
}
.home-console {
	background: #fff;
	overflow: hidden
}
.notes {
	padding: 150px 0 0 0
}
.notes h2 {
	font-size: 33.6px
}
.notes p {
	font-size: 20px;
	line-height: 1.6em
}
.notes ul {
	margin: 20px 0 10px 0;
	padding: 0;
	font-size: 16px;
	list-style-position: inside;
	line-height: 1.6em
}
.console-screenshot {
	background-image: url(404.png);
	
	background-repeat: no-repeat;
	background-size: 100%;
	height: 600px;
	width: 589px
}
.page-title {
	background: #3b3b3b;
	color: #fff;
	overflow: hidden
}
.page-title .viewport-inner {
	padding-top: 30px
}
.page-title h1 {
	margin: 0;
	line-height: 1.3em
}
.page-title .lead {
	font-size: 18px;
	margin: 5px 0 30px 0
}
.page-tab {
    
	margin:0 auto;
	padding: 0;
	height: 43px;
	width: 540px;
	bottom: 0;
	left: 0
}
.page-tab li {
	margin: 0;
	display: inline-block;
	list-style-type: none;
	margin: 0 1px
}
.page-tab li a {
	display: block;
	padding: 15px 15px 10px 15px;
	width: auto;
	border: 1px solid #686a86;
	color: #fff;
	text-align: center;
	font-weight: 700;
	background: #3e3d49
}
.page-tab li a:hover {
	color: #57b382;
	background: #3a3b4b
}
.page-tab li.selected a {
	background: #57b382;
	border-color: #57b382;
	color: #fff
}
.page-tab li.selected a:hover {
	color: #fff
}
.customers .page-tab li a {
	display: inline-block;
	width: auto
}
.products .page-tab li a {
	width: auto;
	min-width: 60px;
	padding: 15px 20px 10px 20px
}
.products .page-tab li.status {
	display: none
}
.products-features .product-item {
	padding: 50px 0 0 0
}
.products-features .product-item:last-child {
	padding-bottom: 50px
}
.products-features .product-item.overview {
	padding: 80px 0 30px 0;
	text-align: center
}
.product-item {
	overflow: hidden;
	padding-bottom: 50px
}
.product-item .desc {
	line-height: 1.6em;
	font-size: 16px;
	margin: 10px 0 20px 0
}
.product-item .product-title {
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	position: relative;
	height: 51px;
	padding: 10px 0
}
.product-item .lead {
	font-size: 18px;
	margin: 10px 0;
	line-height: 1.6em
}
.product-item .lead a {
	font-weight: 700
}
.product-item h2 {
	float: left
}
.product-item .related-links {
	float: right;
	color: #eee
}
.product-item .related-links .btn-link {
	margin: 18px 0 0 10px
}
.product-item .related-links .btn-link:hover {
	background: 0 0;
	color: #429368
}
.product-item .console-screenshots {
	min-height: 400px
}
.product-item .product-screenshot {
	background-size: 100%;
	width: 500px;
	height: 310px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0
}

.overview {
	padding: 80px 0;
	text-align: center
}
.overview h2 {
	float: none
}
.overview .desc {
	width: 80%;
	margin: 0 auto
}
.overview::after {
	content: ''
}
.console-screenshots, .product-feature, .product-screenshot {
	background: #fff;
	margin-top: 50px;
	margin-bottom: 50px
}
.console-screenshots .features, .product-feature .features, .product-screenshot .features {
	padding: 120px 0;
	text-align: center
}
.console-screenshots h3, .product-feature h3, .product-screenshot h3 {
	color: #3b3b3b
}
.console-screenshots p, .product-feature p, .product-screenshot p {
	color: #555;
	width: 80%;
	margin: 0 auto;
	line-height: 1.6em
}
.console-screenshots .product-icon, .product-feature .product-icon, .product-screenshot .product-icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	width: 200px;
	margin: 0 auto 30px auto
}

.pricing-resources {
	position: relative
}
.pricing-resources .price-number {
	font-size: 28px;
	margin: 0 4px 0 8px
}
.pricing-resources .none {
	margin: 0
}
.pricing-summary {
	width: 100%;
	position: absolute
}
.pricing-summary .grid_8 {
	float: right
}
.pricing-summary .locales-wrapper {
	margin-top: 30px
}
.pricing-summary .summary-wrapper {
	background: #f7f7f7;
	padding: 10px 20px;
	color: #3b3b3b
}
.pricing-summary h2 {
	text-align: center;
	margin: 0
}
.pricing-summary .resources .table-wrapper {
	overflow: auto
}
.pricing-summary .resources .table-wrapper table td {
	padding: 5px 0;
	height: 32px
}
.pricing-summary .resources .table-wrapper table td input.res_count {
	width: 16px;
	height: 20px;
	padding: 0 3px;
	text-align: center;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	float: left;
	border: 0 none
}
.pricing-summary .resources .table-wrapper table tr>td {
	text-align: right
}
.pricing-summary .resources .table-wrapper table tr :first-child {
	text-align: left
}
.pricing-summary .resources .table-wrapper .res_type {
	width: 122px
}
.pricing-summary .resources .table-wrapper .res_type a {
	color: #3b3b3b
}
.pricing-summary .resources .table-wrapper .res_type .detail {
	margin: 0;
	font-size: 12px;
	color: #999
}
.pricing-summary .resources .table-wrapper .res_type .detail :content {
-webkit-transform:scale(.75)
}
.pricing-summary .resources .table-wrapper .res_count {
	width: 60px
}
.pricing-summary .resources .table-wrapper .res_count .minus, .pricing-summary .resources .table-wrapper .res_count .plus {
	color: #555;
	width: 16px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	padding: 0;
	cursor: pointer;
	float: left;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
	border: 0 none;
	background: #e2e2e2
}
.pricing-summary .resources .table-wrapper .res_count .plus {
	border-left: 0;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}
.pricing-summary .resources .table-wrapper .res_count .minus {
	border-right: 0;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}
.pricing-summary .resources .table-wrapper .res_count .icon-close {
	vertical-align: baseline
}
.pricing-summary .resources .table-wrapper .res_count .minus:disabled, .pricing-summary .resources .table-wrapper .res_count .plus:disabled {
	background: #e7e7e7;
	color: #999;
	cursor: default
}
.pricing-summary .resources .table-wrapper .res_count .minus:enabled:hover, .pricing-summary .resources .table-wrapper .res_count .plus:enabled:hover {
	color: #fff;
	background: #57b382
}
.pricing-summary .resources .table-wrapper .res_count .minus i, .pricing-summary .resources .table-wrapper .res_count .plus i {
	vertical-align: baseline
}
.pricing-summary .resources .table-wrapper .number {
	margin-right: 5px
}
.pricing-summary .total {
	margin-top: 0;
	padding: 20px 0 0 0;
	text-align: right;
	border-top: 1px solid #eee
}
.pricing-summary .total .number {
	font-size: 28px;
	color: #468847;
	padding: 0 6px
}
.pricing-summary .total .notice {
	color: #999;
	margin: 15px 0 0;
	line-height: 1.6em;
	text-align: left;
	font-size: 12px
}
.pricing-item {
	overflow: hidden;
	padding: 50px 0
}
.pricing-item:nth-child(odd) {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}
.pricing-cache .viewport-inner, .pricing-cdn .viewport-inner, .pricing-eip .viewport-inner, .pricing-elasticsearch .viewport-inner, .pricing-hadoop .viewport-inner, .pricing-hbase .viewport-inner, .pricing-image .viewport-inner, .pricing-instance .viewport-inner, .pricing-loadbalancer .viewport-inner, .pricing-mongo .viewport-inner, .pricing-qingstor .viewport-inner, .pricing-queue .viewport-inner, .pricing-rdb .viewport-inner, .pricing-router .viewport-inner, .pricing-s2server .viewport-inner, .pricing-snapshot .viewport-inner, .pricing-spark .viewport-inner, .pricing-storm .viewport-inner, .pricing-vnas .viewport-inner, .pricing-volume .viewport-inner, .pricing-waf .viewport-inner, .pricing-zookeeper .viewport-inner {
	overflow: hidden
}
.pricing-cache h2, .pricing-cdn h2, .pricing-eip h2, .pricing-elasticsearch h2, .pricing-hadoop h2, .pricing-hbase h2, .pricing-image h2, .pricing-instance h2, .pricing-loadbalancer h2, .pricing-mongo h2, .pricing-qingstor h2, .pricing-queue h2, .pricing-rdb h2, .pricing-router h2, .pricing-s2server h2, .pricing-snapshot h2, .pricing-spark h2, .pricing-storm h2, .pricing-vnas h2, .pricing-volume h2, .pricing-waf h2, .pricing-zookeeper h2 {
	font-size: 24px;
	line-height: 2em;
	float: left
}
.pricing-cache p, .pricing-cdn p, .pricing-eip p, .pricing-elasticsearch p, .pricing-hadoop p, .pricing-hbase p, .pricing-image p, .pricing-instance p, .pricing-loadbalancer p, .pricing-mongo p, .pricing-qingstor p, .pricing-queue p, .pricing-rdb p, .pricing-router p, .pricing-s2server p, .pricing-snapshot p, .pricing-spark p, .pricing-storm p, .pricing-vnas p, .pricing-volume p, .pricing-waf p, .pricing-zookeeper p {
	color: #999;
	line-height: 1.6em;
	clear: both
}
.pricing-cache .desc, .pricing-cache .panel, .pricing-cdn .desc, .pricing-cdn .panel, .pricing-eip .desc, .pricing-eip .panel, .pricing-elasticsearch .desc, .pricing-elasticsearch .panel, .pricing-hadoop .desc, .pricing-hadoop .panel, .pricing-hbase .desc, .pricing-hbase .panel, .pricing-image .desc, .pricing-image .panel, .pricing-instance .desc, .pricing-instance .panel, .pricing-loadbalancer .desc, .pricing-loadbalancer .panel, .pricing-mongo .desc, .pricing-mongo .panel, .pricing-qingstor .desc, .pricing-qingstor .panel, .pricing-queue .desc, .pricing-queue .panel, .pricing-rdb .desc, .pricing-rdb .panel, .pricing-router .desc, .pricing-router .panel, .pricing-s2server .desc, .pricing-s2server .panel, .pricing-snapshot .desc, .pricing-snapshot .panel, .pricing-spark .desc, .pricing-spark .panel, .pricing-storm .desc, .pricing-storm .panel, .pricing-vnas .desc, .pricing-vnas .panel, .pricing-volume .desc, .pricing-volume .panel, .pricing-waf .desc, .pricing-waf .panel, .pricing-zookeeper .desc, .pricing-zookeeper .panel {
	position: relative
}
.pricing-cache .price, .pricing-cdn .price, .pricing-eip .price, .pricing-elasticsearch .price, .pricing-hadoop .price, .pricing-hbase .price, .pricing-image .price, .pricing-instance .price, .pricing-loadbalancer .price, .pricing-mongo .price, .pricing-qingstor .price, .pricing-queue .price, .pricing-rdb .price, .pricing-router .price, .pricing-s2server .price, .pricing-snapshot .price, .pricing-spark .price, .pricing-storm .price, .pricing-vnas .price, .pricing-volume .price, .pricing-waf .price, .pricing-zookeeper .price {
	line-height: 2em;
	float: right;
	margin-top: 12px
}
.pricing-cache .price-unit, .pricing-cdn .price-unit, .pricing-eip .price-unit, .pricing-elasticsearch .price-unit, .pricing-hadoop .price-unit, .pricing-hbase .price-unit, .pricing-image .price-unit, .pricing-instance .price-unit, .pricing-loadbalancer .price-unit, .pricing-mongo .price-unit, .pricing-qingstor .price-unit, .pricing-queue .price-unit, .pricing-rdb .price-unit, .pricing-router .price-unit, .pricing-s2server .price-unit, .pricing-snapshot .price-unit, .pricing-spark .price-unit, .pricing-storm .price-unit, .pricing-vnas .price-unit, .pricing-volume .price-unit, .pricing-waf .price-unit, .pricing-zookeeper .price-unit {
	float: right;
	font-size: 24px;
	padding-top: 20px;
	padding-right: 5px
}
.pricing-cache .price-unit span, .pricing-cdn .price-unit span, .pricing-eip .price-unit span, .pricing-elasticsearch .price-unit span, .pricing-hadoop .price-unit span, .pricing-hbase .price-unit span, .pricing-image .price-unit span, .pricing-instance .price-unit span, .pricing-loadbalancer .price-unit span, .pricing-mongo .price-unit span, .pricing-qingstor .price-unit span, .pricing-queue .price-unit span, .pricing-rdb .price-unit span, .pricing-router .price-unit span, .pricing-s2server .price-unit span, .pricing-snapshot .price-unit span, .pricing-spark .price-unit span, .pricing-storm .price-unit span, .pricing-vnas .price-unit span, .pricing-volume .price-unit span, .pricing-waf .price-unit span, .pricing-zookeeper .price-unit span {
	font-size: 14px
}
.pricing-instance .cpu-memory, .pricing-instance .images {
	width: 100%;
	width: 100%
}
.pricing-cache .panel-inner, .pricing-eip .panel-inner, .pricing-elasticsearch .panel-inner, .pricing-hadoop .panel-inner, .pricing-hbase .panel-inner, .pricing-mongo .panel-inner, .pricing-queue .panel-inner, .pricing-rdb .panel-inner, .pricing-spark .panel-inner, .pricing-storm .panel-inner, .pricing-volume .panel-inner {
	padding: 40px 0 10px;
	margin: 0 0 0 80px
}
.pricing-cache .panel-inner .mini, .pricing-eip .panel-inner .mini, .pricing-elasticsearch .panel-inner .mini, .pricing-hadoop .panel-inner .mini, .pricing-hbase .panel-inner .mini, .pricing-mongo .panel-inner .mini, .pricing-queue .panel-inner .mini, .pricing-rdb .panel-inner .mini, .pricing-spark .panel-inner .mini, .pricing-storm .panel-inner .mini, .pricing-volume .panel-inner .mini {
	width: 40px
}
.pricing-cache .panel-inner .preview, .pricing-eip .panel-inner .preview, .pricing-elasticsearch .panel-inner .preview, .pricing-hadoop .panel-inner .preview, .pricing-hbase .panel-inner .preview, .pricing-mongo .panel-inner .preview, .pricing-queue .panel-inner .preview, .pricing-rdb .panel-inner .preview, .pricing-spark .panel-inner .preview, .pricing-storm .panel-inner .preview, .pricing-volume .panel-inner .preview {
	margin-left: 10px
}
.pricing-cache .panel-inner .help, .pricing-eip .panel-inner .help, .pricing-elasticsearch .panel-inner .help, .pricing-hadoop .panel-inner .help, .pricing-hbase .panel-inner .help, .pricing-mongo .panel-inner .help, .pricing-queue .panel-inner .help, .pricing-rdb .panel-inner .help, .pricing-spark .panel-inner .help, .pricing-storm .panel-inner .help, .pricing-volume .panel-inner .help {
	color: #999;
	font-style: italic
}
.pricing-cache .panel-inner .help.inline, .pricing-eip .panel-inner .help.inline, .pricing-elasticsearch .panel-inner .help.inline, .pricing-hadoop .panel-inner .help.inline, .pricing-hbase .panel-inner .help.inline, .pricing-mongo .panel-inner .help.inline, .pricing-queue .panel-inner .help.inline, .pricing-rdb .panel-inner .help.inline, .pricing-spark .panel-inner .help.inline, .pricing-storm .panel-inner .help.inline, .pricing-volume .panel-inner .help.inline {
	display: inline-block;
	line-height: 35px;
	vertical-align: middle;
	padding: 0 10px
}
.pricing-cache .panel-inner .help.range, .pricing-eip .panel-inner .help.range, .pricing-elasticsearch .panel-inner .help.range, .pricing-hadoop .panel-inner .help.range, .pricing-hbase .panel-inner .help.range, .pricing-mongo .panel-inner .help.range, .pricing-queue .panel-inner .help.range, .pricing-rdb .panel-inner .help.range, .pricing-spark .panel-inner .help.range, .pricing-storm .panel-inner .help.range, .pricing-volume .panel-inner .help.range {
	display: block;
	padding: 10px 0;
	width: 410px;
	text-align: center
}
.cache-item, .class-item, .cpu-item, .gpu-item, .image-item, .instance-mode-item, .instance-mode-select, .lb-item, .memory-item, .mode-item, .mongo-item, .rdb-item, .rdb-mode-item, .rdb-mode-select, .spark-item, .storm-item, .type-item, .volume-item {
	list-style-type: none
}
.cache-item a, .class-item a, .cpu-item a, .gpu-item a, .image-item a, .instance-mode-item a, .instance-mode-select a, .lb-item a, .memory-item a, .mode-item a, .mongo-item a, .rdb-item a, .rdb-mode-item a, .rdb-mode-select a, .spark-item a, .storm-item a, .type-item a, .volume-item a {
	display: block;
	padding: 10px;
	background: #fff;
	margin: 2px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #326e4e;
	background-color: #e6f4ec
}
.cache-item a:hover, .class-item a:hover, .cpu-item a:hover, .gpu-item a:hover, .image-item a:hover, .instance-mode-item a:hover, .instance-mode-select a:hover, .lb-item a:hover, .memory-item a:hover, .mode-item a:hover, .mongo-item a:hover, .rdb-item a:hover, .rdb-mode-item a:hover, .rdb-mode-select a:hover, .spark-item a:hover, .storm-item a:hover, .type-item a:hover, .volume-item a:hover {
	background-color: #d5ece0
}
.cache-item.selected a, .class-item.selected a, .cpu-item.selected a, .gpu-item.selected a, .image-item.selected a, .instance-mode-item.selected a, .instance-mode-select.selected a, .lb-item.selected a, .memory-item.selected a, .mode-item.selected a, .mongo-item.selected a, .rdb-item.selected a, .rdb-mode-item.selected a, .rdb-mode-select.selected a, .spark-item.selected a, .storm-item.selected a, .type-item.selected a, .volume-item.selected a {
	background-color: #57b382;
	border-color: #4fae7b;
	color: #fff
}
li.item {
	list-style-type: none;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	padding: 15px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	color: #326e4e;
	font-size: 16px;
	background-color: #e6f4ec
}
li.item:first-child {
	margin-left: 0
}
li.item:hover {
	background-color: #d5ece0
}
li.item.selected {
	background-color: #57b382;
	border-color: #4fae7b;
	color: #fff
}
.pricing-cdn .hidden, .pricing-qingstor .hidden {
	display: none
}
.pricing-cdn .caret-up, .pricing-qingstor .caret-up {
	position: absolute;
	top: -10px;
	left: 45px
}
.pricing-cdn .caret-up .caret-up-bottom, .pricing-qingstor .caret-up .caret-up-bottom {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ebeef0
}
.pricing-cdn .caret-up .caret-up-top, .pricing-qingstor .caret-up .caret-up-top {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #fff
}
.pricing-cdn .table, .pricing-qingstor .table {
	margin-top: 10px;
	margin-bottom: 10px
}
.pricing-cdn .table td, .pricing-cdn .table th, .pricing-qingstor .table td, .pricing-qingstor .table th {
	width: 300px
}
.pricing-cdn .cal-wrapper, .pricing-qingstor .cal-wrapper {
	position: relative;
	border: 1px solid #ebeef0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
	margin-top: 15px
}
.pricing-cdn .cal-wrapper.close, .pricing-qingstor .cal-wrapper.close {
	display: none
}
.pricing-cdn .list-wrapper, .pricing-qingstor .list-wrapper {
	padding-bottom: 25px
}
.pricing-cdn .list-wrapper input, .pricing-qingstor .list-wrapper input {
	padding: 7px
}
.pricing-cdn .cal-btn, .pricing-qingstor .cal-btn {
	cursor: pointer
}
.pricing-cdn .cal-btn::before, .pricing-qingstor .cal-btn::before {
	padding-right: 5px
}
.pricing-cdn .cal-list-wrapper, .pricing-qingstor .cal-list-wrapper {
	overflow: hidden
}
.pricing-cdn .cal-list-wrapper ul, .pricing-qingstor .cal-list-wrapper ul {
	float: left
}
.pricing-cdn .cal-list-wrapper ul .item, .pricing-qingstor .cal-list-wrapper ul .item {
	padding: 10px 10px;
	font-size: 12px
}
.pricing-cdn .cal-list-wrapper .price, .pricing-qingstor .cal-list-wrapper .price {
	float: right
}
.pricing-cdn .cal-list-wrapper .price .price-number, .pricing-qingstor .cal-list-wrapper .price .price-number {
	font-size: 22px
}
.cal-wrapper input, div.node-count input {
	margin-left: 10px;
	width: 40px
}
.pricing-cache ul, .pricing-cdn ul, .pricing-eip ul, .pricing-elasticsearch ul, .pricing-hadoop ul, .pricing-hbase ul, .pricing-image ul, .pricing-instance ul, .pricing-loadbalancer ul, .pricing-mongo ul, .pricing-qingstor ul, .pricing-queue ul, .pricing-rdb ul, .pricing-router ul, .pricing-s2server ul, .pricing-spark ul, .pricing-storm ul, .pricing-vnas ul, .pricing-volume ul, .pricing-waf ul, .pricing-zookeeper ul {
	margin: 0 0 10px 0;
	padding: 0
}
.image-item {
	width: 220px;
	display: inline-block
}
.image-item a {
	display: block;
	padding: 15px 10px;
	font-weight: bolder;
	text-align: center;
	margin: 0 10px 0 0
}
.cache-item, .class-item, .cpu-item, .gpu-item, .instance-mode-item, .lb-item, .memory-item, .mode-item, .mongo-item, .rdb-item, .rdb-mode-item, .spark-item, .storm-item, .type-item, .volume-item {
	display: inline-block
}
.cache-item a, .class-item a, .cpu-item a, .gpu-item a, .instance-mode-item a, .lb-item a, .memory-item a, .mode-item a, .mongo-item a, .rdb-item a, .rdb-mode-item a, .spark-item a, .storm-item a, .type-item a, .volume-item a {
	text-align: center;
	padding: 15px 0;
	font-size: 12px
}
.cache-item.disable a, .class-item.disable a, .cpu-item.disable a, .gpu-item.disable a, .instance-mode-item.disable a, .lb-item.disable a, .memory-item.disable a, .mode-item.disable a, .mongo-item.disable a, .rdb-item.disable a, .rdb-mode-item.disable a, .spark-item.disable a, .storm-item.disable a, .type-item.disable a, .volume-item.disable a {
	border-color: #bebebe;
	background: #eee;
	color: #999;
	cursor: no-drop;
	-webkit-text-shadow: 0 1px #fff;
	-moz-text-shadow: 0 1px #fff;
	text-shadow: 0 1px #fff
}
.cache-item:last-child a, .class-item:last-child a, .cpu-item:last-child a, .gpu-item:last-child a, .instance-mode-item:last-child a, .lb-item:last-child a, .memory-item:last-child a, .mode-item:last-child a, .mongo-item:last-child a, .rdb-item:last-child a, .rdb-mode-item:last-child a, .spark-item:last-child a, .storm-item:last-child a, .type-item:last-child a, .volume-item:last-child a {
	margin-right: 0
}
.cache-item:first-child a, .class-item:first-child a, .cpu-item:first-child a, .gpu-item:first-child a, .instance-mode-item:first-child a, .lb-item:first-child a, .memory-item:first-child a, .mode-item:first-child a, .mongo-item:first-child a, .rdb-item:first-child a, .rdb-mode-item:first-child a, .spark-item:first-child a, .storm-item:first-child a, .type-item:first-child a, .volume-item:first-child a {
	margin-left: 0
}
.cpu, .memory {
	display: flex;
	display: -webkit-flex
}
.cpu-item {
	flex-grow: 1
}
.cpu-item a {
	display: block;
	font-size: 16px;
	margin: 0 5px 0 5px
}
.memory-item {
	flex-grow: 1
}
.memory-item a {
	display: block;
	margin: 0 5px
}
.cache-item a, .class-item a, .gpu-item a, .spark-item a, .storm-item a, .volume-item a {
	display: inline-block;
	width: 180px;
	margin: 0 5px;
	font-size: 14px
}
.cache-item a small, .class-item a small, .gpu-item a small, .spark-item a small, .storm-item a small, .volume-item a small {
	margin-left: 10px
}
.gpu-item a {
	width: 100px
}
.wafdp-count input {
	width: 40px;
	margin-left: 10px
}
.instance-mode-item a, .lb-item a, .mode-item a, .mongo-item a, .rdb-item a, .rdb-mode-item a, .type-item a {
	display: inline-block;
	margin: 0 5px;
	font-size: 16px;
	padding: 15px 10px
}
.instance-mode-item a small, .lb-item a small, .mode-item a small, .mongo-item a small, .rdb-item a small, .rdb-mode-item a small, .type-item a small {
	margin-left: 10px
}
.instance-mode-item, .rdb-mode-item {
	width: 220px
}
.instance-mode-item a, .rdb-mode-item a {
	display: block;
	position: relative
}
.instance-mode-item .instance-price-mark, .rdb-mode-item .instance-price-mark {
	position: absolute;
	overflow: hidden;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0
}
.instance-mode-item .instance-price-mark .instance-price-mark-tag, .rdb-mode-item .instance-price-mark .instance-price-mark-tag {
	position: absolute;
	top: 3px;
	left: -7px;
	width: 110px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	-webkit-box-shadow: 0 1px 5px #555;
	-moz-box-shadow: 0 1px 5px #555;
	box-shadow: 0 1px 5px #555;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #c76e6d
}
.instance-mode-item .instance-price-mark .instance-price-mark-tag .instance-price-mark-text, .rdb-mode-item .instance-price-mark .instance-price-mark-tag .instance-price-mark-text {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	height: 21px;
	white-space: nowrap
}
.instance-mode-item.selected .instance-price-mark .instance-price-mark-tag, .rdb-mode-item.selected .instance-price-mark .instance-price-mark-tag {
	background: #b94a48
}
.instance-mode-select, .rdb-mode-select {
	display: inline-block;
	position: relative;
	text-align: center;
	width: 140px
}
.instance-mode-select a, .rdb-mode-select a {
	position: relative;
	margin: 0 5px;
	padding: 15px 10px;
	font-size: 16px;
	outline: 0
}
.instance-mode-select a::after, .rdb-mode-select a::after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 22px;
	right: 15px;
	width: 0;
	height: 0;
	border: 4px dashed;
	border-color: #326e4e transparent;
	border-bottom: none;
	pointer-events: none
}
.instance-mode-select .reserved-months, .rdb-mode-select .reserved-months {
	display: none;
	list-style: none;
	position: absolute;
	top: 50px;
	left: 5px;
	-webkit-box-shadow: 0 2px 3px #a3d5ba;
	-moz-box-shadow: 0 2px 3px #a3d5ba;
	box-shadow: 0 2px 3px #a3d5ba
}
.instance-mode-select .reserved-months li, .rdb-mode-select .reserved-months li {
	width: 110px;
	padding: 15px 10px;
	background-color: #e6f4ec;
	cursor: pointer
}
.instance-mode-select .reserved-months li:hover, .rdb-mode-select .reserved-months li:hover {
	background-color: #d5ece0
}
.pricing-image .image-item {
	width: 180px
}
.pricing-image .image-item a {
	padding: 20px
}
.label {
	display: inline-block;
	width: 80px;
	margin: 0 30px
}
input#bandwidth, input#size, input#storage_size {
	width: 380px
}
input.size {
	width: 35px;
	display: inline;
	padding: 3px;
	text-align: center
}
.unit {
	padding-left: 5px;
	vertical-align: bottom
}
.label.max, .label.min {
	text-align: right;
	color: #555;
	line-height: 28px;
	vertical-align: top
}
.label.max {
	text-align: left
}
.pricing.reservation>.intro.pricing {
	background: #3e3d49
}
.pricing.reservation>.intro.pricing .viewport-inner blockquote span {
	font-size: 24px;
	color: #fff;
	line-height: 26px;
	margin: 0 auto 28px;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: 24px;
	word-break: keep-all;
	text-align: center;
	display: block;
	width: 600px;
	padding: 7px 30px;
	background: #53b481
}
.billing-reserved {
	font-size: 14px;
	font-family: PingFang Sc, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	line-height: 28px;
	color: #68747f;
}
.billing-reserved .center {
	text-align: center
}
.billing-reserved .content-title-big {
	line-height: 36px;
	font-size: 18px
}
.billing-reserved .viewport-inner {
	width: 870px;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}
.billing-reserved .viewport-inner h2 {
	line-height: 24px;
	margin: 0 0 24px 0;
	font-size: 24px;
	color: #57b382;
	font-weight: 300
}
.billing-reserved .viewport-inner a.btn.btn-primary {
	background: #23b36b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 400px;
	display: block;
	margin: 0 auto;
	font-size: 18px
}
.billing-reserved .billing-content-desc {
	line-height: 28px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 80px
}
.billing-reserved .billing-reserved-content {
	display: inline-block;
	vertical-align: top
}
.billing-reserved .billing-reserved-content.left {
	width: 510px;
	margin-right: 26px;
	line-height: 36px;
	font-size: 18px
}
.billing-reserved .billing-reserved-content.left .content-title-big {
	margin-bottom: 0;
	font-weight: 500
}
.billing-reserved .billing-reserved-content.right {
	width: 290px;
	padding-top: 40px;
	padding-left: 40px;
	padding-bottom: 56px;
	background: #23b36b;
	border: 1px solid #51cc8f;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #ebeef0
}
.billing-reserved .billing-reserved-content.right .first {
	margin-bottom: 16px
}
.billing-reserved .billing-reserved-content.right .title {
	font-weight: 500;
	color: #f3f5f8
}
.billing-reserved .billing-discount {
	margin-top: 60px
}
.billing-reserved .billing-discount .content-title-big {
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 0
}
.billing-reserved .billing-discount .discount-container {
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ebeef0;
	margin: 16px auto 40px auto;
	padding: 26px 0
}
.billing-reserved .billing-discount .discount-content {
	border-right: 1px solid #ebeef0;
	display: inline-block;
	width: 254px;
	height: 48px
}
.billing-reserved .billing-discount .discount-content:last-child {
	border-width: 0
}
.billing-reserved .billing-discount .discount-content div {
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	margin-top: 14px
}
.billing-reserved .billing-discount .discount-content .left {
	margin-left: 24px;
	margin-right: 56px;
	line-height: 14px
}
.billing-reserved .billing-discount .discount-content .right {
	font-size: 12px;
	line-height: 12px
}
.billing-reserved .billing-discount .discount-content span {
	color: #57b382;
	font-size: 24px;
	line-height: 20px;
	margin-right: 8px;
	font-weight: 300
}
.billing-reserved .billing-discount .discount-tips {
	margin-top: 26px;
	margin-bottom: 47px;
	font-size: 12px;
	line-height: 12px;
	color: #ccd3d9;
	font-weight: 500
}
.billing-reserved .billing-discount .discount-tips .left, .billing-reserved .billing-discount .discount-tips .right {
	display: inline-block;
	vertical-align: top
}
.billing-reserved .billing-discount .discount-tips .left {
	margin-left: 24px;
	margin-right: 160px
}
.billing-reserved .billing-discount .discount-tips a {
	margin-left: 16px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	color: #ccd3d9;
	position: relative
}
.billing-reserved .billing-discount .discount-tips a:hover {
	color: #57b382
}
.billing-reserved .billing-discount .discount-tips a .arrow-wrapper {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px
}
.billing-reserved .billing-discount .discount-tips a .arrow-wrapper.arrow-wrapper-rotate {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.billing-reserved .billing-discount .discount-tips a .arrow-wrapper.arrow-wrapper-rotate .arrow1, .billing-reserved .billing-discount .discount-tips a .arrow-wrapper.arrow-wrapper-rotate .arrow2 {
	left: 8px
}
.billing-reserved .billing-discount .discount-tips a .arrow-wrapper.arrow-wrapper-rotate .arrow1 {
	top: 8px;
	border-bottom: 4px solid #ccd3d9
}
.billing-reserved .billing-discount .discount-tips a .arrow-wrapper.arrow-wrapper-rotate .arrow2 {
	top: 10px
}
.billing-reserved .billing-discount .discount-tips a .arrow-wrapper .arrow1 {
	position: absolute;
	left: 4px;
	top: 0;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom: 4px solid #ccd3d9
}
.billing-reserved .billing-discount .discount-tips a .arrow-wrapper .arrow2 {
	position: absolute;
	left: 4px;
	top: 2px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom: 4px solid #fff
}
.billing-reserved .billing-discount .discount-desc {
	display: none
}
.billing-reserved .billing-discount .discount-desc.discount-desc-show {
	display: block
}
.billing-reserved .billing-discount .discount-desc .left, .billing-reserved .billing-discount .discount-desc .right {
	display: inline-block;
	margin-bottom: 40px;
	vertical-align: top
}
.billing-reserved .billing-discount .discount-desc .left .discount-desc-title {
	margin-left: 40px
}
.billing-reserved .billing-discount .discount-desc .right {
	width: 348px;
	margin-left: 120px
}
.billing-reserved .billing-discount .discount-desc .discount-desc-title {
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	margin-bottom: 16px
}
.billing-reserved .billing-discount .discount-desc ol {
	font-size: 12px;
	line-height: 24px
}
.billing-reserved .billing-discount .discount-desc .discount-desc-calc {
	line-height: 14px;
	font-weight: 500;
	margin-bottom: 8px
}
.billing-reserved .billing-discount .discount-desc .discount-desc-charge, .billing-reserved .billing-discount .discount-desc .discount-desc-charge-content {
	font-size: 12px;
	line-height: 24px
}
.billing-reserved .billing-discount .discount-desc .discount-desc-charge {
	font-weight: 500
}
.billing-reserved .billing-discount .discount-desc .discount-desc-charge-content {
	color: #ccd3d9
}
.billing-reserved .billing-remark {
	border: 1px solid #ebeef0;
	margin-top: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 24px;
	padding-left: 40px;
	padding-top: 32px;
	padding-bottom: 40px
}
.billing-reserved .billing-remark .billing-remark-title {
	color: #57b382;
	padding-left: 40px
}
.media-wrapper:nth-child(odd) {
	background: #eee
}
.media-reports {
	margin: 0 auto;
	width: 80%;
	overflow: hidden;
	padding: 20px
}
.media-reports li {
	list-style-type: none;
	padding: 20px 0
}
.media-reports h2 a {
	color: #353644
}
.media-reports h2 a:hover {
	color: #57b382
}
.media-reports blockquote {
	color: #555;
	line-height: 1.6em;
	margin: 10px 0 30px 0;
	font-size: 14px
}
.about-content.contact_us {
	background-image: url(404.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}
.contact-list {
	padding: 100px 10px;
	width: 530px;
	margin: 0;
	list-style-position: inside
}
.contact-list li {
	font-size: 16px;
	line-height: 2em;
	margin: 5px 0;
	list-style-type: none
}
.contact-list .icon {
	font-size: 16px;
	padding-right: 8px
}
.about .page-tab li a {
	width: 80px
}
.logs-list {
	width: 80%;
	margin: 100px auto;
	border-left: 3px solid #57b382
}
.logs-list dd, .logs-list dt {
	margin-bottom: 50px
}
.logs-list dt {
	float: left;
	margin-left: -31.5px
}
.logs-list dt em {
	display: inline-block;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #fff;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	background: #57b382
}
.logs-list dd {
	margin-left: 60px;
	padding: 10px 30px;
	background: #fafafa;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}
.logs-list h2 a {
	color: #3b3b3b
}
.logs-list h2 a:hover {
	color: #57b382
}
.about-content.join_us {
	overflow: hidden;
	color: #555;
	font-size: 16px
}
.about-content.join_us h2 {
	color: #353644
}
.about-content.join_us ol {
	margin: 0 0 10px 0;
	padding-left: 20px
}
.about-content.join_us ol li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 5px 0;
	line-height: 24px
}
.media-tabs {
	margin: 50px auto 0 auto;
	width: 350px;
	list-style-type: none;
	padding: 0
}
.media-tabs li {
	display: inline-block;
	margin: 0 10px
}
.media-tabs .media-item a {
	border: 1px solid #57b382;
	padding: 16px 40px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: block;
	font-size: 18px
}
.media-tabs .media-item a:hover {
	background: #57b382;
	color: #fff
}
.position {
	display: inline-block;
	margin-top: 50px;
	text-align: left;
	vertical-align: top
}
.position:nth-of-type(1) {
	width: 40%
}
.position:nth-of-type(2) {
	width: 30%
}
.position:nth-of-type(3) {
	width: 30%
}
.position-item {
	width: 100%;
	display: inline-block;
	vertical-align: top
}
.position-item li {
	list-style-type: none!important
}
.position-item .category {
	font-size: 18px;
	font-weight: 700;
	line-height: 2em;
	margin-left: 20px
}
.position-item ol li a {
	color: #555;
	font-size: 14px;
	line-height: 1.2em
}
.position-item ol li a:hover {
	color: #57b382
}
.development-details {
	background: #f2f2f2;
	padding: 30px 0 50px 0
}
.we-like {
	text-align: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}
.we-like ul {
	padding: 0
}
.we-like ul li {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.we-like ul h3 {
	font-size: 28px;
	margin: 30px 0 10px 0;
	font-family: Impact;
	line-height: 1em
}
.we-like ul p {
	margin: 0 0 20px 0
}
.idea {
	background: #fff;
	padding: 30px 0;
	text-align: center
}
.jobs {
	padding: 30px 0 50px 0;
	color: #555;
	font-size: 12px;
	overflow: hidden
}
.jobs p {
	line-height: 1.2em;
	margin: 2px 0 6px 0
}
.jobs h2 {
	text-align: center
}
.jobs h3 {
	font-family: Impact;
	font-size: 28px;
	color: #57b382
}
.jobs h3.zh {
	font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}
.jobs h4 {
	color: #353644;
	margin: 20px 0 10px 0
}
.jobs .desc {
	margin-bottom: 50px
}
.jobs .viewport-inner {
	width: 750px
}
.about-content.join_us ol li {
	line-height: 14px
}
.treatment {
	padding: 30px 0
}
.treatment .viewport-inner {
	width: 750px
}
.tos li {
	line-height: 1.6em;
	margin: 10px 0
}
.tos p {
	line-height: 1.6em
}
.tos em {
	font-weight: 700;
	font-style: normal
}
.tos em.red {
	font-weight: 400;
	color: red
}
.customers-content {
	padding: 30px 0 100px 0
}
.customers-content .lead {
	margin: 10px 0;
	padding: 0 0 15px 0
}
.customers-content .viewport-inner {
	margin: 0 auto;
	border-bottom: 1px solid #eee;
	padding-top: 70px;
	padding-bottom: 30px
}
.customers-content blockquote {
	margin: 40px 0 20px 0;
	padding: 0;
	clear: both
}
.customers-content blockquote cite, .customers-content blockquote p {
	padding: 5px 0;
	line-height: 1.6em;
	font-style: italic;
	font-size: 12px;
	color: #999;
	margin: 0
}
.customers-content blockquote p {
	color: #555;
	background-image: url(404.png);
	background-position: left top;
	background-size: 24px;
	background-repeat: no-repeat;
	padding: 10px 0 0 30px
}
.customers-content blockquote cite {
	vertical-align: middle;
	line-height: 2em;
	padding: 0 28px
}
.customer-list {
	padding: 0;
	margin: 40px 0
}
.customer-list li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 20%
}
.customer-list .customer-logo {
	display: block;
	width: 168.5px;
	height: 180px;
	margin: 10px auto 0 auto;
	line-height: 150px;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}
.customer-list h5 {
	color: #353644;
	text-align: center;
	margin-top: 20px
}
.customer-list .desc {
	font-size: 12px;
	color: #999;
	text-align: center;
	line-height: 1.6;
	margin: 0 0 20px 0;
	padding: 0 30px
}
.content-navs {
	overflow: hidden;
	background: #444350;
	padding: 20px 0 0 0
}
.content-navs h1 {
	color: #fff;
	margin: 0
}
.content-navs .lead {
	color: #fff;
	font-size: 16px;
	margin: 10px 0 20px 0;
	padding: 0
}
.content-navs ul {
	margin: 0;
	padding: 0;
	overflow: hidden
}
.content-navs li {
	list-style-type: none;
	float: left
}
.content-navs li a {
	float: left;
	padding: 15px 30px;
	color: #fff;
	background: #2b2b33
}
.content-navs li a:hover {
	background: #353644
}
.content-navs li.current a {
	background: #57b382
}
.profile-basic {
	padding: 50px 0
}
.profile-basic input[type=email], .profile-basic input[type=text] {
	width: 240px
}
.security-center li, .security-center ul {
	list-style: none
}
.security-center ul {
	padding: 0
}
.security-center ul li {
	padding: 20px;
	border-bottom: 1px dotted #ccc
}
.security-center ul li:hover {
	background: #eee
}
.security-center ul li .title {
	float: left;
	width: 170px;
	font-size: 16px;
	font-weight: 700
}
.security-center ul li .description {
	margin-left: 170px;
	width: 730px
}
.security-center ul li .operation {
	float: right;
	color: #468847
}
.security-auth .alert .single-line {
	margin-left: 150px;
	font-size: 13px;
	color: #835404
}
.security-auth .alert .multi-line {
	margin-left: 150px;
	height: 38px;
	line-height: 38px;
	vertical-align: top;
	font-size: 13px;
	color: #835404
}
.security-auth .alert em {
	color: #57b382
}
.security-auth .alert span {
	display: inline-block
}
.security-auth .check-auth {
	padding-top: 10px
}
.security-auth .check-auth .tips {
	font-style: italic;
	color: #999;
	margin: 5px 0 30px 0
}
.security-auth .check-auth .tips em {
	color: #57b382;
	padding: 0 5px
}
.security-auth .bind-method {
	height: 230px;
	display: none
}
.security-auth .bind-method .bind-qrcode {
	display: none
}
.security-auth .bind-method .bind-qrcode .qrcode {
	float: left;
	width: 180px;
	height: 180px;
	margin-left: 60px
}
.security-auth .bind-method .bind-qrcode .intro {
	float: left;
	width: 650px;
	margin-left: 100px;
	padding: 20px 0;
	font-style: italic;
	color: #999
}
.security-auth .bind-method .bind-text {
	display: none
}
.security-auth .bind-method .bind-text .key {
	color: #555;
	float: left
}
.security-auth .bind-method .bind-text .key dl {
	width: 475px;
	margin: 0
}
.security-auth .bind-method .bind-text .key dd, .security-auth .bind-method .bind-text .key dt {
	border: 1px solid #d6d6d6;
	line-height: 50px;
	text-align: center;
	float: left;
	margin: 0
}
.security-auth .bind-method .bind-text .key dt {
	width: 100px;
	background: #eee;
	border-right: none
}
.security-auth .bind-method .bind-text .key dt.dt-email {
	-webkit-border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0;
	border-bottom: none
}
.security-auth .bind-method .bind-text .key dt.dt-key {
	line-height: 70px;
	-webkit-border-radius: 0 0 0 3px;
	-moz-border-radius: 0 0 0 3px;
	border-radius: 0 0 0 3px
}
.security-auth .bind-method .bind-text .key dd {
	width: 350px;
	padding: 0 10px;
	border-left: none;
	word-wrap: break-word
}
.security-auth .bind-method .bind-text .key dd.account-email {
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
	border-bottom: none
}
.security-auth .bind-method .bind-text .key dd.account-key {
	-webkit-border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	border-radius: 0 0 3px 0;
	height: 50px;
	line-height: 25px;
	padding: 10px;
	text-align: left
}
.security-auth .bind-method .bind-text .intro {
	font-style: italic;
	color: #999;
	width: 470px;
	float: left;
	margin-left: 50px
}
.security-auth .bind-method .bind-text .intro .tips:first-child {
	margin-top: 0
}
.alert .disable-check {
	padding: 8px 18px
}
.alert .disable-check input, .alert .disable-check label {
	cursor: pointer
}
.security-phone {
	width: 1050px
}
.security-phone .controls {
	margin-left: 0
}
.security-phone .form-actions {
	padding-left: 0
}
.login-2fa .tips {
	background: #cee8f5;
	color: #3a87ad;
	padding: 20px;
	margin-bottom: 20px
}
.login-2fa .error-message {
	display: none
}
.login-no-token .tips {
	background: #d9edf7;
	color: #3a87ad;
	padding: 15px;
	margin-bottom: 20px;
	line-height: 25px
}
.login-no-token .no-token-phone {
	width: 590px
}
.login-no-token .no-token-phone .control-label {
	width: 80px
}
.login-no-token .no-token-phone .controls {
	margin-left: 100px
}
.login-no-token .no-token-phone .form-actions {
	padding-left: 100px
}
.login-history .login-ip {
	font-style: italic
}
.content-tab {
	border-bottom: 1px solid #eee;
	margin-bottom: 12px;
	margin-top: 40px
}
.content-tab li {
	margin-bottom: -1px;
	display: inline-block
}
.content-tab li a {
	display: block;
	padding: 15px 20px;
	color: #999
}
.content-tab .current a {
	background: #fff;
	border: 1px solid #eee;
	border-top: 3px solid #57b382;
	border-bottom: 1px solid #fff;
	color: #57b382
}
.recharge input[type=radio] {
	margin: 0 5px
}
.recharge .control-label {
	width: 100px;
	text-align: left
}
.recharge .controls {
	margin-left: 110px
}
.recharge .banklist ul, .recharge .pay-platforms ul {
	padding: 0
}
.recharge .banklist li, .recharge .pay-platforms li {
	display: inline-block;
	width: 20%;
	margin: 5px 0
}
.recharge .paypal-form {
	display: none
}
.recharge .pay_logo {
	display: inline-block;
	width: 150px;
	height: 38px;
	vertical-align: middle;
	background: #fff;
	cursor: pointer;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
	background-image: url(404.png);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.recharge .pay_logo.ABC {
	background-position: 20px 0
}
.recharge .pay_logo.BJBANK {
	background-position: 30px -36px
}
.recharge .pay_logo.BJRCB {
	background-position: 15px -72px
}
.recharge .pay_logo.BOCB2C {
	background-position: 30px -108px
}
.recharge .pay_logo.CCB {
	background-position: 20px -144px
}
.recharge .pay_logo.CEB-DEBIT {
	background-position: 20px -180px
}
.recharge .pay_logo.CIB {
	background-position: 20px -216px
}
.recharge .pay_logo.CITIC {
	background-position: 25px -252px
}
.recharge .pay_logo.CMB {
	background-position: 30px -288px
}
.recharge .pay_logo.CMBC {
	background-position: 20px -324px
}
.recharge .pay_logo.COMM {
	background-position: 30px -360px
}
.recharge .pay_logo.FDB {
	background-position: 35px -396px
}
.recharge .pay_logo.GDB {
	background-position: 15px -432px
}
.recharge .pay_logo.HZCBB2C {
	background-position: 30px -468px
}
.recharge .pay_logo.ICBCB2C {
	background-position: 20px -504px
}
.recharge .pay_logo.NBBANK {
	background-position: 30px -540px
}
.recharge .pay_logo.PSBC {
	background-position: 30px -576px
}
.recharge .pay_logo.SDB {
	background-position: 20px -612px
}
.recharge .pay_logo.SHBANK {
	background-position: 30px -648px
}
.recharge .pay_logo.SHRCB {
	background-position: 30px -684px
}
.recharge .pay_logo.SPABANK {
	background-position: 25px -720px
}
.recharge .pay_logo.SPDB {
	background-position: 30px -756px
}
.recharge .pay_logo.WZCB {
	background-position: 30px -792px
}
.recharge .pay_logo.abc1003 {
	background-position: 30px -828px
}
.recharge .pay_logo.abc1004 {
	background-position: 30px -864px
}
.recharge .pay_logo.alipay {
	background-position: 30px -946px
}
.recharge .pay_logo.paypal {
	background-image: url(404.png);
	background-position: 40px 10px
}
img.captcha {
	vertical-align: middle;
	margin-right: 10px
}
.refresh-captcha {
	vertical-align: middle
}
.signup .item.company {
	display: none
}
.signup .show-company {
	padding-left: 140px
}
.signup .required-company {
	display: none
}
.signup legend {
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
	width: 100%
}
.signup legend .tips {
	padding-left: 40px;
	font-size: 14px
}
.signup .btn-show-more {
	background: rgba(87,179,130,.1);
	display: inline-block;
	padding: 10px;
	margin-right: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.signup .select-currency {
	display: inline-block
}
.preview-details {
	overflow: hidden;
	padding: 50px 0 150px 0
}
.preview-details .viewport-inner {
	overflow: hidden
}
.datacenter-map {
	background-image: url(404.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 400px;
	margin: 30px 0;
	position: relative
}
.datacenter-map .icon {
	position: absolute;
	font-size: 56px
}
.datacenter-map .icon.bounce {
	-moz-animation: bounce 1s infinite;
	-webkit-animation: bounce 1s infinite;
	animation: bounce 1s infinite
}
.datacenter-map .icon.guangzhou {
	color: #83ab6e;
	top: 140px;
	right: 111px
}
.datacenter-map .icon.beijing {
	color: #de4b50;
	top: 92px;
	right: 119px
}
.datacenter-map .icon.hongkong {
	color: #eea34c;
	top: 142px;
	right: 106px
}
.datacenter-map .icon.california {
	color: #3fb4cf;
	top: 100px;
	left: 45px
}
.datacenter-timeline {
	height: 0;
	border-top: 4px dashed #eee;
	position: relative;
	height: 60px;
	margin: 50px
}
.datacenter-timeline .dot {
	cursor: pointer;
	position: absolute;
	text-align: center;
	width: 90px;
	top: -11px
}
.datacenter-timeline .dot#guangzhou {
	color: #83ab6e;
	left: 2%
}
.datacenter-timeline .dot#beijing {
	color: #de4b50;
	left: 28%
}
.datacenter-timeline .dot#hongkong {
	color: #eea34c;
	left: 43%
}
.datacenter-timeline .dot#california {
	color: #3fb4cf;
	left: 88%
}
.datacenter-timeline .icon-dot {
	width: 20px;
	height: 20px;
	display: block;
	margin: 0 auto;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px
}
.datacenter-timeline .dot#guangzhou .icon-dot {
	background: #83ab6e
}
.datacenter-timeline .dot#beijing .icon-dot {
	background: #de4b50
}
.datacenter-timeline .dot#hongkong .icon-dot {
	background: #eea34c
}
.datacenter-timeline .dot#california .icon-dot {
	background: #3fb4cf
}
.datacenter-timeline.datacenter {
	padding: 50px 0 0 0
}
.preview-item, .zone-update {
	overflow: hidden;
	padding: 40px 0;
	clear: both
}
.preview-item:nth-child(even), .zone-update:nth-child(even) {
	background: #eee
}
.preview-item h2, .zone-update h2 {
	font-weight: 700
}
.preview-item ol, .preview-item ul, .zone-update ol, .zone-update ul {
	margin: 30px 0;
	padding: 0 0 0 20px
}
.preview-item ol li, .preview-item ul li, .zone-update ol li, .zone-update ul li {
	list-style-position: outside;
	font-size: 16px;
	line-height: 1.4em;
	margin: 10px 0
}
.preview-item .tips, .zone-update .tips {
	margin: 30px 0;
	font-size: 14px;
	color: #999
}
.preview-item .tips h5, .zone-update .tips h5 {
	color: #555
}
.preview-item .tips code, .zone-update .tips code {
	background: 0 0;
	border: 0 none;
	padding: 0;
	margin: 0
}
.preview-item .desc, .zone-update .desc {
	font-size: 16px;
	line-height: 1.6em;
	color: #555
}
.preview-item strong, .zone-update strong {
	color: #57b382;
	font-weight: 700;
	margin: 0 5px;
	font-size: 18px
}
.preview-item .lb-types ul, .zone-update .lb-types ul {
	margin: 0;
	padding: 0
}
.preview-item .lb-types li, .zone-update .lb-types li {
	display: inline-block;
	padding: 8px 30px;
	border: 1px solid #57b382;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #57b382;
	margin: 0 5px 0 0
}
.preview-item .view-pricing, .zone-update .view-pricing {
	padding: 100px 130px 100px 150px
}
.preview-item#pricing, .zone-update#pricing {
	padding: 0
}
.preview-item .pricing-resources ul, .zone-update .pricing-resources ul {
	margin: 0
}
.preview-item .pricing-resources ul li, .zone-update .pricing-resources ul li {
	margin: 0;
	line-height: 1em
}
.preview-item .pricing-resources .desc, .zone-update .pricing-resources .desc {
	font-size: 12px
}
.preview-item {
	padding: 80px 0
}
.preview-graph {
	height: 150px;
	width: 500px;
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center
}

.vi-intro {
	text-align: center
}
.vi-intro .intro-title {
	padding: 120px 0;
	background: #57b382;
	color: #fff;
	font-size: 42px;
	font-weight: bolder;
	position: relative
}
.vi-intro .intro-title::before {
	content: '\E760';
	font-family: Entypo;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	display: inline-block;
	color: #fff;
	position: absolute;
	margin-left: 50%;
	left: -10px;
	bottom: -10px;
	z-index: 2
}
.vi-intro .intro-title::after {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	margin-left: 50%;
	left: -30px;
	bottom: -20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #57b382
}
.vi-intro .vi-meaning {
	padding: 100px 0;
	border-bottom: 1px solid #eee
}
.vi-intro h2 {
	color: #57b382;
	font-size: 42px;
	margin: 40px 0 20px 0
}
.vi-intro .desc {
	color: #999;
	font-size: 14px;
	margin: 20px 0 40px 0;
	line-height: 1.5em
}
.vi-intro h4 {
	font-size: 24px;
	color: #3b3b3b
}
.vi-intro .lead {
	font-size: 18px
}
.vi-intro .vi-logo {
	background-image: url(404.png);
	
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 500px;
	height: 100px;
	margin: 150px auto
}
.vi-intro .logo-meaning {
	border-top: 1px solid #eee;
	color: #555;
	width: 780px;
	padding: 80px 0;
	margin: 0 auto;
	text-align: left;
	line-height: 1.6em
}
.vi-intro .theme-color {
	width: 50%;
	padding: 50px 0
}
.vi-intro .theme-color .colors {
	margin: 0 30px;
	font-size: 16px;
	font-weight: 700;
	line-height: 2em
}
.vi-intro .theme {
	float: left;
	text-align: right;
	background: #00a971
}
.vi-intro .theme .colors {
	color: #3e3d49
}
.vi-intro .second-theme {
	margin-left: 50%;
	text-align: left;
	background: #3e3d49
}
.vi-intro .second-theme .colors {
	color: #00a971
}
.vi-intro#download {
	padding: 150px 0
}
#browsers {
	margin: 100px auto;
	text-align: center;
	width: 800px
}
#browsers ul {
	margin: 40px 0;
	padding: 0
}
#browsers ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 200px;
	float: left
}
#browsers ul li a {
	display: block;
	height: 80px
}
#browsers ul li span.icon {
	background: url(404.png) no-repeat;
	display: block;
	width: 100%;
	height: 90px
}
#browsers ul li span.icon.chrome {
	background-position: 62px 0
}
#browsers ul li span.icon.firefox {
	background-position: 62px -189px
}
#browsers ul li span.icon.safari {
	background-position: -409px -189px
}
#browsers ul li span.icon.ie {
	background-position: 62px -281px
}
#c05 {
	background: #3e3d49
}
#c05 .intro {
	background-image: url(404.png);
	background-size: cover;
	background-position: center center;
	color: #fff;
	padding: 50px 0 50px 0;
	min-height: 0
}
#c05 .logo {
	height: 100px;
	width: 200px;
	margin: 0 auto 30px auto;
	display: block;
	background-image: url(404.png);
	
	background-repeat: no-repeat;
	background-size: contain
}
#c05 h1 {
	font-size: 22px;
	font-weight: bolder
}
#c05 .page-nav {
	overflow: hidden;
	margin: 0;
	padding: 0
}
#c05 .page-nav li {
	padding: 0;
	list-style-type: none;
	float: left;
	width: 50%;
	margin: 0
}
#c05 .page-nav li a {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 70px;
	padding: 40px 0;
	background: #57b382;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: 700
}
#c05 .page-nav li .icon {
	font-size: 42px;
	line-height: 64px;
	display: block
}
#c05 .page-nav li:first-child a, #c05 .page-nav li:last-child a {
	background: #4ba575
}
#c05 .page-section {
	padding: 40px 30px
}
#c05 .page-section:nth-child(odd) {
	background: #fff
}
#c05 .page-section:nth-child(even) {
	background: #eee
}
#c05 .page-section ol {
	margin: 0 0 0 20px;
	padding: 0
}
#c05 .page-section li {
	list-style-type: disc;
	padding: 0;
	margin: 10px 0;
	font-size: 12px;
	line-height: 1.4em
}
#c05 .page-section .desc {
	font-weight: 700
}
#c05 .page-section dl dt {
	width: 40px;
	margin: 0;
	float: left;
	font-weight: 700
}
#c05 .page-section dl dd {
	margin: 0 0 0 50px
}
#c05 .b07-map {
	background-image: url(404.png);
	width: 180px;
	height: 215px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto
}
#c05 .bonus {
	color: #57b382
}
#c05 #winner p {
	font-size: 18px
}
#c05 #winner em {
	font-style: normal;
	font-weight: 700;
	color: #57b382
}
#c05 #winner h4 {
	margin-top: 50px;
	font-size: 18px
}
#c05 #winner h5 .icon {
	margin-right: 5px
}
#c05 .tee {
	width: 100%;
	height: 200px;
	background-image: url(404.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat
}
html {
	height: 100%
}
body.salon {
	height: 100%;
	position: relative
}
body.salon .viewport-inner {
	position: relative;
	overflow: visible;
	height: auto;
	background-size: 1360px;
	background-repeat: no-repeat;
	background-position: top center
}
body.salon #footer, body.salon #header {
	display: none
}
.salon-banner {
	position: fixed;
	height: 100%;
	width: 100%;
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-size: cover
}
.salon-info {
	position: absolute;
	width: 600px;
	background: rgba(53,54,68,.8)
}
.salon-info-wrapper {
	padding: 30px;
	color: #fff
}
.salon-info-wrapper h2 {
	line-height: 1em;
	margin: 10px 0 5px 0
}
.salon-info-wrapper .desc {
	line-height: 1.4em;
	opacity: .7
}
.salon-info-wrapper .salon-about {
	margin-bottom: 30px
}
.salon-info-wrapper .qingcloud-logo {
	
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	width: 240px;
	height: 60px;
	margin-bottom: 20px
}
.salon-title .date {
	color: #57b382;
	font-weight: 700
}
.salon-title .title {
	font-size: 18px;
	font-weight: 700;
	margin-top: 20px
}
.salon-title .btn {
	float: right;
	margin-top: -40px
}
.salon-title em {
	display: block;
	margin-top: 5px;
	font-weight: 400;
	font-style: normal;
	font-size: 14px
}
.salon-subject {
	margin-top: 30px;
	font-weight: 700;
	color: #57b382
}

@media (max-width:480px) {
.salon .viewport-inner {
	padding: 0;
	margin: 0
}
.salon-title .btn {
	float: none;
	margin: 20px 0 0 0
}
}
body.modal-ready.about.mobile-app #footer, body.modal-ready.about.mobile-app #header, body.modal-ready.about.mobile-app section.intro.about {
	display: none
}
body.modal-ready.about.mobile-app .page-inner {
	width: 90%
}
body.modal-ready.about.mobile-app .contact-list {
	width: auto
}
body.modal-ready.about.mobile-app .about-content.contact_us {
	background: 0 0
}
body.modal-ready.about.mobile-app .viewport-inner {
	width: auto
}
.pek3 .preview-item {
	padding: 0
}
.pek3 .preview-item .viewport-inner {
	padding: 120px 0;
	overflow: hidden
}
.pek3 .pek3-1 {
	background-image: url(404.png);
	background-position: right 80%;
	background-repeat: no-repeat;
	background-size: 50%
}
.pek3 .pek3-2 {
	background-image: url(404.png);
	background-position: -8% 50%;
	background-repeat: no-repeat;
	background-size: 50%
}
.qingstor .preview-item .grid_8 {
	text-align: center
}
.qingstor .preview-item .desc {
	width: 70%;
	margin: 0 auto
}
.qingstor .preview-item .icon-qingstor {
	width: 150px;
	height: 150px;
	display: block;
	background-color: #fff;
	margin: 30px auto 20px auto;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	border: 5px solid #57b382;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%
}
.qingstor .preview-item .btn-primary {
	display: block;
	width: 200px;
	margin: 0 auto
}
.icon-qingstor.qingstor-1 {
	background-image: url(404.png)
}
.icon-qingstor.qingstor-2 {
	background-image: url(404.png)
}
.icon-qingstor.qingstor-3 {
	background-image: url(404.png)
}
.icon-qingstor.qingstor-4 {
	background-image: url(404.png)
}
.icon-qingstor.qingstor-5 {
	background-image: url(404.png)
}
.icon-qingstor.qingstor-6 {
	background-image: url(404.png)
}
.icon-qingstor.qingstor-7 {
	background-image: url(404.png)
}
.icon-qingstor.qingstor-8 {
	background-image: url(404.png)
}
.icon-qingstor.qingstor-9 {
	background-image: url(404.png)
}
.resource-update .viewport-inner, .zone-update .viewport-inner {
	width: 1030px;
	border-bottom: 1px solid #eee
}
.resource-update h4 .text, .zone-update h4 .text {
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	vertical-align: middle;
	display: inline-block;
	color: #595959
}
.resource-update h4 .icon, .zone-update h4 .icon {
	margin-right: 10px;
	width: 50px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: inline-block;
	vertical-align: middle;
	height: 30px
}
.zone-update h4 .icon {
	background-image: url(404.png)
}
.resource-update h4 .icon {
	background-image: url(404.png)
}
.zone-update {
	background: 0 0!important;
	padding: 0
}
.zone-update h4 {
	padding-top: 30px;
	margin: 0
}
.zone-update .zones {
	margin: 90px;
	background: #00a971;
	padding: 40px 0 40px 65px;
	width: 417px;
	-webkit-box-shadow: 0 0 14px #7ddbbc;
	-moz-box-shadow: 0 0 14px #7ddbbc;
	box-shadow: 0 0 14px #7ddbbc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.zone-update .zones li {
	list-style-type: none;
	color: #fff;
	display: inline-block;
	width: 196px;
	vertical-align: middle;
	font-size: 16px
}
.zone-update .zones li .text {
	line-height: 15px;
	vertical-align: middle
}
.zone-update .zones li .icon {
	background: #fff;
	margin-right: 5px;
	height: 15px;
	width: 15px;
	display: inline-block;
	text-align: center;
	line-height: 15px;
	vertical-align: middle;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	color: #00a971
}
.zone-update .zones li .icon::before {
	font-size: 10px
}
.zone-update .viewport-inner {
	height: 400px;
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-size: 56%;
	background-position: 80% 90%
}
.resource-update .viewport-inner {
	padding: 30px 0
}
.resource-update ul {
	margin: 60px 0
}
.resource-update li {
	display: inline-block;
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	padding-top: 14px;
	vertical-align: top;
	width: 20%;
	text-align: center;
	height: 120px
}
.resource-update li .text {
	color: #595959;
	margin: 0 20px;
	display: block;
	font-size: 16px;
	height: 55px;
	vertical-align: middle;
	line-height: 1.4em;
	margin-bottom: 12px
}
.resource-update li .off {
	color: #57b382;
	font-size: 34px;
	font-weight: 700
}
.resource-update .tips {
	text-align: center;
	color: #999;
	line-height: 16px;
	vertical-align: middle
}
.resource-update .icon-tips {
	background: #c5e9dd;
	width: 14px;
	height: 14px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	display: inline-block;
	text-align: center;
	line-height: 22px;
	vertical-align: top
}
.resource-update .icon-tips::before {
	content: '*';
	color: #5cbf9e;
	font-size: 18px;
	line-height: 22px;
	vertical-align: middle;
	display: inline
}
.about-insight {
	padding: 100px 0
}
.about-insight .slogan {
	background-image: url(404.png);
	width: 220px;
	height: 130px;
	background-size: 200px;
	background-repeat: no-repeat;
	background-position: 20% center;
	border-right: 1px solid #fff;
	padding-right: 40px;
	float: left
}
.about-insight .desc {
	margin-left: 290px;
	color: #fff;
	line-height: 1.8em;
	padding-left: 20px
}
.about-insight .desc p {
	font-weight: 700
}
.about-insight .insight {
	display: block;
	cursor: pointer;
	background: #050505;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 785px;
	padding: 40px;
	margin: 20px auto;
	background: #000;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.about-insight .insight:hover {
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02)
}
.about-insight .insight .link {
	color: #57b382
}
section.intro.customer-details {
	height: 180px;
	color: #fff;
	text-align: left;
	padding-top: 50px;
	min-height: auto
}
section.intro.customer-details blockquote {
	margin: 8px 0
}
section.intro.customer-details .customer-logo {
	float: left;
	width: 118px;
	height: 110px;
	margin: 0 10px 0 0;
	line-height: 150px;
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}
.customer-details-content {
	padding: 60px
}
.customer-details-content section {
	margin: 40px 0 0 130px
}
.customer-details-content h2 {
	font-size: 18px;
	margin: 10px 0 10px 0;
	border-left: 4px solid #57b382;
	padding-left: 10px;
	line-height: 18px
}
.customer-details-content p {
	margin: 5px 0 10px 0;
	line-height: 1.5em
}
.customer-details-content li {
	line-height: 1.5em
}
.customer-details-content .image-set {
	margin: 64px auto;
	text-align: center;
	color: #999;
	font-style: italic
}