.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.hidden {
	visibility: hidden;
}
.no-margin {
	margin: 0;
}
.no-padding {
	padding: 0;
}
.modal-text {
	font-size: 0.75rem;
}
.navbar:after {
	display: none;
}
.toolbar:before {
	display: none;
}
.list-block ul:before {
	display: none;
}
.list-block ul:after {
	display: none;
}
.button {
	border-radius: .1rem;
	color: #fff;
	border: none;
}
.button.button-big {
	font-size: .95rem;
	height: 2.5rem;
	line-height: 2.5rem;
}
.button-primary {
	background-color: #3DCDFC;
}
.button-deep-primary {
	background-color: #3D5A9C;
}
.bar-tab {
	background-color: #44b5df;
}
.navbar {
	background-color: #44b5df;
}
.navbar .title {
	color: #fff;
}
.hint-top {
	font-weight: 450;
	font-size: 0.8rem;
	background-color: #d9edf7;
	height: 50px;
	border-color: #bce8f1;
}
.speed-dial .floating-button {
	background-color: #44b5df;
}
.speed-dial .floating-button .icon-back {
	background-image: none;
}
.signin .list-block .item-content {
	color: #6e6f70;
	border: 1px solid #c8c7cc;
	font-size: 0.95rem;
	margin-right: 1.6rem;
	margin-left: 1.6rem;
	margin-bottom: 0.5rem;
}
.signin .list-block .item-inner {
	margin-left: 0rem;
}
.signin .list-block input {
	color: #6e6f70;
	font-size: 0.95rem;
}
.signin .list-block ul:before {

	/*background-color: #fff;*/
}
.signin .list-block ul:after {

	/*background-color: #fff;*/
}
.signin .list-block .item-inner:after {
	background-color: #fff;
}
.signup {
}
.signup .signup-form {
}
.signup .signup-form .list-block ul {

}
.signup .signup-form .input-line {
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #c8c7cc;
	border-radius: 4px;
}
.home {
	background-color: #f0f0f0;
}
.home .veh-type {
	margin-top: 0.85rem;
	background: #fff;
	border-bottom: 1px solid #c8c7cc;
	border-top: 1px solid #c8c7cc;
}
.home .item-inner {

	/*width: inherit;*/
	font-size: .9rem;
	-webkit-justify-content: center;
	justify-content: center;
}
.home .veh-type .col-50 {
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	float: left;
	margin-left: 0%;
	width: 50%;
}
.home .veh-type .active {
	filter: none;
	-webkit-filter: none;
}
.home .veh-type img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.home .veh-type .type-name {
	text-align: center;
	padding: 0;
	margin: 0;
}
.home .veh-type .type-name .subtitle {
	font-size: 0.8rem;
	color: gray;
}
.home .chapter-list {
	background-color: #44b5df;
	margin-top: 0.5rem;
	overflow: hidden;
}
.home .chapter-list .buttons-row::-webkit-scrollbar {
	display: none;
}
.home .chapter-list .buttons-row {
	background-color: #44b5df;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
}
.home .chapter-list .buttons-row a {
	color: #fff;	/*font-size: 0.7rem;*/
	padding: 0rem;
	width: 95%;
	padding: 0.6rem;
	word-break: keep-all;
}
.home .chapter-name {
	font-size: 0.85rem;
	margin: 0.5rem 0rem 0.5rem 0.5rem;
}
.home .section-list a {
	font-size: 0.8rem;
	color: #000;
	line-height: 22px;
}
.home .section-list ul li {
	font-size: 0.65rem;
	list-style: none;
	padding-left: 0.5rem;
	background-color: #e5f0f5;
	margin-bottom: 0.2rem;
}
.home .section-list .list-block {
	padding: 0;
	margin: 0;
}
.home .section-list .list-block .item-content {
	line-height: 22px;
	padding-left: 2.0rem;
}
.home .section-list .item-content {
	min-height: 1.9rem;
	padding-left: 0.5rem;
}
.home .section-area {
	line-height: 8px;
	margin-top: 0px;
}
.home .list-block ul {
	background-color: #fff;
}
.home .list-block ul ul {
	padding-left: 1.5rem;
}
.video .page-content {
}
.video .current-title {
	font-weight: 600;
}
.video .vplayer {
	z-index: 999;
	position: relative;
	top: 0;
}
.video .list-block ul:before {
	background-color: #fff;
}
.video .list-block {
	font-size: 0.85rem;
}
.video .list-block ul {
	background-color: #f0f0f0;
}
.video .list-block .item-inner:after {
	background-color: #fff;
}
.video .list-block .section .item-inner:after {
	background-color: #fff;
}
.video .list-block .section .item-content {
	padding-left: 0.2rem;
}
.video .list-block .section a {
	color: #000;
}
.video .list-block .section .item-title {
	white-space: normal;
}
.video .list-block .section .finished {
	color: #cfcfcf;
	text-decoration: line-through;
}
.video .list-block .section {
	background: #fff;
	margin-left: 1rem;
	margin-bottom: 0.5rem;
	padding-left: 0rem;
}
.video .list-block .section ul {
	padding-left: 0.3rem;
	background: #fff;
}
.video .list-block ul ul li {
	padding-left: 1.25rem;
}
.video .section .section-title {
	border-bottom: 1px solid #c8c7cc;
}
.video .controls {
	width: 100%;
	min-height: 30px;
	background-color: #2C2C2C;
	z-index: 2147483648;
}
.video .controls .switch {
	display: block;
	width: 20px;
	height: 20px;
	color: #FFF;
	position: absolute;
	padding-top: 5px;
	padding-left: 8px;
}
.video .controls .switch:hover {
	color: #fff;
}
.video .controls .expand {
	display: block;
	width: 20px;
	height: 20px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 8px;
	float: right;
}
.video .controls .volume {
	display: block;
	width: 20px;
	height: 20px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 8px;
	float: right;
}
.video .progress {
	width: 100%;
	height: 4px;
	overflow: hidden;
	background-color: #555;
	cursor: pointer;
}
.video .progress .loaded {
	width: 0;
	height: 100%;
	background-color: #00BFFF;
}
.video .progress .line {
	width: 0;
	height: 100%;
	background-color: #FFF;
	top: 0;
	left: 0;
}
.video .progress .bar {
	width: 100%;
	height: 100%;
	opacity: 0;
	left: 0;
	top: 0;
	z-index: 1;
}
.video .timer {
	height: 20px;
	line-height: 20px;
	float: left;
	padding-left: 35px;
	padding-top: 5px;
	color: #FFF;
	font-size: 12px;
}
.video .loadingbar {
	position: fixed;
	left: 50%;
	height: 65%;
	-webkit-transform: translateX(-50%) translateY(-50%);
}
.video .player {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.user .learn-detail {
	background-color: #296395;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	text-align: center
}
.record .record-detail-list .item-inner {
	padding-left: 2px;
}
.record .record-detail-list .item-title {
	color: #676666;
	font-size: 0.8rem;
}
.record .record-detail-list .item-time {
	color: #a4a4a4;
	font-size: 0.75rem;
}

/*icon font*/
@font-face {
	font-family: "iconfont";
	src: url('iconfont.eot?t=1496492692978'); /* IE9*/
	src: url('iconfont.eot?t=1496492692978#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('iconfont.woff?t=1496492692978') format('woff'), /* chrome, firefox */
	url('iconfont.ttf?t=1496492692978') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont.svg?t=1496492692978#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-camera:before {
	content: "\e643";
}
.icon-back-normal:before {
	content: "\e605";
}
.icon-forward:before {
	content: "\e606";
}
.icon-location:before {
	content: "\e600";
}
.icon-pause:before {
	content: "\e60b";
}
.icon-simple-play:before {
	content: "\e651";
}
.icon-share:before {
	content: "\e607";
}
.icon-back:before {
	content: "\e604";
}
.icon-like:before {
	content: "\e608";
}
.icon-cam-like:before {
	content: "\e60a";
}
.icon-play:before {
	content: "\e603";
}
.icon-shezhi:before {
	content: "\e601";
}
.icon-user:before {
	content: "\e602";
}
.icon-note:before {
	content: "\e609";
}
.icon-fullscreen:before {
	content: "\e611";
}
.icon-mute:before {
	content: "\e60c";
}
.icon-volume:before {
	content: "\e60d";
}

/* cd-popup */
.cd-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(94, 110, 141, 0.9);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
	position: relative;
	width: 90%;
	max-width: 400px;
	margin: 4em auto;
	background: #FFF;
	border-radius: .25em .25em .4em .4em;
	text-align: center;
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);  /* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.cd-popup-container p {
	padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
	content: "";
	display: table;
	clear: both;
}
.cd-popup-container .cd-buttons li {
	float: left;
	width: 50%;
}
.cd-popup-container .cd-buttons a {
	display: block;
	height: 60px;
	line-height: 60px;
	text-transform: uppercase;
	color: #FFF;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
	background: #fc7169;
	border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
	background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
	background: #b6bece;
	border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
	background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 30px;
	height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
	content: '';
	position: absolute;
	top: 12px;
	width: 14px;
	height: 3px;
	background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 8px;
}
.cd-popup-container .cd-popup-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 8px;
}
.is-visible .cd-popup-container {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

/*sk-circle*/
.sk-fading-circle {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}
.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
	0%, 39%, 100% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
}
@keyframes sk-circleFadeDelay {
	0%, 39%, 100% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
}
.photo-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
}