/*!
    common css style
    define the wrap of header/footer/page
*//*!
	common css style
	define html body
*//*! normalize.css v3.0.0 | MIT License | git.io/normalize *//*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0
}/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a {
	background: transparent
}
a:active, a:hover {
	outline: 0
}/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure {
	margin: 1em 40px
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
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
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}
html {
	line-height: 1
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}
q, blockquote {
	quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none
}
a img {
	border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
html {
	box-sizing: border-box
}
*, *:before, *:after {
	box-sizing: inherit
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	height: 100%
}
body {
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	color: #333;
	background-color: #f9fbfb
}
a {
	text-decoration: none;
	cursor: pointer
}
ol, ul, dl {
	margin-top: 0;
	margin-bottom: 1rem
}
ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0
}
a:link {
	text-decoration: none
}
a:visited {
	text-decoration: none
}
a:active {
	text-decoration: none
}
.nav a {
	text-decoration: none;
	outline: none;
-moz-border-radius:.4rem;
-webkit-border-radius:.4rem;
border-radius:.4rem
}
.nav .logo {
	position: relative;
	float: left;
	top: 14px;
	background: url(../images/logo.svg) no-repeat;
	width: 92px;
	height: 30px;
	margin-right: 76px
}
.nav .logo h1 {
	text-indent: -119988px;
	overflow: hidden;
	text-align: left
}
.header-item {
	position: relative;
	float: left;
	color: #140808;
	line-height: 60px;
	text-align: center;
	font-size: 1.4rem;
	margin-right: 26px;
	width: 80px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	cursor: pointer;
	transition: all .8s ease-in-out 0s
}
.login-item {
	color: #f69452;
	font-weight: 500;
	margin-right: 26px
}
#shelper {
	overflow: hidden;
	position: absolute;
	left: 0;
	text-indent: 8px;
	z-index: 999;
	display: none;
	font-size: 1.4rem;
	background-color: #fff;
	min-width: 250px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
#shelper {
	min-width: 490px
}
}
@media screen and (min-width: 1500px) {
#shelper {
	min-width: 570px
}
}
#banner-search #shelper {
	overflow: hidden;
	position: absolute;
	left: 0;
	text-indent: 8px;
	text-align: left;
	z-index: 999;
	display: none;
	font-size: 1.4rem;
	background: rgba(255,255,255,0) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=0);
	background: #fff;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	color: #ccc;
	width: 536px
}
.shelper-lucency {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	color: #666;
	-moz-box-shadow: 1px 1px 3px #ededed;
	-webkit-box-shadow: 1px 1px 3px #ededed;
	box-shadow: 1px 1px 3px #ededed
}
#banner-search .shelper-lucency {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	color: #666;
	-moz-box-shadow: 0 0 0 #e6e6e6;
	-webkit-box-shadow: 0 0 0 #e6e6e6;
	box-shadow: 0 0 0 #e6e6e6
}
.shelper-opacity {
	border-left: 1px solid rgba(173,173,173,0.8);
	border-right: 1px solid rgba(173,173,173,0.8);
	border-bottom: 1px solid rgba(173,173,173,0.8);
	background-color: #fff;
	color: #666
}
#shelper li {
	padding: 0;
	line-height: 22px;
	cursor: pointer;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
#shelper .on {
	background: #f0f0f0
}
#banner-search #shelper .on {
	background: #fff
}
.video-content {
	position: relative;
	width: 100%;
	height: 100%
}
.video-content>.video-row {
	margin: 0 auto 30px;
	width: 960px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.video-content>.video-row {
	width: 1212px
}
}
@media screen and (min-width: 1500px) {
.video-content>.video-row {
	width: 1464px
}
}
.video-row:last-child {
	margin: 0 auto
}
.video-row>.video-card {
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-right: 22px;
	border: solid 1px #d9d9de;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.video-row>.video-card:hover {
	border: solid 1px #b8b8b8
}
.video-col-3 {
	width: 303.33333px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.video-col-3 {
	width: 387.33333px
}
}
@media screen and (min-width: 1500px) {
.video-col-3 {
	width: 471.33333px
}
}
.video-col-4 {
	width: 221.5px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.video-col-4 {
	width: 284.5px
}
}
@media screen and (min-width: 1500px) {
.video-col-4 {
	width: 347.5px
}
}
.video-card:last-child {
	margin-right: 0
}
.video-card .img-card-4 {
	width: 222.5px;
	height: 125.15625px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.video-card .img-card-4 {
	width: 285.5px;
	height: 160.59375px
}
}
@media screen and (min-width: 1500px) {
.video-card .img-card-4 {
	width: 348.5px;
	height: 196.03125px
}
}
.video-card .img-card-3 {
	width: 304.33333px;
	height: 171.1875px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.video-card .img-card-3 {
	width: 388.33333px;
	height: 218.4375px
}
}
@media screen and (min-width: 1500px) {
.video-card .img-card-3 {
	width: 472.33333px;
	height: 265.6875px
}
}
.video-card .video-desc-section {
	width: 94%;
	padding-top: 20px;
	margin: auto
}
.video-card .video-desc-section h3 {
	color: #333;
	line-height: 12px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 1.2rem;
	margin-bottom: 12px
}
.video-card .video-desc-section h3:hover {
	color: #2bb8aa
}
.video-card .video-desc-section .video-tags {
	width: 100%;
	height: 56px;
	color: #999;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 16px;
	overflow: hidden
}
.video-card .video-price-section {
	width: 94%;
	margin: auto
}
.video-card .video-price-section a {
	text-decoration: none;
	color: #666;
	font-size: 1.2rem;
	margin-left: 4px
}
.video-card .video-price-section a:hover {
	color: #333
}
.video-card .video-price {
	margin-bottom: 12px
}
.video-card .video-price h2 {
	display: inline-block;
	position: relative;
	color: #2bb8aa;
	font-size: 1.6rem;
	line-height: 16px
}
.video-card .video-price h3 {
	display: inline-block;
	position: relative;
	color: #666;
	font-size: 1.2rem;
	line-height: 16px;
	text-decoration: line-through;
	float: right
}
.prompt-word {
	margin: 0 auto;
	margin-top: 30px;
	width: 960px;
	text-align: center;
	font-size: 2rem;
	color: #666;
	line-height: 2rem
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.prompt-word {
	width: 1212px
}
}
@media screen and (min-width: 1500px) {
.prompt-word {
	width: 1464px
}
}
.prompt-level-word {
	margin: auto;
	margin-top: 60px;
	margin-bottom: 20px;
	width: 960px;
	text-align: center;
	font-size: 1.6rem;
	color: #666;
	line-height: 1.6rem
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.prompt-level-word {
	width: 1212px
}
}
@media screen and (min-width: 1500px) {
.prompt-level-word {
	width: 1464px
}
}
.prompt-level-word a {
	color: #2bb8aa;
	font-weight: 600
}
.btn {
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
border:.0625rem solid transparent;
	padding: 1.375rem 2rem;
	font-size: 1.2rem;
	line-height: 1rem;
-moz-border-radius:.4rem;
-webkit-border-radius:.4rem;
border-radius:.4rem;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
.btn:focus, .btn:hover {
	text-decoration: none
}
.btn.focus {
	text-decoration: none
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn.disabled, .btn:disabled, fieldset[disabled] .btn {
	cursor: not-allowed;
	opacity: .65;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
a.btn.disaabled, fieldset[disabled] a.btn {
	pointer-events: none
}
.btn-primary {
	color: #fff;
	background-color: #2bb8aa;
	border-color: #fe2220
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #fe0807;
	border-color: #e00301
}
.btn-primary:hover {
	color: #fff;
	background-color: #fe0807;
	border-color: #e00301
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
	background-image: none;
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
	background-color: #2bb8aa;
	border-color: #fe2220
}
.btn-primary.disabled:hover, .btn-primary:disabled:hover, fieldset[disabled] .btn-primary:hover {
	background-color: #2bb8aa;
	border-color: #fe2220
}
.btn-secondary {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open>.btn-secondary.dropdown-toggle {
	color: #333;
	background-color: #d9d9d9;
	border-color: #adadad
}
.btn-secondary:hover {
	color: #333;
	background-color: #d9d9d9;
	border-color: #adadad
}
.btn-secondary:active, .btn-secondary.active, .open>.btn-secondary.dropdown-toggle {
	background-image: none;
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
	background-color: #fff;
	border-color: #ccc
}
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover, fieldset[disabled] .btn-secondary:hover {
	background-color: #fff;
	border-color: #ccc
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}
.btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #28a1c5;
	border-color: #2aabd2
}
.btn-info:hover {
	color: #fff;
	background-color: #28a1c5;
	border-color: #2aabd2
}
.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
	background-image: none;
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
	background-color: #5bc0de;
	border-color: #5bc0de
}
.btn-info.disabled:hover, .btn-info:disabled:hover, fieldset[disabled] .btn-info:hover {
	background-color: #5bc0de;
	border-color: #5bc0de
}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}
.btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #3d8b3d;
	border-color: #419641
}
.btn-success:hover {
	color: #fff;
	background-color: #3d8b3d;
	border-color: #419641
}
.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
	background-image: none;
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
	background-color: #5cb85c;
	border-color: #5cb85c
}
.btn-success.disabled:hover, .btn-success:disabled:hover, fieldset[disabled] .btn-success:hover {
	background-color: #5cb85c;
	border-color: #5cb85c
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e
}
.btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #df8a13;
	border-color: #eb9316
}
.btn-warning:hover {
	color: #fff;
	background-color: #df8a13;
	border-color: #eb9316
}
.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
	background-image: none;
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
	background-color: #f0ad4e;
	border-color: #f0ad4e
}
.btn-warning.disabled:hover, .btn-warning:disabled:hover, fieldset[disabled] .btn-warning:hover {
	background-color: #f0ad4e;
	border-color: #f0ad4e
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}
.btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #b52b27;
	border-color: #c12e2a
}
.btn-danger:hover {
	color: #fff;
	background-color: #b52b27;
	border-color: #c12e2a
}
.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
	background-image: none;
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
	background-color: #d9534f;
	border-color: #d9534f
}
.btn-danger.disabled:hover, .btn-danger:disabled:hover, fieldset[disabled] .btn-danger:hover {
	background-color: #d9534f;
	border-color: #d9534f
}
.btn-primary-outline {
	color: #2bb8aa;
	background-image: none;
	background-color: transparent;
	border-color: #2bb8aa
}
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open>.btn-primary-outline.dropdown-toggle {
	color: #fff;
	background-color: #2bb8aa;
	border-color: #2bb8aa
}
.btn-primary-outline:hover {
	color: #fff;
	background-color: #2bb8aa;
	border-color: #2bb8aa
}
.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus, fieldset[disabled] .btn-primary-outline:focus, fieldset[disabled] .btn-primary-outline.focus {
	border-color: #ffb9b8
}
.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover, fieldset[disabled] .btn-primary-outline:hover {
	border-color: #ffb9b8
}
.btn-secondary-outline {
	color: #ccc;
	background-image: none;
	background-color: transparent;
	border-color: #ccc
}
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open>.btn-secondary-outline.dropdown-toggle {
	color: #fff;
	background-color: #ccc;
	border-color: #ccc
}
.btn-secondary-outline:hover {
	color: #fff;
	background-color: #ccc;
	border-color: #ccc
}
.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus, fieldset[disabled] .btn-secondary-outline:focus, fieldset[disabled] .btn-secondary-outline.focus {
	border-color: #fff
}
.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover, fieldset[disabled] .btn-secondary-outline:hover {
	border-color: #fff
}
.btn-info-outline {
	color: #5bc0de;
	background-image: none;
	background-color: transparent;
	border-color: #5bc0de
}
.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open>.btn-info-outline.dropdown-toggle {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}
.btn-info-outline:hover {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}
.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus, fieldset[disabled] .btn-info-outline:focus, fieldset[disabled] .btn-info-outline.focus {
	border-color: #b0e1ef
}
.btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover, fieldset[disabled] .btn-info-outline:hover {
	border-color: #b0e1ef
}
.btn-success-outline {
	color: #5cb85c;
	background-image: none;
	background-color: transparent;
	border-color: #5cb85c
}
.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open>.btn-success-outline.dropdown-toggle {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}
.btn-success-outline:hover {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}
.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus, fieldset[disabled] .btn-success-outline:focus, fieldset[disabled] .btn-success-outline.focus {
	border-color: #a3d7a3
}
.btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover, fieldset[disabled] .btn-success-outline:hover {
	border-color: #a3d7a3
}
.btn-warning-outline {
	color: #f0ad4e;
	background-image: none;
	background-color: transparent;
	border-color: #f0ad4e
}
.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open>.btn-warning-outline.dropdown-toggle {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e
}
.btn-warning-outline:hover {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e
}
.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus, fieldset[disabled] .btn-warning-outline:focus, fieldset[disabled] .btn-warning-outline.focus {
	border-color: #f8d9ac
}
.btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover, fieldset[disabled] .btn-warning-outline:hover {
	border-color: #f8d9ac
}
.btn-danger-outline {
	color: #d9534f;
	background-image: none;
	background-color: transparent;
	border-color: #d9534f
}
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open>.btn-danger-outline.dropdown-toggle {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}
.btn-danger-outline:hover {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}
.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus, fieldset[disabled] .btn-danger-outline:focus, fieldset[disabled] .btn-danger-outline.focus {
	border-color: #eba5a3
}
.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover, fieldset[disabled] .btn-danger-outline:hover {
	border-color: #eba5a3
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
	width: 100%
}
.btn-red-common {
	width: 140px;
	height: 35px;
	background-color: #2bb8aa;
	border-color: #fff;
	border-radius: 5px;
	border: none;
	color: #fff;
	font-size: 1.4rem
}
.btn-red-common:hover {
	background-color: #666;
	color: #fff;
	cursor: pointer
}
.btn-gray-common {
	width: 140px;
	height: 35px;
	background-color: #666;
	border-color: #fff;
	border-radius: 4px;
	border: none;
	color: #fff;
	font-size: 1.4rem;
	text-align: center
}
.btn-gray-common:hover {
	background-color: #999;
	color: #fff;
	cursor: pointer
}
.btn-c-r {
	cursor: pointer;
	background: #2bb8aa
}
.btn-c-r:hover {
	background-color: #fe2220 !important;
	color: #fff !important
}
.btn-c-g {
	cursor: pointer;
	background: #999
}
.btn-c-g:hover {
	background-color: gray !important;
	color: #fff !important
}
body {
	font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 500
}
.page {
	background: #FDFFFF !important
}
a:focus, a:hover {
	text-decoration: none !important;
	outline: none !important
}
a {
	outline: none !important
}
.header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 60px;
	z-index: 9998;
	background: #f9fbfb;
	-moz-box-shadow: rgba(0,0,0,0.2) 0 0 4px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 0 4px;
	box-shadow: rgba(0,0,0,0.2) 0 0 4px
}
.header>.menu-bar {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 960px !important
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.header>.menu-bar {
	width: 1212px !important
}
}
@media screen and (min-width: 1500px) {
.header>.menu-bar {
	width: 1300px !important
}
}
.menu-bar>.left-part {
	position: relative;
	float: left;
	left: 0
}
.menu-bar>.left-part a:last-child {
	margin-right: 0
}
.menu-bar>.middle-part {
	position: relative;
	float: left;
	left: 30px;
	right: 20px;
	top: 14px
}
.menu-bar>.middle-part input {
	min-width: 250px;
	height: 32px;
	font-size: 1.2rem !important;
	padding: 0 10px;
	border: 1px solid rgba(217,217,222,0.9);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(248,248,245,0.2)
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.menu-bar>.middle-part input {
	min-width: 490px
}
}
@media screen and (min-width: 1500px) {
.menu-bar>.middle-part input {
	min-width: 570px
}
}
.menu-bar>.middle-part input:focus, .menu-bar>.middle-part input:hover {
	border: 1px solid #d9d9e0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(241,241,237,0.3)
}
.menu-bar>.right-part {
	position: absolute;
	right: 0
}
.menu-bar>.right-part:hover .warnWindom {
	opacity: 1
}
.menu-bar>.right-part a:last-child {
	margin-right: 0
}
.right-part img {
	height: 30px;
	width: 30px;
	border-radius: 90px;
	vertical-align: middle !important
}
.page {
	position: relative;
	top: 60px;
	background: #f9fbfb
}
.footer {
	position: relative;
	width: 100%;
	top: 60px
}
.footer .footer-desc-wrap {
	position: relative;
	width: 100%;
	height: 285px;
	background: #FFEEEF
}
.footer-desc-wrap .footer-desc {
	width: 960px;
	text-align: center;
	margin: 0 auto;
	padding-top: 60px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.footer-desc-wrap .footer-desc {
	width: 1212px
}
}
@media screen and (min-width: 1500px) {
.footer-desc-wrap .footer-desc {
	width: 1464px
}
}
.footer-desc-wrap .footer-desc h2 {
	font-size: 2.6rem;
	color: #333;
	line-height: 2.6rem;
	margin-bottom: 26px
}
.footer-desc-wrap .footer-desc p {
	font-size: 1.6rem;
	color: #666;
	height: 24px;
	line-height: 24px
}
.footer-desc-wrap .footer-desc .known-btn {
	margin-top: 22px
}
.footer-desc-wrap .footer-desc .known-btn a {
	display: block;
	text-decoration: none;
	color: #fff
}
.footer-desc-wrap .footer-desc .known-btn a:hover, .footer-desc-wrap .footer-desc .known-btn a:visited {
	color: #fff
}
.footer-wrap {
	position: relative;
	width: 100%;
	height: 330px;
	background: #140808
}
@media screen and (max-width: 1276px) {
.footer-wrap {
	height: 344px
}
}
.footer-wrap .footer-content {
	width: 960px;
	height: 294px;
	margin: 0 auto;
	border-bottom: solid 1px #d9d9de
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.footer-wrap .footer-content {
	width: 1212px
}
}
@media screen and (min-width: 1500px) {
.footer-wrap .footer-content {
	width: 1464px
}
}
@media screen and (max-width: 1276px) {
.footer-wrap .footer-content {
	height: 308px
}
}
.footer-content .footer-column {
	display: inline-block;
	vertical-align: top;
	width: 156px;
	margin-top: 60px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.footer-content .footer-column {
	width: 198px
}
}
@media screen and (min-width: 1500px) {
.footer-content .footer-column {
	width: 240px
}
}
.footer-content .footer-column .title {
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.4rem;
	color: #fff;
	margin-bottom: 20px
}
.footer-content .footer-column .top-margin {
	margin-top: 40px
}
.footer-content .footer-column a {
	display: block;
	text-decoration: none;
	color: #dedede;
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin-bottom: 10px
}
.footer-content .footer-column .mark-icon {
	width: 120px;
	height: 120px
}
.footer-content .footer-column h3 {
	display: inline-block
}
.footer-content .footer-column h4 {
	margin: 5px auto;
	text-indent: 2.2rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #dedede
}
.footer-content .footer-column .qq-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
	margin-right: 6px
}
.footer-content .footer-column .tel-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 6px
}
.footer-content .footer-column .mail-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 6px
}
.footer-content .footer-column .mailClient {
	margin-bottom: 12px
}
.footer-content .footer-notice {
	margin: 20px auto
}
.footer-content .footer-notice h2 {
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.4rem;
	margin-bottom: 10px;
	color: #c8c8c8
}
.footer-content .footer-notice p {
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin: 5px auto;
	color: #bbb
}
.footer-wrap .footer-box {
	width: 960px;
	height: 36px;
	margin: 0 auto;
	text-align: center;
	color: #dedede;
	line-height: 36px;
	font-size: 1.2rem
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.footer-wrap .footer-box {
	width: 1212px
}
}
@media screen and (min-width: 1500px) {
.footer-wrap .footer-box {
	width: 1464px
}
}
.footer-wrap .footer-box a {
	text-decoration: none;
	color: #dedede;
	font-size: 1.2rem
}
.toolbar {
	position: fixed;
	right: 0px;
	bottom: 50px
}
.toolbar-item {
	display: block;
	width: 52px;
	height: 52px;
	margin-top: 1px;
	position: relative;
	-moz-transition: background-position 1s;
	-ms-transition: background-position 1s;
	-o-moz-transition: background-position 1s;
	-webkit-moz-transition: background-position 1s;
	transition: background-position 1s
}
.modal-open {
	overflow: hidden
}
.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 50%;
	margin-top: -212px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}
.modal-backdrop.in {
	opacity: .8;
	filter: alpha(opacity=80)
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.42857px
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.42857
}
.modal-body {
	position: relative;
	padding: 15px
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
@media (min-width: 768px) {
.modal-dialog {
	width: 600px;
	margin: 50px auto
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	box-shadow: 0 5px 15px rgba(0,0,0,0.5)
}
.modal-sm {
	width: 300px
}
}
@media (min-width: 992px) {
.modal-lg {
	width: 900px
}
}
.clearfix:before, .clearfix:after, .modal-footer:before, .modal-footer:after {
	content: " ";
	display: table
}
.clearfix:after, .modal-footer:after {
	clear: both
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.pull-right {
	float: right !important
}
.pull-left {
	float: left !important
}
.hide {
	display: none !important
}
.show {
	display: block !important
}
.invisible {
	visibility: hidden
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.hidden {
	display: none !important
}
.affix {
	position: fixed
}
.modal-body .modal-icon {
	position: relative;
	float: right;
	right: -36px;
	top: -34px;
	width: 40px;
	height: 40px;
	cursor: pointer
}
.modal-body dl {
	text-align: center
}
.modal-body dl dt:first-child {
	margin: 40px auto;
	color: #666;
	font-size: 36px;
	font-weight: 600
}
.modal-body dl dd:nth-child(2) {
	margin: 30px auto;
	font-size: 1.8rem
}
.modal-body dl dd:nth-child(2) input {
	display: inline-block;
	text-indent: 10px;
	width: 240px;
	height: 48px;
	border: solid 1px #666;
	color: #666
}
.modal-body dl dd:nth-child(2) .call-btn {
	display: inline-block;
	vertical-align: top;
	line-height: 48px;
	margin-left: -6px;
	width: 118px;
	height: 48px;
	background-color: #2bb8aa;
	color: #ffffff
}
.modal-body dl dd:nth-child(2) .call-btn .call-icon {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	width: 14px;
	height: 14px
}
.modal-body dl dd:nth-child(2) .modal-message {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #2bb8aa;
	font-size: 1.6rem;
	font-weight: normal
}
.modal-body dl dt:nth-child(3) {
	margin-top: 30px;
	margin-bottom: 15px
}
.modal-body dl dt:nth-child(3) .model-qq-icon {
	width: 42px;
	height: 42px;
	margin: 0 auto
}
.modal-body dl dd:last-child {
	color: #666;
	margin-bottom: 40px;
	font-size: 1.8rem
}
.warn {
	width: 16px;
	height: 16px;
	border-radius: 120px;
	background: #2bb8aa;
	color: white;
	text-align: center;
	line-height: 18px;
	position: absolute;
	top: 41px;
	left: 17px
}
.warnWindom {
	width: 80px;
	height: 30px;
	border: 1px solid #ccc;
	position: absolute;
	background: white;
	color: #333;
	border-radius: 5px;
	line-height: 30px;
	padding-right: 0px;
	margin-top: 77px;
	text-align: inherit;
	padding-left: 20px;
	opacity: 0
}
.warnWindom .divImg {
	position: absolute;
	top: -17px;
	left: 37px;
	width: 25px;
	height: 25px;
	background: url("../images/upjiao.png") no-repeat;
	background-size: 25px 25px
}
@CHARSET "UTF-8";
.header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 60px;
	z-index: 9998;
	background: transparent;
	-moz-box-shadow: rgba(0,0,0,0.2) 0 0 4px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 0 4px;
	box-shadow: rgba(0,0,0,0.2) 0 0 4px;
	height: 80px;
	transition: all .8s ease-in-out 0s;
	box-shadow: none
}
.login-item {
	color: white !important;
	font-weight: 500;
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.login-item {
	max-width: 120px
}
}
@media screen and (min-width: 1500px) {
.login-item {
	max-width: 180px
}
}
.headerMove .login-item {
	color: #2bb8aa !important;
	font-weight: 500
}
.headerMove .warn {
	width: 16px;
	height: 16px;
	border-radius: 120px;
	background: #2bb8aa;
	color: white;
	text-align: center;
	line-height: 18px;
	position: absolute;
	top: 33px;
	left: 17px
}
.headerMove {
	height: 60px !important;
	background: white;
	-moz-box-shadow: 10px 10px 5px #cccccc;
	box-shadow: 0px 0px 10px #cccccc
}
.headerMove .header-item {
	line-height: 60px !important;
	color: black;
	font-weight: 500
}
.headerMove .header-item:hover {
	color: #2bb8aa !important
}
.headerMove .header-item:hover .showVideo {
	background-position: 0px -15px !important
}
.headerMove .header-item span {
	bottom: 10px
}
.headerMove .showVideo {
	width: 15px;
	height: 15px;
	background: url(../images/showvideob.png) no-repeat 0 0px !important;
	position: absolute;
	top: 23px !important;
	left: 75px !important
}
.headerMove .tele-h-svg {
	transition: all .8s ease-in-out 0s;
	position: relative;
	top: 22px !important;
	width: 145px;
	height: 60px;
	background: url(../images/bannerphoner.svg) no-repeat !important
}
.headerMove .nav .logo {
	background: url(../images/bannerlogor.png) no-repeat
}
.foot3 {
	background: black;
	height: 440px;
	position: relative;
	border-top: 1px solid white;
	font-weight: 500
}
.foot3 .title a {
	cursor: default !important
}
.foot3 a:hover {
	color: white
}
.foot3 a:visited {
	color: white
}
.foot3 a:link {
	color: white
}
.foot3 a {
	color: white
}
.foot3 .footContent {
	width: 960px !important;
	margin: 0 auto;
	padding-top: 60px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.foot3 .footContent {
	width: 1212px !important
}
}
@media screen and (min-width: 1500px) {
.foot3 .footContent {
	width: 1300px !important
}
}
.foot3 .footContent .contentBottom {
	text-align: center;
	color: white;
	padding-top: 30px
}
.foot3 .footContent .contentBottom div {
	font-size: 1.2rem
}
.foot3 .footContent .contentBottom div:first-child {
	font-size: 1.6rem !important;
	margin-bottom: 16px
}
.foot3 .footContent .contentBottom div:nth-child(3) {
	margin-top: 5px
}
.foot3 .footContent .contentBottom div:last-child {
	margin-top: 20px
}
.foot3 .footContent .contentTop {
	font-size: 0;
	padding-bottom: 55px;
	border-bottom: 1px solid #666
}
.foot3 .footContent .contentTop .codeWidth {
	width: 140px !important
}
@media screen and (min-width: 1276px) {
.foot3 .footContent .contentTop .codeWidth {
	width: 200px !important
}
}
.foot3 .footContent .contentTop .commonWidth {
	width: 110px
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.foot3 .footContent .contentTop .commonWidth {
	width: 144px !important
}
}
@media screen and (min-width: 1500px) {
.foot3 .footContent .contentTop .commonWidth {
	width: 184px !important
}
}
.foot3 .footContent .contentTop .onLineWidth {
	width: 220px !important
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.foot3 .footContent .contentTop .onLineWidth {
	width: 196px !important
}
}
@media screen and (min-width: 1500px) {
.foot3 .footContent .contentTop .onLineWidth {
	width: 296px !important
}
}
.foot3 .footContent .contentTop .topItem {
	display: inline-block;
	color: white;
	font-size: 1.2rem;
	vertical-align: top
}
.foot3 .footContent .contentTop .topItem .Twocode {
	width: 110px;
	height: 110px;
	background: url(../images/pai.png) no-repeat !important;
	margin-bottom: 10px
}
.foot3 .footContent .contentTop .topItem .smWord {
	font-size: 1.2rem;
	color: white
}
.foot3 .footContent .contentTop .topItem .title {
	font-size: 1.6rem !important;
	margin-bottom: 30px
}
.foot3 .footContent .contentTop .topItem .noiconItem {
	height: 12px;
	margin-bottom: 11px
}
.foot3 .footContent .contentTop .topItem .noiconItem:hover a {
	color: #2bb8aa
}
.foot3 .footContent .contentTop .topItem .noiconItem a {
	position: relative;
	top: -2px
}
.foot3 .footContent .contentTop .topItem .iconItem {
	height: 12px;
	padding-left: 14px;
	margin-bottom: 11px;
	padding-top: 1px
}
.foot3 .footContent .contentTop .topItem .iconItem:hover a {
	color: #2bb8aa
}
.foot3 .footContent .contentTop .topItem .iconItem a {
	position: relative;
	top: -2px;
	left: 8px
}
.foot3 .footContent .contentTop .topItem .iconItem:hover {
	background-position-y: -12px
}
.foot3 .footContent .contentTop .topItem .cusLogin {
	background: url(../images/cuslogin.png) no-repeat
}
.foot3 .footContent .contentTop .topItem .proLogin {
	background: url(../images/prologin.png) no-repeat
}
.foot3 .footContent .contentTop .topItem .manLogin {
	background: url(../images/manlogin.png) no-repeat
}
.foot3 .footContent .contentTop .topItem .reg {
	background: url(../images/reg.png) no-repeat
}
.foot3 .footContent .contentTop .topItem .cusSer {
	background: url(../images/cusser.png) no-repeat
}
.foot3 .footContent .contentTop .topItem .proSer {
	background: url(../images/proser.png) no-repeat
}
.foot3 .footContent .contentTop .topItem .email {
	background: url(../images/email.png) no-repeat
}
.foot3 .footContent .contentTop .topItem .tel {
	font-size: 34px !important;
	position: relative;
	top: -10px;
	background: black
}
.foot3 .footContent .contentTop .topItem .tel a {
	color: #2bb8aa !important
}
.foot3 .footContent .contentTop .topItem .workTime {
	position: relative;
	top: -3px
}
.foot3 .footContent .contentTop .topItem .workTime a {
	cursor: none
}
.proSer {
	position: relative
}
.proSer:hover .showCodeToPro {
	display: block !important
}
.proSer .showCodeToPro {
	display: none;
	position: absolute;
	background: white;
	top: -240px;
	left: 0px;
	text-align: center;
	width: 270px;
	height: 312px;
	background: url(../images/footcodebackground.png);
	top: -315px;
	left: -30px;
	z-index: 99
}
.proSer .showCodeToPro img {
	display: block;
	width: 180px;
	margin-top: 40px;
	margin-left: 45px;
	margin-bottom: 10px
}
.proSer .showCodeToPro span {
	color: #2bb8aa;
	font-size: 1.4rem;
	margin-top: 30px;
	margin-bottom: 10px
}
.cusSer {
	position: relative
}
.cusSer:hover .showCodeToPro {
	display: block !important
}
.cusSer .showCodeToPro {
	display: none;
	position: absolute;
	width: 270px;
	height: 312px;
	background: url(../images/footcodebackground.png);
	top: -315px;
	left: -30px;
	text-align: center;
	z-index: 99
}
.cusSer .showCodeToPro img {
	display: block;
	width: 180px;
	margin-top: 40px;
	margin-left: 45px;
	margin-bottom: 10px
}
.cusSer .showCodeToPro span {
	color: #2bb8aa;
	font-size: 1.4rem;
	margin-top: 30px;
	margin-bottom: 10px
}
.openVideo {
	background: black;
	text-align: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	overflow: hidden;
	z-index: 99;
	background: transparent
}
.openVideo .videoClose {
	position: absolute;
	height: 24px;
	width: 24px;
	z-index: 15;
	right: -486px;
	top: -10px;
	background: url(../images/close.png) no-repeat;
	cursor: pointer
}
.openVideo .videoClose:hover {
	background-position-y: -24px
}
.openVideo .openVideoCommon {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	background: black;
	opacity: 0.8;
	z-index: 10
}
.openVideo video {
	position: fixed;
	z-index: 12;
	width: 960px;
	height: 544px;
	-moz-transition: perspective(1000px) rotatex(-61deg);
	-webkit-transition: perspective(1000px) rotatex(-61deg);
	-o-transition: perspective(1000px) rotatex(-61deg);
	transform: perspective(1000px) rotatex(-61deg);
	transition: transform .3s linear, opacity .3s linear;
	-moz-transition: transform .3s linear, opacity .3s linear;
	-webkit-transition: transform .3s linear, opacity .3s linear;
	-o-transition: transform .3s linear, opacity .3s linear;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	border: 5px solid rgba(255,255,255,0.3);
	border-radius: 6px;
	opacity: 0
}
.openVideo #videoRoata {
	position: fixed;
	z-index: 12;
	width: 960px;
	height: 540px;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -960px
}
.openVideo .active {
	-moz-transition: rotateX(0);
	-webkit-transition: rotateX(0);
	-o-transition: rotateX(0);
	transform: rotateX(0);
	opacity: 1
}
.comOrder {
	position: fixed;
	z-index: 120;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5)
}
.cOrder {
	position: relative;
	width: 400px;
	bottom: -300px;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -190px;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 50px 50px 50px 50px;
	background: white
}
.cOrder .cOrderTitle {
	color: #2bb8aa;
	font-size: 1.6rem;
	margin-bottom: 20px;
	text-align: center
}
.cOrder .cCloseBtn {
	width: 24px;
	height: 24px;
	position: absolute;
	top: -12px;
	right: -12px;
	background: #f0f2f5 !important;
	border: 1px solid #d1d1d1;
	border-radius: 90px
}
.cOrder .cCloseBtn div {
	width: 12px;
	height: 12px;
	background: url(../images/close.png) no-repeat;
	position: relative;
	top: 5px !important;
	left: 5px !important
}
.cOrder .cCloseBtn div:hover {
	background-position-y: -12px
}
.cOrder .cOrderItem {
	position: relative;
	margin-bottom: 20px
}
.cOrder .cOrderItem input {
	height: 35px;
	border: 1px solid #999 !important;
	border-radius: 4px;
	color: #666;
	font-size: 1.4rem;
	outline: none;
	padding-right: 110px;
	padding-left: 10px;
	width: 100%
}
.cOrder .cOrderItem input:focus {
	border: 1px solid #999
}
.cOrder .cOrderItem div {
	height: 35px;
	width: 106px;
	background: #2bb8aa;
	color: white;
	font-size: 1.4rem;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 35px;
	cursor: pointer
}
.cOrder .cOrderItem div:active {
	background: #ea0301
}
.cOrder .cOrderItem::after {
	content: attr(data-content);
	position: absolute;
	color: #2bb8aa;
	font-size: 1.2rem;
	top: 36px;
	right: 0px;
	bottom: 0px;
	left: 15px
}
.cOrder .cOrderBtn {
	height: 35px;
	color: white;
	font-size: 1.4rem;
	line-height: 35px;
	background: #2bb8aa;
	margin-bottom: 12px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer
}
.cOrder .cOrderBtn:active {
	background: #ea0301
}
.cOrder .cOrderBotTitle {
	color: #999;
	font-size: 1.2rem
}
.dropdown-toggle {
	padding: 6px 12px
}
.dropdowns .dropdown-menu {
	left: 0px !important
}
.dropdowns {
	width: 100% !important;
	height: 35px !important;
	display: inline-block !important;
	border: none !important;
	background: transparent !important;
	position: relative !important
}
.dropdowns div {
	background: transparent !important
}
.dropdowns div:hover {
	background: transparent !important
}
.dropdowns span {
	color: #666;
	font-size: 1.4rem;
	position: absolute;
	left: 11px;
	bottom: -1px
}
.dropdowns .dropdown-menus {
	width: 100% !important;
	top: 29px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 0px;
	margin: 0px;
	left: 0px !important
}
.dropdowns .dropdown-menus li {
	width: 100% !important;
	padding-left: 13px !important;
	color: #333;
	cursor: pointer;
	text-align: left
}
.dropdowns .dropdown-menus li:hover {
	background: #f0f2f5 !important
}
.dropdowns .carets {
	height: 15px !important;
	width: 15px !important;
	background: url("../images/selecticon.png") no-repeat !important;
	position: absolute !important;
	right: 20px !important;
	top: 10px !important
}
.dropdowns .carets:hover {
	background: url("../images/selecticon.png") no-repeat !important
}
.dropdowns .dropdown-toggle {
	color: #666;
	font-size: 1.4rem;
	width: 100% !important;
	height: 35px !important;
	background: white !important;
	text-align: left;
	padding-left: 20px;
	border: 1px solid #999 !important;
	outline: none !important
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175)
}
.showSuccess {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 230
}
.showSuccess .cCloseBtn {
	width: 24px;
	height: 24px;
	position: absolute;
	top: -12px;
	right: -12px;
	background: #f0f2f5;
	border-radius: 90px;
	border: 1px solid #d1d1d1
}
.showSuccess .cCloseBtn div {
	width: 12px;
	height: 12px;
	background: url(../images/close.png) no-repeat;
	position: relative;
	top: 5px;
	left: 5px
}
.showSuccess .cCloseBtn div:hover {
	background-position-y: -12px
}
.successModal {
	position: relative;
	background: white;
	width: 402px;
	height: 286px;
	padding-top: 65px;
	border-radius: 6px;
	top: 50%;
	left: 50%;
	margin-top: -143px;
	margin-left: -201px;
	z-index: 101
}
.successWord {
	color: #333;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
	border-bottom: 1px solid #2bb8aa;
	width: 80px;
	margin: 0 auto;
	line-height: 25px;
	color: #2bb8aa;
	margin-bottom: 10px
}
.successInfo {
	color: #999;
	font-size: 1.2rem;
	text-align: center
}
.successInfo span:nth-child(1) {
	color: #2bb8aa;
	margin-right: 16px;
	cursor: pointer
}
.show-zero2 {
	-webkit-animation: showZeroAlert 0.3s;
	animation: showZeroAlert 0.3s
}
.zeromodal-icon {
	width: 80px;
	height: 80px;
	border: 4px solid #808080;
	border-radius: 50%;
	margin: 16px auto 16px;
	margin-top: 16px;
	padding: 0;
	position: relative;
	box-sizing: content-box;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.zeromodal-icon.zeromodal-success {
	border-color: #a5dc86
}
.zeromodal-icon.zeromodal-success .line {
	height: 5px;
	background-color: #a5dc86;
	display: block;
	border-radius: 2px;
	position: absolute;
	z-index: 2
}
.zeromodal-icon.zeromodal-success .line.tip {
	width: 25px;
	left: 14px;
	top: 46px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.zeromodal-icon.zeromodal-success .line.long {
	width: 47px;
	right: 8px;
	top: 38px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.zeromodal-icon.zeromodal-success .placeholder {
	width: 80px;
	height: 80px;
	border: 4px solid rgba(165,220,134,0.2);
	border-radius: 50%;
	box-sizing: content-box;
	position: absolute;
	left: -4px;
	top: -4px;
	z-index: 2
}
@-webkit-keyframes showZeroAlert {
0% {
-webkit-transform:scale(0.7);
transform:scale(0.7)
}
45% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
80% {
-webkit-transform:scale(0.95);
transform:scale(0.95)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes showZeroAlert {
0% {
-webkit-transform:scale(0.7);
transform:scale(0.7)
}
45% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
80% {
-webkit-transform:scale(0.95);
transform:scale(0.95)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.errorLCommon {
	border: 1px solid #2bb8aa !important
}
.errorLCommon:focus {
	border-color: #2bb8aa
}
.right-part:hover .showInfo {
	display: block !important
}
.showInfo {
	width: 180px;
	background: white;
	border-radius: 4px;
	color: #666;
	position: absolute;
	top: 60px;
	display: none;
	left: -70px
}
.showInfo .showInfoList {
	margin: 0px;
	padding: 0px 0px 10px 0px
}
.showInfo .showInfoList a, .showInfo .showInfoList a:hover {
	color: #666
}
.showInfo .showInfoList li {
	padding-left: 75px;
	height: 36px;
	line-height: 36px;
	position: relative
}
.showInfo .showInfoList li:hover {
	background: #f0f2f5
}
.showInfo .showInfoList .showName {
	height: 41px;
	border-bottom: 1px solid #eee;
	line-height: 40px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0px;
	margin-bottom: 10px
}
.showInfo .showInfoList .toSet:before {
	content: '';
	position: absolute;
	background: url(../images/toinfo.png);
	width: 14px;
	height: 14px;
	top: 11px;
	left: 50px
}
.showInfo .showInfoList .toSafe:before {
	content: '';
	position: absolute;
	background: url(../images/tosafe.png);
	width: 14px;
	height: 14px;
	top: 11px;
	left: 50px
}
.showInfo .showInfoList .toList:before {
	content: '';
	position: absolute;
	background: url(../images/toinfo.png);
	width: 14px;
	height: 14px;
	top: 11px;
	left: 50px
}
.showInfo .showInfoList .toMy:before {
	content: '';
	position: absolute;
	background: url(../images/tomypro.png);
	width: 14px;
	height: 14px;
	top: 11px;
	left: 50px
}
.showInfo .showInfoList .loginOut:before {
	content: '';
	position: absolute;
	background: url(../images/loginout.png);
	width: 14px;
	height: 14px;
	top: 11px;
	left: 50px
}
.widthHear {
	width: 60px;
	text-align: left
}
.flexVideo {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	min-width: 960px;
	min-height: 320px
}
.flexVideo section {
	position: relative;
	overflow: hidden
}
.flexVideo .video-bg {
	position: absolute;
	width: 100%
}
body {
	background: #FDFFFF
}
.page {
	top: 0 !important
}
.btn-default {
	color: #333;
	background-color: white !important;
	border-color: none
}
.costBackguound {
	width: 100%;
	height: 100%;
	min-height: 960px;
	background: url(../images/costbg.jpg) no-repeat !important;
	background-size: cover !important;
	background-position: center 0
}
.costContent {
	width: 960px !important;
	height: 960px;
	margin: 0 auto;
	padding-top: 120px;
	position: relative
}
@media screen and (min-width: 1276px) and (max-width: 1500px) {
.costContent {
	width: 1212px !important
}
}
@media screen and (min-width: 1500px) {
.costContent {
	width: 1300px !important
}
}
.costContent .info {
	position: absolute;
	top: 398px;
	width: auto;
	color: white;
	left: 45px
}
@media screen and (min-width: 1500px) {
.costContent .info {
	left: 100px
}
}
.costContent .info div:nth-child(1) {
	font-size: 5.0rem;
	font-weight: bold
}
.costContent .info div:nth-child(2) {
	font-size: 3.6rem;
	margin-top: 10px;
	margin-bottom: 10px
}
.costContent .info div:nth-child(3) {
	font-size: 1.4rem
}
.costContent .info div:nth-child(3) label {
	position: relative;
	top: 3px;
	width: 6px;
	height: 6px;
	background: #2bb8aa;
	border-radius: 90px;
	margin-right: 5px
}
.costContent .info div:nth-child(4) {
	font-size: 1.4rem
}
.costContent .info div:nth-child(4) label {
	width: 6px;
	height: 6px;
	background: transparent;
	border-radius: 90px;
	margin-right: 5px
}
.costContent .calculator {
	width: 500px;
	position: absolute;
	right: 10px;
	padding-bottom: 50px
}
.costContent .calculator .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.8;
	border-radius: 4px
}
.costContent .calculator .price {
	position: relative;
	text-align: center;
	color: white;
	padding-top: 30px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.costContent .calculator .price label {
	font-weight: 500
}
.costContent .calculator .price label:nth-child(1) {
	font-size: 5.0rem
}
.costContent .calculator .price label:nth-child(2) {
	margin-left: 10px;
	font-size: 4.8rem
}
.costContent .calculator .controlWidth {
	width: 410px;
	position: relative;
	margin: 0 auto
}
.controlWidth .youNeed {
	color: white;
	font-size: 1.4rem;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	line-height: 20px
}
.inputWidthPhone {
	width: 100% !important;
	padding-top: 22px !important
}
.inputWidthPhone .title:after, .inputWidthPhone .title after {
	content: attr(data-content);
	color: #2bb8aa;
	font-size: 1.2rem;
	padding-left: 15px
}
.inputWidthPhone input {
	width: 100%;
	color: #999;
	font-size: 1.4rem;
	height: 36px;
	border-radius: 4px;
	border: none;
	padding-left: 10px;
	outline: none !important;
	border: 2px solid transparent
}
.errorPhone {
	border: 2px solid #2bb8aa !important
}
.inputWidth {
	width: 100% !important;
	padding-top: 50px !important
}
.inputWidth button {
	position: relative;
	font-size: 1.6rem;
	color: white;
	border: none;
	border-radius: 4px;
	outline: none
}
.inputWidth button:first-child {
	left: 0px;
	width: 295px;
	height: 50px;
	background: #2bb8aa
}
.inputWidth button:first-child:hover {
	background-color: #666;
	color: #fff
}
.inputWidth button:first-child:active {
	background: #fe2220
}
.inputWidth button:last-child {
	right: 0px;
	width: 109px;
	height: 50px;
	background: #999
}
.inputWidth button:last-child:hover {
	background: #4d4d4d
}
.error {
	border: 1px solid #2bb8aa
}
.code {
	width: 100% !important
}
.code .title:after {
	content: attr(data-content);
	color: #2bb8aa;
	font-size: 1.2rem;
	padding-left: 15px
}
.code input {
	width: 304px;
	color: #999;
	font-size: 1.4rem;
	height: 36px;
	border-radius: 4px;
	border: none;
	padding-left: 10px;
	outline: none !important;
	border: 2px solid transparent;
	display: inline-block;
	vertical-align: top
}
.code button {
	width: 100px;
	color: #999;
	font-size: 1.4rem;
	height: 36px;
	border-radius: 4px;
	border: none;
	padding-left: 10px;
	outline: none !important;
	border: 2px solid transparent;
	display: inline-block;
	vertical-align: top;
	background: white
}
.code button:hover {
	background: #999;
	color: white
}
.calItem {
	display: inline-block;
	width: 202px;
	padding-top: 22px;
	vertical-align: top
}
.calItem .title {
	color: white;
	padding-bottom: 6px
}
.calItem .infoContent {
	color: #999;
	font-size: 1.2rem;
	padding-top: 2px;
	padding-bottom: 2px
}
.calItem .costSelect {
	width: 100%
}
.calItem .costSelect .dropdown-toggle {
	width: 100%;
	height: 36px;
	line-height: 24px;
	font-size: 1.4rem;
	color: #333;
	text-align: left;
	padding-left: 10px
}
.calItem .costSelect .dropdown-toggle:hover {
	background: white !important
}
.calItem .costSelect .carets {
	height: 15px;
	width: 15px;
	background: url("../images/selecticon.png") no-repeat !important;
	position: absolute;
	right: 20px;
	top: 10px
}
.calItem .costSelect .dropdown-menu {
	width: 101%;
	top: 31px;
	left: -1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin: 0px;
	padding: 0px
}
.calItem .costSelect li {
	padding-left: 10px;
	color: #333;
	cursor: pointer;
	line-height: 36px
}
.calItem .costSelect li:hover {
	background: #f0f2f5
}
.code {
	width: 100% !important
}
.code .title:after {
	content: attr(data-content);
	color: #2bb8aa;
	font-size: 1.2rem;
	padding-left: 15px
}
.code input {
	width: 304px;
	color: #999;
	font-size: 1.4rem;
	height: 36px;
	border-radius: 4px;
	border: none;
	padding-left: 10px;
	outline: none !important;
	border: 2px solid transparent;
	display: inline-block;
	vertical-align: top
}
.code button {
	width: 100px;
	color: #999;
	font-size: 1.4rem;
	height: 36px;
	border-radius: 4px;
	border: none;
	padding-left: 10px;
	outline: none !important;
	border: 2px solid transparent;
	display: inline-block;
	vertical-align: top;
	background: white
}
.code button:hover {
	background: #999;
	color: white
}