:root {
	--max-width: 768px;
	--main-color: #e85151;
	--rgb-main-color: 232, 81, 81;
	--rgb-white-color: 255, 255, 255;
	--main-bg-color: #fff;
	--sub-bg-color: #f7f7f7;
	--main-font-color: #000;
	--sub-font-color: #a0a0a0;
	--third-font-color: #d0d0d0;
	--border-color: #f2f2f2;
	--dialog-bg-color: #fff;
	--gradient-first-color: #f35d44;
	--gradient-second-color: #dd0f3a;
	--btn-bg-color: rgba(0, 0, 0, 0.05);
	--shadow-color: rgba(0, 0, 0, 0.12);
	--member-bg-url: url(../img/bg.png);
	--action-report-url: url(../img/action_report.png);
	--action-download-url: url(../img/action_download.png);
	--action-collect-url: url(../img/action_collect.png);
	--action-share-url: url(../img/action_share.png);
	--menu-long-url: url(../img/long.png);
	--menu-short-url: url(../img/short.png);
	--menu-category-url: url(../img/category.png);
	--menu-collect-url: url(../img/collect.png);
	--menu-member-url: url(../img/member.png);
	--menu-long-active-url: url(../img/long_active.png);
	--menu-short-active-url: url(../img/short_active.png);
	--menu-category-active-url: url(../img/category_active.png);
	--menu-collect-active-url: url(../img/collect_active.png);
	--menu-member-active-url: url(../img/member_active.png);
	--share-card-url: url(../img/share_card.png);
	--num1-gradient-1st-color: #fe6b5f;
	--num1-gradient-2nd-color: #fb3931;
	--num2-gradient-1st-color: #fab061;
	--num2-gradient-2nd-color: #f76b1c;
	--num3-gradient-1st-color: #fad961;
	--num3-gradient-2nd-color: #f7b91c;
	--payment-bg1-url: url(../img/background1.png);
	--payment-bg2-url: url(../img/background2.png);
	--payment-dashed-color: #d08282;
	--payment-choose-bg-color: rgba(0, 0, 0, 0.7)
}

[data-theme=dark] {
	--rgb-white-color: 0, 0, 0;
	--main-bg-color: #181818;
	--sub-bg-color: #101010;
	--main-font-color: hsla(0, 0%, 100%, 0.87);
	--sub-font-color: hsla(0, 0%, 100%, 0.54);
	--third-font-color: hsla(0, 0%, 100%, 0.26);
	--border-color: hsla(0, 0%, 100%, 0.08);
	--dialog-bg-color: #333;
	--gradient-first-color: #dc644a;
	--gradient-second-color: #dc3549;
	--btn-bg-color: hsla(0, 0%, 100%, 0.05);
	--member-bg-url: url(../img/bg_dark.png);
	--action-report-url: url(../img/action_report_dark.png);
	--action-download-url: url(../img/action_download_dark.png);
	--action-collect-url: url(../img/action_collect_dark.png);
	--action-share-url: url(../img/action_share_dark.png);
	--menu-long-url: url(../img/long_dark.png);
	--menu-short-url: url(../img/short_dark.png);
	--menu-category-url: url(../img/category_dark.png);
	--menu-collect-url: url(../img/collect_dark.png);
	--menu-member-url: url(../img/member_dark.png);
	--menu-long-active-url: url(../img/long_active_dark.png);
	--menu-short-active-url: url(../img/short_active_dark.png);
	--menu-category-active-url: url(../img/category_active_dark.png);
	--menu-collect-active-url: url(../img/collect_active_dark.png);
	--menu-member-active-url: url(../img/member_active_dark.png);
	--share-card-url: url(../img/share_card_dark.png);
	--num1-gradient-1st-color: #fd897d;
	--num1-gradient-2nd-color: #fb574f;
	--num2-gradient-1st-color: #face7f;
	--num2-gradient-2nd-color: #f7893a;
	--num3-gradient-1st-color: #faf77f;
	--num3-gradient-2nd-color: #f7d73a;
	--payment-bg1-url: url(../img/background1_dark.png);
	--payment-bg2-url: url(../img/background2_dark.png);
	--payment-dashed-color: hsla(0, 45%, 66%, 0.3);
	--payment-choose-bg-color: #303030
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-track {
  display: none;
}

::-webkit-scrollbar-thumb {
 display: none;
}

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

body,
html {
	height: 100%;
}

body {
	font-family: PingFangSC-Medium, Microsoft JhengHei, Source Sans Pro, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	background: var(--sub-bg-color)
}

#app {
	height: 100%;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overscroll-behavior: none;
}

#app::-webkit-scrollbar {
	display: none
}

li {
	list-style: none
}

a {
	text-decoration: none
}

@media screen and (max-width:999px) {
	html {
		font-size: 14px
	}
}

@media screen and (max-width:320px) {
	html {
		font-size: 12px
	}
}

.loader {
	position: fixed;
	max-width: 768px;
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 9999999999 !important;
}

.loader img {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
}

.loader .num {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	border-radius: 50px;
	color: #fff;
	background: rgba(0, 0, 0, .6);
}

.video-group {
	padding: 10px
}

.video-group:not(:last-of-type) {
	border-bottom: 10px solid var(--sub-bg-color)
}

.video-group .title-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px
}

.video-group .title-content h3 {
	font-size: 1.3rem;
	color: var(--main-font-color)
}

.video-group .title-content .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	color: var(--sub-font-color)
}

.video-group .video-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px
}

.video-group .video-wrap .col-style {
	position: relative;
	padding: 0 5px 10px
}

.video-group .video-wrap .col-style.col-style-1 {
	width: 100%
}

.video-group .video-wrap .col-style.col-style-2 {
	width: 50%
}

.video-group .video-wrap .col-style.col-style-3 {
	width: 33.33333%
}

.video-group .video-wrap .col-style.col-style-4 {
	width: 25%
}

.video-group .video-wrap .col-style.horizontal .video-box .box-content {
	padding-bottom: 67.25%
}

.video-group .video-wrap .col-style.vertical .video-box .box-content {
	padding-bottom: 143.5%
}

.video-group .video-wrap .col-style.square .video-box .box-content {
	padding-bottom: 100%
}

.video-group .video-wrap .col-style .video-box .box-content {
	position: relative;
	height: 0;
	overflow: hidden;
	border-radius: 10px;
}

.video-group .video-wrap .col-style .collect {
	position: absolute;
	top: 7px;
	right: 12px;
	height: 35px;
	width: 35px;
	background-image: url(../img/collect_btn.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index:1
}

.video-group .video-wrap .col-style .collect.active {
	background-image: url(../img/collect_btn_active.png)
}

.video-group .video-wrap .col-style .video-box .box-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
}

.video-group .video-wrap .col-style .video-box .box-bottom {
	position: absolute;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
	padding: 20px 5px 7px;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
	color: #fff;
	font-size: 12px
}

.video-group .video-wrap .col-style .video-box .box-bottom .tags {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.video-group .video-wrap .col-style .video-box .box-bottom .tags .tag {
	margin-left: 5px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center
}

.video-group .video-wrap .col-style .video-box .box-bottom .tags .tag.ch {
	background-color: #4151fe
}

.video-group .video-wrap .col-style .video-box .box-bottom .tags .tag.pi {
	background-color: #ac00d8
}

.video-group .video-wrap .col-style .video-box .box-tag {
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	font-weight: 900;
	letter-spacing: 1px
}

.video-group .video-wrap .col-style .video-box .box-tag.cate {
	background: -webkit-gradient(linear, left top, right top, from(#f35e44), to(#dd0e3a));
	background: linear-gradient(90deg, #f35e44, #dd0e3a)
}

.video-group .video-wrap .col-style .video-box .box-tag.vip {
	background: -webkit-gradient(linear, left top, right top, from(#fad961), to(#f76b1c));
	background: linear-gradient(90deg, #fad961, #f76b1c)
}

.video-group .video-wrap .col-style .video-box .box-tag.free {
	background: -webkit-gradient(linear, left top, right top, from(#b4ec51), to(#429321));
	background: linear-gradient(90deg, #b4ec51, #429321)
}

.video-group .video-wrap .col-style .video-box .box-info {
	margin-top: 5px;
	color: var(--main-font-color);
	overflow: hidden
}

.video-group .actor-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.video-group .actor-info .img {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ddd
}

.video-group .actor-info .info {
	margin-left: 20px;
	color: var(--main-font-color)
}

.video-group .actor-info .info p:first-of-type {
	margin-bottom: 10px;
	font-size: 1.2rem
}

.video-group .actor-info .btn {
	width: 80px;
	padding: 3px 5px;
	margin: 0 5px 0 auto;
	border: 1px solid;
	border-radius: 50px;
	color: var(--main-color);
	text-align: center
}

.video-group .actor-info .btn.collect {
	border-color: var(--main-color);
	background: var(--main-color);
	color: #fff
}

.video-group .actor-info .more {
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin-left: auto;
	margin-bottom: 15px;
	color: #a0a0a0
}

.video-group .pullup-loading {
	padding: 20px 0;
	text-align: center
}

.video-group .horizontal-wrap .cube-scroll-content {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.video-group .horizontal-wrap .video-wrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	white-space: nowrap
}

.video-group .horizontal-wrap .video-wrap .col-style {
	width: 22.22222vw !important
}

.video-group .horizontal-wrap.video .video-wrap .col-style {
	width: 38.46154vw !important
}

.tab-wrapper header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	max-width: var(--max-width);
	width: 100%;
	margin: 0 auto;
	background: var(--main-bg-color);
	-webkit-box-shadow: 0 0 4px var(--shadow-color);
	box-shadow: 0 0 4px var(--shadow-color);
	z-index: 10
}


.tab-wrapper header .cube-navs {
	overflow: hidden;
}


.tab-wrapper header .cube-tab-bar {
	height: 40px;
	line-height: 40px;
    -ms-flex-pack: initial;
    justify-content: initial;
}



.tab-wrapper header .cube-tab-bar .cube-tab {
	padding: 0px 8px;
	color: var(--main-font-color);
	font-size: 1.2rem;
	font-weight: 900;
	-ms-flex: 0 0 auto;
    flex: 0 0 auto;
	white-space: nowrap;
}


.tab-wrapper header .cube-tab-bar .cube-tab_active {
	color: var(--main-color)
}

.tab-wrapper header .cube-tab-bar .cube-tab-bar-slider {
	background: var(--main-color)
}

.main-container {
	position: relative;
	max-width: var(--max-width);
	width: 100%;
	min-height: calc(100vh - 4rem);
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 4rem;
	background: var(--main-bg-color);
	overflow: auto;
	overscroll-behavior: none
}

.main-container.gray {
	background: var(--sub-bg-color)
}

.main-content {
	/*position: fixed;*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: var(--max-width);
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 4rem;
	background: var(--main-bg-color);
	-webkit-box-shadow: 0 0 4px var(--shadow-color);
	box-shadow: 0 0 4px var(--shadow-color)
}

.tag-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px
}

.tag-content .tag {
	width: calc(25% - 10px);
	height: 30px;
	line-height: 28px;
	margin: 0 5px 10px;
	border: 1px solid;
	border-radius: 50px;
	padding: 0 5px;
	color: var(--main-color);
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.static-content {
	padding: 10px;
	line-height: 1.5;
	white-space: normal;
	color: var(--main-font-color)
}

.static-content h3 {
	font-size: 16px;
	margin-bottom: 5px
}

.static-content p:not(:last-of-type) {
	margin-bottom: 20px
}

.static-content>div {
	margin-bottom: 10px
}

.cube-pulldown-wrapper,
.cube-pullup-wrapper {
	color: var(--sub-font-color)
}

.sticky-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: rgba(var(--rgb-white-color), .87);
	color: var(--main-color);
	text-align: center
}

.popup-container.text-left .dialog-content-def {
	text-align: left
}

.popup-container.report .dialog-title-def {
	padding: 15px 20px;
	border-bottom: 1px solid var(--third-font-color);
	text-align: left
}

.popup-container.report .dialog-content-def {
	padding: 0
}

.popup-container.report .radio {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px
}

.popup-container.report .radio:not(:last-of-type) {
	border-bottom: 1px solid var(--third-font-color)
}

.popup-container.report .radio input[type=radio] {
	display: none
}

.popup-container.report .radio input[type=radio]:checked~label:before {
	border-color: var(--main-color)
}

.popup-container.report .radio input[type=radio]:checked~label:after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.popup-container.report .radio input[type=radio]~label {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	text-align: left
}

.popup-container.report .radio input[type=radio]~label:after,
.popup-container.report .radio input[type=radio]~label:before {
	content: "";
	position: absolute;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.popup-container.report .radio input[type=radio]~label:before {
	top: 50%;
	right: 20px;
	width: 16px;
	height: 16px;
	border: 2px solid var(--sub-font-color);
	background: var(--dialog-bg-color)
}

.popup-container.report .radio input[type=radio]~label:after {
	top: calc(50% - 5px);
	right: 25px;
	width: 10px;
	height: 10px;
	background: var(--main-color);
	-webkit-transform: scale(0);
	transform: scale(0)
}

.popup-container.report .radio input[type=text] {
	height: 60%;
	margin: 0 20px;
	border: 1px solid var(--sub-font-color);
	color: var(--sub-font-color);
	background: var(--dialog-bg-color);
	padding: 0 5px;
	font-size: 1rem;
	z-index: 1;
	outline: none;
	-webkit-appearance: none
}

.popup-container.report .radio input[type=text]::-webkit-input-placeholder {
	color: var(--third-font-color)
}

.popup-container.report .radio input[type=text]::-moz-placeholder {
	color: var(--third-font-color)
}

.popup-container.report .radio input[type=text]::-ms-input-placeholder {
	color: var(--third-font-color)
}

.popup-container.report .radio input[type=text]::placeholder {
	color: var(--third-font-color)
}

.popup-container.report .radio.no-radio .text {
	margin-left: 20px
}

.popup-container.report .radio.no-radio input[type=radio]~label {
	display: none
}

.popup-container.report .radio.no-radio input[type=text] {
	margin: 0
}

.popup-container.report.line .dialog-content-def {
	height: 280px;
	overflow: auto;
	overscroll-behavior: none
}

.popup-container.report.line .line-title {
	padding: 5px;
	background: var(--main-color);
	color: #fff
}

.popup-container.report.line .radio {
	height: auto;
	line-height: inherit;
	font-size: .9rem
}

.popup-container.report.line .radio input[type=radio]~label {
	padding: 5px 10px
}

.popup-container.report.line .radio input[type=radio]~label:before {
	right: 10px
}

.popup-container.report.line .radio input[type=radio]~label:after {
	right: 15px
}

.popup-container.roulette .dialog-content-def {
	padding: 0
}

.popup-container.roulette .sub-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 10px;
	border-bottom: 1px solid var(--sub-font-color);
	padding-bottom: 5px;
	color: var(--sub-font-color)
}

.popup-container.roulette .sub-title p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.popup-container.roulette .sub-title p:first-child {
	text-align: left
}

.popup-container.roulette .sub-title p:nth-child(2) {
	text-align: center
}

.popup-container.roulette .sub-title p:last-child {
	text-align: right
}

.popup-container.roulette .sub-content {
	height: 250px;
	padding: 10px 10px 0;
	color: var(--third-font-color);
	overflow: auto;
	overscroll-behavior: none
}

.popup-container.roulette .sub-content.weight {
	color: var(--sub-font-color)
}

.popup-container.roulette .sub-content .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%
}

.popup-container.roulette .sub-content p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.popup-container.roulette .sub-content p:first-child {
	text-align: left
}

.popup-container.roulette .sub-content p:nth-child(2) {
	text-align: center
}

.popup-container.roulette .sub-content p:last-child {
	text-align: right
}

.popup-container.roulette .sub-content .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 3px;
	font-size: .9rem
}

.popup-container.roulette .sub-info {
	padding: 5px 0;
	font-size: .9rem;
	text-align: center;
	color: var(--sub-font-color)
}

.popup-container.announce .dialog-main {
	max-width: 400px;
	width: 80%;
	margin: 0 auto
}

.popup-container.announce .dialog-title {
	height: 80px;
	line-height: 1;
	color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.popup-container.announce .dialog-content {
	height: 280px;
	overflow: auto;
	overscroll-behavior: none
}

.popup-container.announce .dialog-content-def {
	padding: 20px
}

.popup-container.announce .dialog-content-def a {
	display: inline-block;
	margin-bottom: 20px;
	color: var(--main-color)
}

.popup-container.announce .dialog-content-def p{
	margin-bottom: 20px;
	text-align: left
}

.popup-container.announce .dialog-content-def img{
	width: 100%
}

.popup-container.add-home .popup-content {
	-ms-flex-item-align: end;
	align-self: flex-end;
	width: 100%
}

.popup-container.forever .popup-mask {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#360707), color-stop(31%, #130101));
	background-image: linear-gradient(180deg, #360707, #130101 31%)
}

.popup-container.forever .popup-content {
	max-width: var(--max-width);
	width: 100%;
	height: 100%;
	pointer-events: none
}

.popup-container.action .popup-content,
.popup-container.control .popup-content {
	-ms-flex-item-align: end;
	align-self: flex-end;
	max-width: var(--max-width);
	width: 100%
}

.form-content,
.popup-container.control .popup-content {
	padding: 10px
}

.form-content div,
.form-content input {
	color: var(--main-font-color)
}

.form-content input {
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid var(--third-font-color);
	padding: 0 5px;
	font-size: 16px;
	background: var(--main-bg-color);
	outline: none
}

.form-content input::-ms-reveal {
	display: none
}

.form-content input::-webkit-input-placeholder {
	color: var(--third-font-color)
}

.form-content input::-moz-placeholder {
	color: var(--third-font-color)
}

.form-content input::-ms-input-placeholder {
	color: var(--third-font-color)
}

.form-content input::placeholder {
	color: var(--third-font-color)
}

.form-btn,
.form-content input.text-center {
	text-align: center
}

.form-btn {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 0;
	border-radius: 0;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color));
	color: #fff;
	font-size: 16px;
	outline: none
}

.form-bottom-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	margin-top: 20px;
	color: var(--main-font-color)
}

.form-bottom-content p {
	margin: 0 10px
}

.form-bottom-content a {
	color: var(--main-color);
	text-decoration: underline
}

.form-sub-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.form-sub-content input {
	padding-right: 105px
}

.form-sub-content .sm-btn {
	position: absolute;
	right: 0;
	width: 100px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background: #888;
	color: #fff;
	text-align: center
}

.form-sub-content .sm-btn.active {
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color))
}

.form-sm-text {
	display: inline-block;
	padding: 0 5px 5px;
	font-size: 12px;
	color: green
}

.ad-img {
	display: block;
	width: 100%;
	background: #ccc
}

@media screen and (min-width:768px) {
	.video-group .horizontal-wrap .video-wrap .col-style {
		width: calc(var(--max-width)/4.5) !important
	}

	.video-group .horizontal-wrap.video .video-wrap .col-style {
		width: calc(var(--max-width)/2.6) !important
	}
}

@supports (padding-bottom:constant(safe-area-inset-bottom)) {

	.main-container,
	.main-content {
		padding-bottom: calc(4rem + constant(safe-area-inset-bottom))
	}

	.form-btn.fixed {
		bottom: calc(4rem + constant(safe-area-inset-bottom))
	}
}

@supports (padding-bottom:env(safe-area-inset-bottom)) {

	.main-container,
	.main-content {
		padding-bottom: calc(4rem + env(safe-area-inset-bottom))
	}

	.form-btn.fixed {
		bottom: calc(4rem + env(safe-area-inset-bottom))
	}
}

#container {
	position: relative;
	max-width: var(--max-width);
	width: 100%;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 4px var(--shadow-color);
	box-shadow: 0 0 4px var(--shadow-color);
	overflow: hidden
}

.fade-leave-active {
	-webkit-transition: all .5s;
	transition: all .5s
}

.fade-leave-to {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 0;
	visibility: hidden
}

#menu {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: var(--max-width);
	width: 100%;
	margin: 0 auto;
	background: var(--main-bg-color);
	-webkit-box-shadow: 0 0 4px var(--shadow-color);
	box-shadow: 0 0 4px var(--shadow-color);
	z-index: 10
}

#menu>.menu-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

#menu>.menu-item .img {
	width: 20px;
	height: 20px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

#menu>.menu-item .text {
	font-size: 12px;
	font-weight: 500;
	color: var(--main-font-color)
}

#menu>.menu-item.active .text {
	color: var(--main-color)
}

#menu>.menu-item.active.long .img {
	background-image: var(--menu-long-active-url)
}

#menu>.menu-item.active.short .img {
	background-image: var(--menu-short-active-url)
}

#menu>.menu-item.active.category .img {
	background-image: var(--menu-category-active-url)
}

#menu>.menu-item.active.collect .img {
	background-image: var(--menu-collect-active-url)
}

#menu>.menu-item.active.member .img {
	background-image: var(--menu-member-active-url)
}

#menu>.menu-item.long .img {
	background-image: var(--menu-long-url)
}

#menu>.menu-item.short .img {
	background-image: var(--menu-short-url)
}

#menu>.menu-item.category .img {
	background-image: var(--menu-category-url)
}

#menu>.menu-item.collect .img {
	background-image: var(--menu-collect-url)
}

#menu>.menu-item.member .img {
	background-image: var(--menu-member-url)
}

@supports (bottom:constant(safe-area-inset-bottom)) {
	#menu {
		padding-bottom: constant(safe-area-inset-bottom)
	}
}

@supports (bottom:env(safe-area-inset-bottom)) {
	#menu {
		padding-bottom: env(safe-area-inset-bottom)
	}
}


.add-tips {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 10px 20px;
	padding: 8px;
	border-radius: 5px;
	background: #fff;
	color: #4a4a4a
}

.add-tips:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 8px;
	width: 0;
	height: 0;
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: 16px 15px 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.add-tips img {
	margin: 0 5px
}

.add-tips .logo {
	width: 25px;
	border-radius: 5px
}

.add-tips .share {
	width: 18px
}

.popup-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	pointer-events: none
}

.popup-container.play_from {
	-webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -ms-transform: translateY(100%);
}

.popup-container.play_from.show {
	-webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
}

.popup-container.play_list {
	-webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -ms-transform: translateY(100%);
}

.popup-container.play_list.show {
	-webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
}



.popup-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	pointer-events: auto
}

.popup-content {
	position: relative;
	pointer-events: auto
}


.forever-content {
	position: relative;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	height: 100%;
	color: #fff
}

.forever-content .forever-wrap,
.forever-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center
}

.forever-content .forever-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	margin: 0 20px
}

.forever-content .forever-wrap .logo {
	max-width: 200px;
	width: 70%;
	margin-bottom: 10px
}

.forever-content .forever-wrap .title {
	font-size: 1.7rem;
	font-weight: 500
}

.forever-content .forever-wrap .info-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin: 15px 0;
	padding: 15px 40px;
	border-radius: 10px;
	background-color: hsla(0, 0%, 100%, .1);
	font-size: 1.1rem;
	text-align: center
}

.forever-content .forever-wrap .info-wrap .qrcode {
	max-width: 250px;
	width: 100%;
	margin: 10px 0
}

.forever-content .forever-wrap .info-wrap a {
	display: block;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	letter-spacing: 5px;
	color: #fff
}

.forever-content .forever-wrap .info-wrap .content div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding-top: 5px
}

.forever-content .forever-wrap .des {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	color: hsla(0, 0%, 100%, .5)
}

.forever-content .forever-wrap .des:not(:last-of-type) {
	margin-bottom: 10px
}

.forever-content .forever-wrap .des img {
	width: 8px;
	margin-top: 2px;
	margin-right: 10px
}

.forever-content .divide {
	width: 100%;
	height: 5px;
	margin-bottom: 30px;
	background-image: -webkit-gradient(linear, left top, right top, from(#130101), color-stop(51%, #d95348), to(#140101));
	background-image: linear-gradient(90deg, #130101, #d95348 51%, #140101)
}

.forever-content i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 2rem;
	color: #fff
}

.gotop{
	position: fixed; 
	bottom: 220px; 
	right: 10px; 
	cursor: pointer; 
	display: block;
	z-index: 12;
}

.dragger {
	position: fixed;
	bottom: 140px;
	right: 5px;
	z-index: 12
}

.dragger img {
	display: block;
	width: 70px;
	height: auto
}


.main-content.t80 {
	padding-top: 80px
}

.edit-content {
	position: fixed;
	bottom: 4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: var(--max-width);
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: var(--sub-font-color);
	background: var(--main-bg-color);
	-webkit-box-shadow: 0 0 4px var(--shadow-color);
	box-shadow: 0 0 4px var(--shadow-color);
	z-index: 999;
}

.edit-content .btn {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.edit-content .btn:first-of-type:before {
	content: "";
	position: absolute;
	top: 25%;
	right: 0;
	width: 1px;
	height: 50%;
	background: var(--sub-font-color)
}

.edit-content .btn:last-of-type {
	color: var(--main-color)
}

.search-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
	padding: 10px 10px 0
}

.search-wrap .search-bar {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50px;
	padding: 0 15px;
	font-size: .9rem;
	color: var(--third-font-color);
	background: var(--sub-bg-color)
}

.search-wrap .search-bar i {
	margin-top: 2px;
	margin-right: 7px
}

.search-wrap .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 10px;
	padding: 0 10px;
	border: 1px solid var(--third-font-color);
	border-radius: 50px;
	color: var(--sub-font-color);
	text-align: center
}

.search-wrap .btn i {
	margin-left: 5px
}

.announce-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	padding: 3px 10px;
	background: var(--sub-bg-color)
}

.announce-wrap p {
	width: 100%;
	margin-right: 10px;
	color: var(--main-color);
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.announce-wrap i {
	margin-left: auto;
	font-size: 1.2rem;
	color: var(--sub-font-color)
}

.filter-wrap {
	background: var(--main-bg-color);
	color: var(--main-font-color)
}

.filter-wrap .horizontal-scroll {
	border-bottom: 1px solid var(--sub-bg-color)
}

.filter-wrap .cube-scroll-content {
	/*display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex*/
}

.filter-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 12px 10px;
	white-space: nowrap;
}

.filter-list li a {
	margin-right: 10px;
	padding: 3px 10px;
	color: var(--main-font-color);
}

.filter-list li a.active {
	color: var(--main-color);
	border: 1px solid;
	border-radius: 50px
}

.no-data-content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: var(--main-bg-color)
}

.no-data-content img {
	width: 180px
}

.no-data-content .info {
	margin-top: 20px;
	text-align: center;
	color: var(--sub-font-color)
}

.no-data-content .info .btn {
	width: 150px;
	margin: 10px auto 0;
	border-radius: 50px;
	padding: 5px 10px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color));
	color: #fff
}

.logo-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	background: var(--main-color)
}

.logo-content img {
	height: 25px
}

.logo-content .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto
}

.logo-content .right .btn {
	margin-left: 10px;
	border: 1px solid hsla(0, 0%, 100%, .8);
	border-radius: 5px;
	padding: 3px 7px;
	color: #fff
}

.video-group .video-wrap .col-style .video-box .box-info {
	text-overflow: ellipsis;
	white-space: nowrap
}

.video-group .video-wrap .col-style .video-box .box-actor {
	display: -webkit-box;
	margin-top: 3px;
	font-size: .9rem;
	-webkit-line-clamp: 2;
	/*! autoprefixer: off */
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	white-space: normal;
	color: var(--sub-font-color);
	overflow: hidden
}

.slideAd {
	margin: 0 -10px 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.slideAd.long .slide-content {
	padding-bottom: 67.25%
}

.slideAd.short .slide-content {
	padding-bottom: 55.75%
}

.slideAd .slide-content {
	position: relative;
	height: 0;
	overflow: hidden;
	border-radius: 10px;
}

.slideAd .slide-content .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
}

.slideAd .slide-content .title {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 30px 7px 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
	color: #fff;
	overflow: hidden
}

.slideAd .cube-slide-dots {
	bottom: 5px
}

.slideAd .cube-slide-dots span {
	width: 5px;
	height: 5px;
	margin: 0 2px;
	border-radius: 50px
}

.slideAd .cube-slide-dots span.active {
	width: 10px;
	background: var(--main-color)
}

.mix-wrapper {
	margin-bottom: 10px
}

.mix-wrapper:last-of-type {
	margin-bottom: 0
}

.mix-wrapper .video-mix-wrap+.video-mix-wrap {
	margin-top: 10px
}

.mix-wrapper .video-mix-wrap.video-layout-bg {
	background: #000;
	margin-bottom: 20px
}

.mix-wrapper .video-mix-wrap.video-layout-bg .video-wrap {
	padding: 10px 10px 0
}

.mix-wrapper .video-mix-wrap.video-layout-bg .video-wrap .col-style .video-box .box-info {
	color: #fff
}

.mix-wrapper .video-mix-wrap.first-full-width .video-wrap .col-style:first-of-type {
	width: 100%
}

.mix-wrapper .video-mix-wrap.channel .video-wrap .col-style .video-box .box-content {
	border-radius: 50%
}

.mix-wrapper .video-mix-wrap.channel .video-wrap .col-style .video-box .box-info {
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center
}

.mix-wrapper .video-mix-wrap .actor-info {
	margin-bottom: 10px
}

.mix-wrapper .video-mix-wrap .more-btn {
	display: inline-block;
	width: 100%;
	padding: 7px;
	margin-bottom: 10px;
	border: 1px solid;
	border-radius: 50px;
	color: #a0a0a0;
	text-align: center
}

.r-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #A0A0A0;
}

.r-btn.change-btn {
	padding: 3px 10px;
	margin-right: -10px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	background: #fac977;
	color: #000
}

.r-btn i {
	margin-left: 3px;
	font-size: 12px
}


.video-group.detaila .video-wrap .col-style .video-box .box-content {
	border-radius: 50%
}

.video-group.detaila .video-wrap .col-style .video-box .box-info {
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center
}

.video-group.detaila .video-wrap .col-style .collect-btn {
	margin: 5px 5px 0;
	padding: 3px 5px;
	border: 1px solid;
	border-radius: 50px;
	color: var(--main-color);
	text-align: center
}

.video-group.detaila .video-wrap .col-style .collect-btn.active {
	border-color: var(--main-color);
	background: var(--main-color);
	color: #fff
}

.top-content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: var(--max-width);
	width: 100%;
	height: 40px;
	margin: 0 auto;
	color: var(--main-font-color);
	background: var(--main-bg-color);
	-webkit-box-shadow: 0 0 4px var(--shadow-color);
	box-shadow: 0 0 4px var(--shadow-color);
	z-index: 10
}

.top-content.rel {
	position: relative;
	-webkit-box-shadow: none;
	box-shadow: none
}

.top-content h3 {
	font-size: 1.2rem
}

.top-content .fas.fa-angle-left {
	position: absolute;
	left: 15px;
	font-size: 1.5rem;
	color: var(--sub-font-color)
}

.top-content .fas.fa-search {
	position: absolute;
	right: 15px;
	font-size: 1.2rem;
	color: var(--sub-font-color)
}

.top-content .btn {
	position: absolute;
	right: 15px;
	color: var(--sub-font-color)
}

.top-content .btn.btn-color {
	padding: 3px 10px;
	border-radius: 50px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color));
	color: #fff
}

.video-group.category .video-wrap .col-style .video-box .box-info {
	text-align: center
}

.video-group.topic .video-wrap .col-style .video-box {
	position: relative
}

.video-group.topic .video-wrap .col-style .video-box .box-content {
	border-radius: 5px
}

.video-group.topic .video-wrap .col-style .video-box .box-info {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 0;
	font-size: 1.2rem;
	color: #fff;
	text-shadow: 0 3px 4px rgba(0, 0, 0, .5)
}

.member-content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	max-width: var(--max-width);
	width: 100%;
	height: 250px;
	margin: 0 auto;
	background: var(--main-bg-color);
	background-image: var(--member-bg-url);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 50%;
	z-index: 1
}

.member-content .member-wrap {
	position: absolute;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 50%
}

.member-content .member-wrap .i-member {
	position: absolute;
	left: 50%;
	top: -110px;
	width: 100px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.member-content .member-wrap .state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
	font-weight: 900;
	font-size: 18px
}

.member-content .member-wrap .state .i-refresh {
	width: 20px;
	height: 20px;
	background-image: url(../img/refresh.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 5px
}

.member-content .member-wrap .state .text {
	color: var(--main-font-color)
}

.member-content .member-wrap .des {
	padding: 0 20px;
	margin-bottom: 15px;
	color: var(--sub-font-color);
	font-size: .9rem
}

.member-content .member-wrap .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.member-content .member-wrap .btn {
	max-width: 100px;
	border-radius: 50px;
	padding: 5px 15px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color));
	color: #fff;
	text-align: center
}

.member-content .member-wrap .btn:not(:first-of-type) {
	margin-left: 15px
}

.main-container.t250 {
	padding-top: 250px
}


.main-container .watch-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 10px 0
}

.main-container .watch-content .block {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 80px;
	background: var(--main-bg-color)
}

.main-container .watch-content .block:first-of-type {
	margin-right: 5px
}

.main-container .watch-content .block .state {
	color: var(--main-color);
	font-size: 1.8rem;
	font-weight: 900
}

.main-container .watch-content .block .state span {
	font-size: 1rem
}

.main-container .watch-content .block .text {
	color: var(--sub-font-color);
	margin-top: 5px
}

.main-container .list-content {
	background: var(--main-bg-color)
}

.main-container .list-content.lc1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.main-container .list-content.lc1>div {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 80px;
}

.main-container .list-content.lc1>div div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--main-color);
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1
}

.main-container .list-content.lc1>div p {
	margin: 15px 0 8px;
	color: var(--sub-font-color);
	font-size: 12px
}

.main-container .list-content.lc1 .line {
	width: 5px;
	background: var(--sub-bg-color)
}

.main-container .list-content:first-of-type {
	margin-top: 10px
}

.main-container .list-content:not(:last-of-type) {
	margin-bottom: 10px
}

.main-container .list-content .list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	padding: 0 10px;
	color: var(--main-font-color)
}

.main-container .list-content .list-item:not(:last-child) {
	border-bottom: 1px solid var(--sub-bg-color)
}

.main-container .list-content .list-item .icon {
	width: 20px;
	height: 20px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.main-container .list-content .list-item .i1 {
	background-image: url(../img/icon1.png)
}

.main-container .list-content .list-item .i2 {
	background-image: url(../img/icon2.png)
}

.main-container .list-content .list-item .i3 {
	background-image: url(../img/icon3.png)
}

.main-container .list-content .list-item .i4 {
	background-image: url(../img/icon4.png)
}

.main-container .list-content .list-item .i5 {
	background-image: url(../img/icon5.png)
}

.main-container .list-content .list-item .i6 {
	background-image: url(../img/icon6.png)
}

.main-container .list-content .list-item .i7 {
	background-image: url(../img/icon7.png)
}

.main-container .list-content .list-item .i8 {
	background-image: url(../img/icon8.png)
}

.main-container .list-content .list-item .i9 {
	background-image: url(../img/icon9.png)
}

.main-container .list-content .list-item .i10 {
	background-image: url(../img/icon10.png)
}

.main-container .list-content .list-item .i11 {
	background-image: url(../img/icon11.png)
}

.main-container .list-content .list-item .i12 {
	background-image: url(../img/icon12.png)
}

.main-container .list-content .list-item .i13 {
	background-image: url(../img/icon13.png)
}

.main-container .list-content .list-item .i14 {
	background-image: url(../img/icon14.png)
}

.main-container .list-content .list-item .i15 {
	background-image: url(../img/icon15.png)
}

.main-container .list-content .list-item .i16 {
	background-image: url(../img/icon16.png)
}

.main-container .list-content .list-item .text {
	margin-left: 10px
}

.main-container .list-content .list-item .text span {
	color: var(--main-color)
}

.main-container .list-content .list-item .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto
}

.main-container .list-content .list-item .right span {
	font-size: .9rem;
	color: var(--sub-font-color)
}

.main-container .list-content .list-item .right i {
	margin-left: 10px;
	font-size: 1.2rem;
	color: var(--sub-font-color)
}

.main-container .list-content .list-item .right .btn {
	padding: 3px 7px;
	border-radius: 5px;
	color: #fff;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color))
}

.switch {
	position: relative;
	width: 40px;
	height: 16px
}

.switch input {
	visibility: hidden
}


.switch label.active {
	background-color: rgba(var(--rgb-main-color), .5)
}

.switch label.active:after {
	left: 16px;
	content: "";
	background-color: var(--main-color)
}

.switch label {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 16px;
	background-color: #9a9a9a;
	border-radius: 50px;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: pointer
}

.switch label:after {
	display: block;
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #f1f1f1;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
	-webkit-transition: .2s ease-in;
	transition: .2s ease-in
}

.main-container.order .list-content {
	background: var(--main-bg-color)
}

.main-container.order .list-content:first-of-type {
	margin: 0px 0
}

.main-container.order .list-content h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	border-bottom: 1px solid var(--sub-bg-color);
	color: var(--main-font-color);
	font-size: 1.2rem
}

.main-container.order .list-content h4 span {
	margin-left: auto
}

.main-container.order .list-content h4 span.now {
	color: #7ed321
}

.main-container.order .list-content h4 span.end {
	color: #f2342c
}

.main-container.order .list-content .list-wrap {
	padding: 10px
}

.main-container.order .list-content .list-wrap.now {
	border-bottom: 1px solid var(--sub-bg-color)
}

.main-container.order .list-content .list-wrap.now p span:first-of-type {
	color: var(--sub-font-color);
	margin-right: 20px
}

.main-container.order .list-content .list-wrap.now p span:last-of-type {
	color: var(--main-font-color);
	font-size: 1.2rem;
	font-weight: 700
}

.main-container.order .list-content .list-wrap.now p >a {
	position: absolute;
	right: 10px;
	color: var(--main-color);
	font-weight: 700;
	font-size: 1.2rem;
}

.main-container.order .list-content .list-wrap p.name {
	color: var(--main-font-color);
	font-size: 1.5rem
}

.main-container.order .list-content .list-wrap p.date {
	color: var(--sub-font-color)
}

.main-container.order .list-content .list-wrap p.money {
	color: var(--main-font-color)
}

.main-container.order .list-content .list-wrap p.money span {
	margin-left: 10px;
	color: var(--main-color)
}

.main-container.order .list-content .list-wrap p:not(:last-of-type) {
	margin-bottom: 10px
}

.main-container.share {
	padding-bottom: 4rem;
	background-image: url(../img/share_bg1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 40px
}

.main-container.share .share-content {
	width: 80%;
	max-width: 380px;
	margin: 115px auto 20px;
	padding: 25px;
	text-align: center;
	background-image: var(--share-card-url);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.main-container.share .share-content .title {
	margin-bottom: 15px;
	font-size: 1.5rem;
	color: #fff
}

.main-container.share .share-content .info {
	margin-bottom: 50px;
	font-size: 1.1rem;
	color: #fff
}

.main-container.share .share-content img {
	width: 70%
}

.main-container.share .share-content .code {
	margin-bottom: 20px;
	font-size: 1.4rem
}

.main-container.share .share-content .form-btn {
	width: 76%;
	margin: 0 auto;
	border-radius: 50px
}

.main-container.share .info-content {
	width: 85%;
	margin: 0 auto
}

.main-container.share .info-content p {
	color: var(--main-font-color);
	margin-bottom: 20px
}

.main-container.share .info-content span {
	color: var(--main-color)
}

#grecaptcha {
	margin: 0 0 20px 10px
}

.main-container.vip {
	min-height: calc(100vh - 40px - 4rem);
	padding: 0 10px;
	margin-top: 40px;
	margin-bottom: 4rem;
	background-repeat: repeat-y;
	background-size: 100%
}

.main-container.vip.main {
	background-image: var(--payment-bg1-url);
	background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-container.vip.sub {
	background-image: var(--payment-bg2-url);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-container.vip form {
	margin-top: 16px;
}

#payment,#paytype{
	padding: 10px;
	border-radius: 10px;
	background-color: var(--main-bg-color);
	font-size: 1.2rem;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
	overflow: hidden;
	border: 0;
	width:100%;
	color: var(--main-font-color);
	margin-bottom: 8px;
	text-align: center;

}
.pay-btn{
	margin-bottom: 16px;
	border-radius: 10px;
	margin-top: 16px;
}

.main-container.vip .bg-content {
	padding: 4px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .7)
}

.main-container.vip .bg-content .inner-wrap {
	padding: 8px;
	border: 1px solid hsla(0, 0%, 100%, .5);
	border-radius: 5px
}

.main-container.vip .title-content {
	margin-top: 8px;
	padding: 4px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .7)
}

.main-container.vip .title-content .inner-wrap div {
	text-align: center
}

.main-container.vip .title-content .inner-wrap div:first-child {
	font-size: 1.4rem;
	color: #fff
}

.main-container.vip .title-content .inner-wrap div:last-child {
	font-size: 1.2rem;
	color: var(--main-color)
}

.main-container.vip .vip-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	float: right;
	margin: 8px 0;
	padding: 4px 12px;
	border-radius: 50px;
	color: #fff;
	background: #9bd0ff
}

.main-container.vip .vip-btn img {
	width: 14px;
	height: 14px;
	margin-left: 5px
}

.main-container.vip .plan-state {
	clear: both;
	padding: 16px;
	margin-bottom: 8px;
	font-size: 1.5rem;
	border-radius: 5px;
	text-align: center;
	background: var(--main-color);
	color: #fff
}

.main-container.vip .plan-content {
	clear: both;
	margin-bottom: 16px;
	margin-top: 16px;
}

.main-container.vip .plan-content .plan-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5));
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5))
}

.main-container.vip .plan-content .plan-item:not(:last-of-type) {
	margin-bottom: 12px
}

.main-container.vip .plan-content .plan-item .left-side {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 8px 4px 8px 8px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	background: var(--main-bg-color)
}

.main-container.vip .plan-content .plan-item .left-side .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	padding: 10px 12px 10px 16px;
	border-radius: 10px;
	border: 2px solid rgba(232, 81, 81, .3)
}

.main-container.vip .plan-content .plan-item .left-side .inner .name {
	font-size: 1.4rem;
	color: var(--main-font-color)
}

.main-container.vip .plan-content .plan-item .left-side .inner .info {
	font-size: 1rem;
	color: var(--main-color)
}

.main-container.vip .plan-content .plan-item .left-side .inner .price {
	margin-left: 5px;
	font-size: 2rem;
	color: #f2342c
}

.main-container.vip .plan-content .plan-item .rip-side {
	position: relative;
	width: 10px;
	padding: 2px 0;
	margin: 8px 0;
	background: var(--main-bg-color)
}

.main-container.vip .plan-content .plan-item .rip-side .inner {
	width: 0;
	height: 100%;
	margin-left: 4px;
	border: 1px dashed var(--payment-dashed-color)
}

.main-container.vip .plan-content .plan-item .rip-side:after,
.main-container.vip .plan-content .plan-item .rip-side:before {
	content: "";
	position: absolute;
	left: 5px;
	width: 10px;
	height: 10px;
	border-left: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-top-color: var(--main-bg-color);
	border-right: 5px solid transparent;
	border-right-color: var(--main-bg-color);
	border-radius: 100%;
	pointer-events: none
}

.main-container.vip .plan-content .plan-item .rip-side:before {
	top: -8px;
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg)
}

.main-container.vip .plan-content .plan-item .rip-side:after {
	bottom: -28px;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.main-container.vip .plan-content .plan-item .right-side {
	width: 18%;
	padding: 8px 8px 8px 4px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	background: var(--main-bg-color)
}

.main-container.vip .plan-content .plan-item .right-side .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	border-radius: 10px;
	color: #fff;
	font-size: 1.1rem;
	background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(270deg, var(--gradient-first-color), var(--gradient-second-color))
}

.main-container.vip .plan-content .plan-item .tag {
	position: absolute;
	top: -4px;
	left: 0;
	padding: 3px 12px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	background-color: var(--main-color)
}

.main-container.vip .plan-content .plan-item .tag.hot-tag {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fc3d3d), to(#c330ca));
	background-image: linear-gradient(180deg, #fc3d3d, #c330ca)
}

.main-container.vip .plan-content .plan-item .tag.a-steal-tag {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bfff7b), to(#14bea1));
	background-image: linear-gradient(180deg, #bfff7b, #14bea1)
}

.main-container.vip .plan-content .plan-item .tag.first-tag {
	background-image: linear-gradient(158deg, #ffd735 3%, #ff29a2 191%)
}

.main-container.vip .plan-content .plan-item .tag.return-tag {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5be0e5), to(#504fd6));
	background-image: linear-gradient(180deg, #5be0e5, #504fd6)
}

.main-container.vip .info-content,
.main-container.vip .price-content {
	margin-bottom: 16px;
	line-height: 1.5;
	color: #fff
}

.main-container.vip .info-content .inner-wrap .title,
.main-container.vip .price-content .inner-wrap .title {
	font-size: 1.2rem;
	color: var(--main-color)
}

.main-container.vip .price-content .inner-wrap {
	padding: 0
}

.main-container.vip .price-content .inner-wrap .title {
	padding: 8px;
	text-align: center
}

.main-container.vip .price-content .inner-wrap .table {
	text-align: center
}

.main-container.vip .price-content .inner-wrap .table>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.main-container.vip .price-content .inner-wrap .table>div div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 4px;
	border-right: 1px solid hsla(0, 0%, 100%, .5);
	border-bottom: 1px solid hsla(0, 0%, 100%, .5);
	font-size: .9rem
}

.main-container.vip .price-content .inner-wrap .table>div div div {
	margin: 0 -4px;
	border-right: 0;
	border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.main-container.vip .price-content .inner-wrap .table>div div div:first-of-type {
	margin-top: -4px
}

.main-container.vip .price-content .inner-wrap .table>div div div:last-of-type {
	margin-bottom: -4px;
	border-bottom: 0
}

.main-container.vip .price-content .inner-wrap .table>div div:first-of-type {
	color: #ffea00
}

.main-container.vip .price-content .inner-wrap .table>div div:last-of-type {
	border-right: 0
}

.main-container.vip .price-content .inner-wrap .table>div:first-of-type div {
	border-right: 0;
	font-weight: 600;
	font-size: 1rem
}

.main-container.vip .price-content .inner-wrap .table>div:last-of-type div {
	border-bottom: 0
}

.main-container.vip .price-content .inner-wrap .table .item-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.main-container.vip .price-content .inner-wrap .table i {
	display: inline-block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 12px;
	width: 6px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff
}

.main-container.vip .ad-content {
	position: fixed;
	left: 10px;
	right: 10px;
	bottom: calc(4rem + 10px);
	display: block;
	max-width: var(--max-width);
	margin: 0 auto
}

.main-container.vip .ad-content img {
	display: block;
	width: 100%
}

.main-container.vip .ad-content span {
	position: absolute;
	top: 8px;
	right: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 25px;
	height: 25px;
	border-radius: 50px;
	background: #515151
}

.main-container.vip .ad-content span:after,
.main-container.vip .ad-content span:before {
	content: "";
	position: absolute;
	height: 15px;
	width: 2px;
	background-color: #fff
}

.main-container.vip .ad-content span:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.main-container.vip .ad-content span:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.main-container.vip .choose-content {
	margin: 8px 0;
	background: var(--payment-choose-bg-color)
}

.main-container.vip .choose-content .inner-wrap div:first-child {
	margin-bottom: 4px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center
}

.main-container.vip .choose-content .inner-wrap div:last-child {
	padding: 18px;
	margin: 0 4px;
	border-radius: 5px;
	background: var(--main-bg-color);
	color: #f5a623;
	font-size: 1.4rem;
	text-align: center
}

.main-container.vip .payment-info {
	margin-bottom: 4px;
	color: #fff;
	font-size: 1.4rem
}

.main-container.vip .payment-content {
	margin-bottom: 8px;
}

.main-container.vip .payment-content .payment-item {
	border-radius: 10px;
	background-color: var(--main-bg-color);
	font-size: 1.2rem;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
	overflow: hidden
}

.main-container.vip .payment-content .payment-item:not(:last-of-type) {
	margin-bottom: 8px
}

.main-container.vip .payment-content .payment-item.open span {
	color: #fff;
	background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(270deg, var(--gradient-first-color), var(--gradient-second-color))
}

.main-container.vip .payment-content .payment-item.open span i {
	border-color: #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

.main-container.vip .payment-content .payment-item span {
	position: relative;
	display: block;
	padding: 10px;
	color: var(--main-font-color)
}

.main-container.vip .payment-content .payment-item span i {
	position: absolute;
	top: 24px;
	right: 15px;
	border: solid rgba(0, 0, 0, .54);
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: -webkit-transform .1s;
	transition: -webkit-transform .1s;
	transition: transform .1s;
	transition: transform .1s, -webkit-transform .1s
}

.main-container.vip .payment-content .payment-item-lv2.active {
	display: block
}

.main-container.vip .payment-content .payment-item-lv2 .payment-method {
	display: block;
	padding: 16px;
	color: var(--main-font-color);
	cursor: pointer
}

.main-container.vip .payment-content .payment-item-lv2 .payment-method:not(:last-of-type) {
	border-bottom: 1px solid var(--third-font-color)
}



.list-content .video-list {
	position: relative;
	margin-bottom: 10px
}

.list-content .video-list .check-content {
	position: absolute;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1
}

.list-content .video-list .check-content input {
	position: absolute;
	height: 0;
	width: 0;
	opacity: 0
}

.list-content .video-list .check-content input:checked~.checkmark {
	border-color: var(--main-color)
}

.list-content .video-list .check-content input:checked~.checkmark:after {
	display: block
}

.list-content .video-list .check-content .checkmark {
	position: absolute;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 1px solid var(--sub-font-color);
	background-color: #fff;
	z-index: 1
}

.list-content .video-list .check-content .checkmark:after {
	content: "";
	display: none;
	width: 10px;
	height: 10px;
	background-color: var(--main-color);
	border-radius: 50%
}

.list-content .video-list .video-des {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.list-content .video-list .left {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 45%;
	flex: 0 0 45%
}

.list-content .video-list .left .cover {
	width: 100%;
	padding-bottom: 67.25%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.list-content .video-list .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-left: 10px;
	overflow: hidden
}

.list-content .video-list .right .title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	white-space: normal;
	/*! autoprefixer: off */
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	color: var(--main-font-color);
	overflow: hidden
}

.list-content .video-list .right .time {
	width: 100%;
	color: var(--sub-font-color);
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.list-content .video-list .collect {
	-ms-flex-item-align: center;
	align-self: center;
	height: 35px;
	width: 35px;
	margin-left: 10px;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
	background-image: url(../img/collect_btn.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.list-content .video-list .collect.active {
	background-image: url(../img/collect_btn_active.png)
}

.search-container {
    position: relative;
    max-width: var(--max-width);
    width: 100%;
    min-height: calc(100vh - 4rem);
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 4rem;
    background: var(--main-bg-color);
    overflow: auto;
    overscroll-behavior: none;
}

.search-container {
	padding-top: 0
}

.search-container, .search-content {
    padding-bottom: calc(4rem + env(safe-area-inset-bottom));
}

.search-container .search-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	padding: 10px 10px 0
}

.search-container .search-wrap .search-bars {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.search-container .search-wrap .search-bars:before {
	font-family: Font Awesome\ 5 Free;
	content: "\F002";
	position: absolute;
	top: 9px;
	left: 15px;
	font-size: .9rem;
	font-weight: 900;
	color: var(--third-font-color)
}

.search-container .search-wrap .search-bars input[type=search] {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0 15px 0 36px;
	border-radius: 50px;
	background: var(--sub-bg-color);
	color: var(--main-font-color);
	outline: none
}

.search-container .search-wrap .search-bars input[type=search]::-webkit-input-placeholder {
	color: var(--third-font-color)
}

.search-container .search-wrap .search-bars input[type=search]::-moz-placeholder {
	color: var(--third-font-color)
}

.search-container .search-wrap .search-bars input[type=search]::-ms-input-placeholder {
	color: var(--third-font-color)
}

.search-container .search-wrap .search-bars input[type=search]::placeholder {
	color: var(--third-font-color)
}

.search-container .search-wrap .back {
	margin-left: 10px;
	color: var(--sub-font-color)
}

.search-container .video-group.history i {
	margin-right: 2px
}

.search-container .video-group.history .empty {
	color: var(--sub-font-color);
	margin-bottom: 10px;
}

.search-container .video-group.history ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: -10px
}

.search-container .video-group.history ul a {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(50% - 5px);
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 50px;
	color: var(--main-font-color);
	background: var(--sub-bg-color);
	text-align: center;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.search-container .video-group.history ul a:nth-of-type(odd) {
	margin-right: 10px
}

.search-container .video-group.long a,
.search-container .video-group.short a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.search-container .video-group.long a .num,
.search-container .video-group.short a .num {
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	color: var(--sub-font-color);
	text-align: center;
	font-size: 12px
}

.search-container .video-group.long a .name,
.search-container .video-group.short a .name {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: var(--main-font-color);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.search-container .video-group.long a:not(:last-of-type),
.search-container .video-group.short a:not(:last-of-type) {
	margin-bottom: 10px
}

.search-container .video-group.long a:first-of-type .num,
.search-container .video-group.short a:first-of-type .num {
	border-radius: 50px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--num1-gradient-1st-color)), to(var(--num1-gradient-2nd-color)));
	background-image: linear-gradient(180deg, var(--num1-gradient-1st-color), var(--num1-gradient-2nd-color));
	color: var(--main-bg-color)
}

.search-container .video-group.long a:nth-of-type(2) .num,
.search-container .video-group.short a:nth-of-type(2) .num {
	border-radius: 50px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--num2-gradient-1st-color)), to(var(--num2-gradient-2nd-color)));
	background-image: linear-gradient(180deg, var(--num2-gradient-1st-color), var(--num2-gradient-2nd-color));
	color: var(--main-bg-color)
}

.search-container .video-group.long a:nth-of-type(3) .num,
.search-container .video-group.short a:nth-of-type(3) .num {
	border-radius: 50px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--num3-gradient-1st-color)), to(var(--num3-gradient-2nd-color)));
	background-image: linear-gradient(180deg, var(--num3-gradient-1st-color), var(--num3-gradient-2nd-color));
	color: var(--main-bg-color)
}


.play-content {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	max-width: var(--max-width);
	width: 100%;
	margin: 0 auto;
	background: #000;
	z-index: 11
}

.play-content .play-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%
}

.play-content .play-wrapper .load-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.play-content .play-wrapper .load-content .loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 4px solid hsla(0, 0%, 100%, .2);
	border-top: 4px solid var(--main-color);
	-webkit-animation: spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite;
	animation: spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite
}

.play-content .play-wrapper .back {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 45px;
	height: 45px;
	background-image: url(../img/play_back.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2
}

.video-content {
	margin-top: 56.25%;
	padding-bottom: 4rem;
	background: var(--main-bg-color);
	overflow: hidden
}

.video-content .video-group.info {
	border: none;
	border-bottom: 10px solid var(--sub-bg-color);
}

.video-content .video-group.info .metadata-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px
}

.video-content .video-group.info .actor-wrap {
	position: relative;
	width: 56px;
	margin-right: 20px
}

.video-content .video-group.info .actor-wrap>div {
	width: 100%
}

.video-content .video-group.info .actor-wrap>div:first-of-type {
	position: relative;
	z-index: 3
}

.video-content .video-group.info .actor-wrap>div:nth-of-type(2) {
	position: absolute;
	top: -2px;
	right: -5px;
	z-index: 2
}

.video-content .video-group.info .actor-wrap>div:nth-of-type(2) .collect,
.video-content .video-group.info .actor-wrap>div:nth-of-type(2) .name {
	display: none
}

.video-content .video-group.info .actor-wrap>div:nth-of-type(3) {
	position: absolute;
	top: -4px;
	right: -10px;
	z-index: 1
}

.video-content .video-group.info .actor-wrap>div:nth-of-type(3) .collect,
.video-content .video-group.info .actor-wrap>div:nth-of-type(3) .name {
	display: none
}

.video-content .video-group.info .title-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.video-content .video-group.info .title-content {
	margin-bottom: 5px
}

.video-content .video-group.info .title-content h2 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 10px;
	color: var(--main-font-color);
	font-size: 1.2rem;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.video-content .video-group.info .title-content i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 24px;
	height: 24px;
	font-size: 1.2rem
}

.details-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 56.25%;
	padding-bottom: 4rem;
	background: var(--main-bg-color);
	z-index: 1;
	-webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -ms-transform: translateY(100%);
	
}


.details-content.show{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
	
}

.details-content .details-nav {
	max-width: var(--max-width);
	width: 100%;
	height: 56px;
	padding: 10px 20px;
	border-bottom: 1px solid var(--border-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--main-font-color);
	background: var(--main-bg-color)
}

.details-content .details-nav h3,
.details-content .details-nav i {
	font-size: 18px
}

.details-content .details-wrap {
	height: 100%;
	padding: 10px 10px calc(4rem + 10px);
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: none
}

.details-content .details-wrap h3 {
	margin-top: 6px;
	font-size: 18px;
	font-weight: 500;
	color: var(--main-font-color);
	margin-bottom: 10px
}

.details-content .details-wrap .video-group {
	border-bottom: 1px solid var(--border-color);
	padding: 0
}

.details-content .details-wrap .video-group .video-wrap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow-x: auto
}

.details-content .details-wrap .video-group .video-wrap .col-style {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 25%;
	flex: 1 0 25%;
	max-width: 74px
}

.details-content .details-wrap .video-group .video-wrap .collect-btn {
	font-size: 12px
}

.details-content .details-wrap .actors {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -12px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--border-color);
	overflow-x: auto
}

.details-content .details-wrap .actors .actor {
	min-width: 48px;
	width: 48px;
	margin: 0 12px
}

.details-content .details-wrap .details-list {
	padding-top: 10px
}

.details-content .details-wrap .details-list>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	color: var(--main-font-color)
}

.details-content .details-wrap .details-list>div:not(:last-of-type) {
	margin-bottom: 8px
}

.details-content .details-wrap .details-list>div p:first-of-type {
	margin-right: 8px;
	padding: 6px 12px;
	border: 1px solid var(--main-font-color);
	border-radius: 50px;
	font-size: 12px;
	font-weight: 500
}

.details-content .details-wrap .details-list>div p:last-of-type {
	padding-top: 6px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden
}

.details-content .details-wrap .details-list>div .tag-wrap {
	margin-bottom: -12px
}

.details-content .details-wrap .details-list>div .tag-wrap a {
	display: inline-block;
	margin: 0 8px 12px 0;
	color: var(--main-color)
}

.details-move-enter,
.details-move-leave-active {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.details-move-enter-active,
.details-move-leave-active {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

@-webkit-keyframes spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@media only screen and (max-device-width:900px) and (orientation:landscape) {
	.play-content .play-wrapper {
		height: 100vh;
		padding-top: 0
	}
}

@supports (padding-bottom:constant(safe-area-inset-bottom)) {
	.video-content {
		padding-bottom: calc(4rem + constant(safe-area-inset-bottom))
	}
}

@supports (padding-bottom:env(safe-area-inset-bottom)) {
	.video-content {
		padding-bottom: calc(4rem + env(safe-area-inset-bottom))
	}
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
	text-align: center
}

@font-face {
	font-family: VideoJS;
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
	content: "\F101"
}

.vjs-icon-play-circle {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-play-circle:before {
	content: "\F102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
	content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
	content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
	content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
	content: "\F106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
	content: "\F107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
	content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
	content: "\F109"
}

.vjs-icon-square {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-square:before {
	content: "\F10A"
}

.vjs-icon-spinner {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-spinner:before {
	content: "\F10B"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
	content: "\F10C"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
	content: "\F10D"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
	content: "\F10E"
}

.vjs-icon-share {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-share:before {
	content: "\F10F"
}

.vjs-icon-cog {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-cog:before {
	content: "\F110"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
	content: "\F111"
}

.vjs-icon-circle-outline {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-circle-outline:before {
	content: "\F112"
}

.vjs-icon-circle-inner-circle {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-circle-inner-circle:before {
	content: "\F113"
}

.vjs-icon-hd {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-hd:before {
	content: "\F114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
	content: "\F115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
	content: "";
	background-image: url(../img/play-btn.png)
}

.vjs-icon-facebook {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-facebook:before {
	content: "\F117"
}

.vjs-icon-gplus {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-gplus:before {
	content: "\F118"
}

.vjs-icon-linkedin {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-linkedin:before {
	content: "\F119"
}

.vjs-icon-twitter {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-twitter:before {
	content: "\F11A"
}

.vjs-icon-tumblr {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-tumblr:before {
	content: "\F11B"
}

.vjs-icon-pinterest {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-pinterest:before {
	content: "\F11C"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
	content: "\F11D"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
	content: "\F11E"
}

.vjs-icon-next-item {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-next-item:before {
	content: "\F11F"
}

.vjs-icon-previous-item {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-previous-item:before {
	content: "\F120"
}

.video-js {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	background-color: #000;
	position: relative;
	padding: 0;
	font-size: 10px;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	word-break: normal
}

.video-js:-moz-full-screen {
	position: absolute
}

.video-js:-webkit-full-screen {
	width: 100% !important;
	height: 100% !important
}

.video-js[tabindex="-1"] {
	outline: none
}

.video-js *,
.video-js :after,
.video-js :before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

.video-js ul {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	list-style-position: outside;
	margin: 0
}

.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
	width: 100%;
	max-width: 100%;
	height: 0
}

.video-js.vjs-16-9 {
	padding-top: 56.25%
}

.video-js.vjs-4-3 {
	padding-top: 75%
}

.video-js.vjs-fill,
.video-js .vjs-tech {
	width: 100%;
	height: 100%
}

.video-js .vjs-tech {
	position: absolute;
	top: 0;
	left: 0
}

body.vjs-full-window {
	padding: 0;
	margin: 0;
	height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
	position: fixed;
	overflow: hidden;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0
}

.video-js.vjs-fullscreen {
	width: 100% !important;
	height: 100% !important;
	padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
	cursor: none
}

.vjs-hidden {
	display: none !important
}

.vjs-disabled {
	opacity: .5;
	cursor: default
}

.video-js .vjs-offscreen {
	height: 1px;
	left: -9999px;
	position: absolute;
	top: 0;
	width: 1px
}

.vjs-lock-showing {
	display: block !important;
	opacity: 1;
	visibility: visible
}

.vjs-no-js {
	padding: 20px;
	color: #fff;
	background-color: #000;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 300px;
	height: 150px;
	margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
	color: #66a8cc
}

.video-js .vjs-big-play-button {
	font-size: 3em;
	line-height: 2em;
	height: 2em;
	width: 2em;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color));
	border-radius: 50%;
	-webkit-transition: all .4s;
	transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
	top: 50%;
	left: 50%;
	margin-top: -1em;
	margin-left: -1em
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-has-started.vjs-paused .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
	display: none
}

.video-js button {
	background: none;
	border: none;
	color: inherit;
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	text-transform: none;
	text-decoration: none;
	-webkit-transition: none;
	transition: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.vjs-control .vjs-button {
	width: 100%;
	height: 100%
}

.video-js .vjs-control.vjs-close-button {
	cursor: pointer;
	height: 3em;
	position: absolute;
	right: 0;
	top: .5em;
	z-index: 2
}

.video-js .vjs-modal-dialog {
	background: rgba(0, 0, 0, .8);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
	background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
	overflow: auto
}

.video-js .vjs-modal-dialog>* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
	font-size: 1.2em;
	line-height: 1.5;
	padding: 20px 24px;
	z-index: 1
}

.vjs-menu-button {
	cursor: pointer
}

.vjs-menu-button.vjs-disabled {
	cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
	display: none
}

.vjs-menu .vjs-menu-content {
	display: block;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto
}

.vjs-menu .vjs-menu-content>* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
	display: none
}

.vjs-menu li {
	list-style: none;
	margin: 0;
	padding: .2em 0;
	line-height: 1.4em;
	font-size: 1.2em;
	text-align: center;
	text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
	background-color: #73859f;
	background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
	color: var(--main-color)
}

.vjs-menu li.vjs-menu-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2em;
	padding: 0;
	margin: 0 0 .3em;
	font-weight: 700;
	cursor: default
}

.vjs-menu-button-popup .vjs-menu {
	display: none;
	position: absolute;
	bottom: 0;
	width: 10em;
	left: -3em;
	height: 0;
	margin-bottom: 1.5em;
	border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	width: 100%;
	bottom: 1.5em;
	max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
	display: block
}

.video-js .vjs-menu-button-inline {
	-webkit-transition: all .4s;
	transition: all .4s;
	overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
	width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
	width: 12em
}

.vjs-menu-button-inline .vjs-menu {
	opacity: 0;
	height: 100%;
	width: auto;
	position: absolute;
	left: 4em;
	top: 0;
	padding: 0;
	margin: 0;
	-webkit-transition: all .4s;
	transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
	display: block;
	opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
	display: block;
	opacity: 1;
	position: relative;
	width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
	width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
	width: auto;
	height: 100%;
	margin: 0;
	overflow: hidden
}

.video-js .vjs-control-bar {
	display: none;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3em;
	background-color: #2b333f;
	background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility .1s, opacity .1s;
	transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	visibility: visible;
	opacity: 0;
	-webkit-transition: visibility 1s, opacity 1s;
	transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
	display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	opacity: 1;
	visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
	display: table
}

.video-js .vjs-control {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 4em;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
	font-size: 1.8em;
	line-height: 1.67
}

.video-js .vjs-control-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.vjs-no-flex .vjs-control {
	display: table-cell;
	vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
	display: none
}

.video-js .vjs-progress-control {
	cursor: pointer;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 4em;
	-ms-touch-action: none;
	touch-action: none
}

.video-js .vjs-progress-control.disabled {
	cursor: default
}

.vjs-live .vjs-progress-control {
	display: none
}

.vjs-liveui .vjs-progress-control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.vjs-no-flex .vjs-progress-control {
	width: auto
}

.video-js .vjs-progress-holder {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	-webkit-transition: all .2s;
	transition: all .2s;
	height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
	margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
	font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
	font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
	position: absolute;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 0
}

.video-js .vjs-play-progress {
	background-color: #fff
}

.video-js .vjs-play-progress:before {
	font-size: .9em;
	position: absolute;
	right: -.5em;
	top: -.333333333333333em;
	z-index: 1
}

.video-js .vjs-load-progress {
	background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
	background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, .8);
	border-radius: .3em;
	color: #000;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 6px 8px 8px;
	pointer-events: none;
	position: absolute;
	top: -3.4em;
	visibility: hidden;
	z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
	display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
	display: block;
	font-size: .6em;
	visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
	font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
	display: none;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #000;
	z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
	z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
	display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 1s, opacity 1s;
	transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
	display: none
}

.vjs-mouse-display .vjs-time-tooltip {
	color: #fff;
	background-color: #000;
	background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
	position: relative;
	cursor: pointer;
	padding: 0;
	margin: 0 .45em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #73859f;
	background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
	cursor: default
}

.video-js .vjs-mute-control {
	cursor: pointer;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.video-js .vjs-volume-control {
	cursor: pointer;
	margin-right: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
	width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
	visibility: hidden;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin-left: -1px
}

.video-js .vjs-volume-panel {
	-webkit-transition: width 1s;
	transition: width 1s
}

.vjs-workinghover .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,
.vjs-workinghover .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.vjs-workinghover .vjs-volume-panel .vjs-volume-control:active,
.vjs-workinghover .vjs-volume-panel .vjs-volume-control:hover,
.vjs-workinghover .vjs-volume-panel:active .vjs-volume-control,
.vjs-workinghover .vjs-volume-panel:focus .vjs-volume-control,
.vjs-workinghover .vjs-volume-panel:hover .vjs-volume-control {
	visibility: visible;
	opacity: 1;
	position: relative
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
	width: 5em;
	height: 3em
}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical {
	left: -4em
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
	width: 9em
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
	width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
	height: 8em;
	width: 3em;
	left: -3000em;
	-webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
	transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
	-webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
	transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
	width: 5em;
	height: 3em;
	visibility: visible;
	opacity: 1;
	position: relative;
	-webkit-transition: none;
	transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
	position: absolute;
	bottom: 3em;
	left: .5em
}

.video-js .vjs-volume-panel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.video-js .vjs-volume-bar {
	margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
	width: 5em;
	height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
	width: .4em;
	height: 5em;
	margin: 1.35em auto
}

.video-js .vjs-volume-level {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff
}

.video-js .vjs-volume-level:before {
	position: absolute;
	font-size: 1.4em
}

.vjs-slider-vertical .vjs-volume-level {
	width: .4em
}

.vjs-slider-vertical .vjs-volume-level:before {
	top: -.5em;
	left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
	height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
	top: -.3em;
	right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
	width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
	height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
	width: 100%
}

.video-js .vjs-volume-vertical {
	width: 3em;
	height: 8em;
	bottom: 8em;
	background-color: #2b333f;
	background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
	left: -2em
}

.vjs-poster {
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	background-color: #000;
	cursor: pointer;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%
}

.vjs-has-started .vjs-poster {
	display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
	display: block
}

.vjs-using-native-controls .vjs-poster {
	display: none
}

.video-js .vjs-live-control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	font-size: 1em;
	line-height: 3em
}

.vjs-no-flex .vjs-live-control {
	display: table-cell;
	width: auto;
	text-align: left
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
	display: none
}

.video-js .vjs-seek-to-live-control {
	cursor: pointer;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	padding-left: .5em;
	padding-right: .5em;
	font-size: 1em;
	line-height: 3em;
	width: auto;
	min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
	display: table-cell;
	width: auto;
	text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
	display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
	cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
	margin-right: .5em;
	color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
	color: red
}

.video-js .vjs-time-control {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	font-size: 1em;
	line-height: 3em;
	min-width: 2em;
	width: auto;
	padding-left: 1em;
	padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
	display: none
}

.vjs-time-divider {
	display: none;
	line-height: 3em
}

.vjs-live .vjs-time-divider {
	display: none
}

.video-js .vjs-play-control {
	cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.vjs-text-track-display {
	position: absolute;
	bottom: 3em;
	left: 0;
	right: 0;
	top: 0;
	pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
	bottom: 1em
}

.video-js .vjs-text-track {
	font-size: 1.4em;
	text-align: center;
	margin-bottom: .1em
}

.vjs-subtitles {
	color: #fff
}

.vjs-captions {
	color: #fc6
}

.vjs-tt-cue {
	display: block
}

video::-webkit-media-text-track-display {
	-webkit-transform: translateY(-3em);
	transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
	-webkit-transform: translateY(-1.5em);
	transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
	cursor: pointer;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
	pointer-events: none;
	font-size: 1.5em;
	line-height: 2;
	text-align: center
}

.vjs-playback-rate .vjs-menu {
	width: 4em;
	left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
	font-size: 1.4em;
	text-align: center
}

.vjs-error .vjs-error-display:before {
	color: #fff;
	content: "X";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4em;
	left: 0;
	line-height: 1;
	margin-top: -.5em;
	position: absolute;
	text-shadow: .05em .05em .1em #000;
	text-align: center;
	top: 50%;
	vertical-align: middle;
	width: 100%
}

.vjs-loading-spinner {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	text-align: left;
	border: 4px solid hsla(0, 0%, 100%, .2);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-clip: padding-box;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
	display: block;
	-webkit-animation: vjs-spinner-show 0s linear .3s forwards;
	animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:before {
	content: "";
	position: absolute;
	margin: -4px;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	opacity: 1;
	border: inherit;
	border-color: #e85151 transparent transparent
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
	-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite;
	animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite;
	border-top-color: #e85151
}

@-webkit-keyframes vjs-spinner-show {
	to {
		visibility: visible
	}
}

@keyframes vjs-spinner-show {
	to {
		visibility: visible
	}
}

@-webkit-keyframes vjs-spinner-spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes vjs-spinner-spin {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.vjs-chapters-button .vjs-menu ul {
	width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
	vertical-align: middle;
	display: inline-block;
	margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
	font-family: VideoJS;
	content: "\F10D";
	font-size: 1.5em;
	line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
	vertical-align: middle;
	display: inline-block;
	margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
	font-family: VideoJS;
	content: " \F11D";
	font-size: 1.5em;
	line-height: inherit
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	display: block
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
	width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel {
	display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
	background-color: #2b333f;
	background-color: rgba(43, 51, 63, .75);
	color: #fff;
	height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
	display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
	display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
	text-align: right;
	vertical-align: bottom
}

@supports (display:grid) {
	.vjs-text-track-settings .vjs-modal-dialog-content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr;
		padding: 20px 24px 0
	}

	.vjs-track-settings-controls .vjs-default-button {
		margin-bottom: 20px
	}

	.vjs-text-track-settings .vjs-track-settings-controls {
		grid-column: 1/-1
	}

	.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
	.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
	.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
		grid-template-columns: 1fr
	}
}

.vjs-track-setting>select {
	margin-right: 1em;
	margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
	margin: 5px;
	padding: 3px;
	border: none
}

.vjs-text-track-settings fieldset span {
	display: inline-block
}

.vjs-text-track-settings fieldset span>select {
	max-width: 7.3em
}

.vjs-text-track-settings legend {
	color: #fff;
	margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	display: block;
	margin: 0 0 5px;
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
	outline-style: solid;
	outline-width: medium;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
	background-image: linear-gradient(0deg, #fff 88%, #73859f)
}

.vjs-track-settings-controls button:hover {
	color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
	background-image: linear-gradient(-180deg, #fff 88%, #73859f);
	color: #2b333f;
	cursor: pointer;
	border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
	margin-right: 1em
}

@media print {
	.video-js>:not(.vjs-tech):not(.vjs-poster) {
		visibility: hidden
	}
}

.vjs-resize-manager {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),
.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
	outline: none;
	background: none
}

.video-js :focus,
.video-js button {
	outline: none
}

.video-js .vjs-control-bar {
	height: 4em;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .4)
}

.video-js .vjs-control-bar .vjs-control {
	width: 4em
}

.video-js .vjs-control-bar .vjs-progress-control {
	position: absolute;
	bottom: 4em;
	width: 100%;
	height: .5em;
	padding: 0;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0
}

.video-js .vjs-control-bar .vjs-progress-control .vjs-load-progress {
	background: #fff
}

.video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
	height: 100%
}

.video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder:before {
	content: "";
	position: absolute;
	top: -1em;
	left: 0;
	width: 100%;
	height: 1em
}

.video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress {
	background-color: var(--main-color)
}

.video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress:before {
	content: "";
	width: 15px;
	height: 15px;
	background: var(--main-color);
	border-radius: 50%;
	font-size: 1rem
}

.video-js .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip {
	display: none !important
}

.video-js .vjs-control-bar .vjs-play-control {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

.video-js .vjs-control-bar .vjs-backward,
.video-js .vjs-control-bar .vjs-forward {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 45%;
	cursor: pointer
}

.video-js .vjs-control-bar .vjs-backward {
	background-image: url(../img/fast-backward.png);
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.video-js .vjs-control-bar .vjs-forward {
	background-image: url(../img/fast-forward.png);
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3
}

.video-js .vjs-control-bar .vjs-time-control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	padding: 0;
	font-size: 1rem;
	line-height: normal
}

.video-js .vjs-control-bar .vjs-current-time {
	padding-left: 5px;
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4
}

.video-js .vjs-control-bar .vjs-duration {
	padding-right: 4px;
	padding-left: 4px;
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5
}

.video-js .vjs-control-bar .vjs-duration:before {
	content: "/";
	position: relative;
	left: -2px
}

.video-js .vjs-control-bar .vjs-playback-rate {
	margin-left: auto;
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6;
	z-index: 1
}

.video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
	font-size: 1rem;
	line-height: normal
}

.video-js .vjs-control-bar .vjs-no-playback-rate,
.video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.video-js .vjs-control-bar .vjs-no-playback-rate {
	position: relative;
	margin-left: auto;
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6;
	cursor: pointer
}

.video-js .vjs-control-bar .vjs-no-playback-rate:before {
	content: "\500D\901F";
	position: absolute;
	font-size: 1rem
}

.video-js .vjs-control-bar .vjs-volume-panel {
	-webkit-box-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
	z-index: 1
}

.video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-vertical {
	bottom: 7em;
	width: 100%;
	margin: 0;
	background-color: rgba(0, 0, 0, .6);
	-webkit-transition: none;
	transition: none
}

.video-js .vjs-control-bar .vjs-volume-panel .vjs-volume-vertical .vjs-volume-level:before {
	left: -.35em
}

.video-js .vjs-control-bar .vjs-volume-panel .vjs-icon-placeholder:before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.video-js .vjs-control-bar .vjs-fullscreen-control {
	-webkit-box-ordinal-group: 9;
	-ms-flex-order: 8;
	order: 8
}

.vjs-button>.vjs-icon-placeholder:before {
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 40%
}

.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
	content: "";
	background-image: url(../img/play-btn.png)
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
	content: "";
	background-image: url(../img/pause-btn.png)
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
	content: "";
	background-image: url(../img/fullscreen-btn.png)
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
	content: "";
	background-image: url(../img/unfullscreen-btn.png)
}

.video-js .vjs-control-bar .vjs-volume-panel .vjs-icon-placeholder:before {
	content: ""
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
	background-image: url(../img/volume-btn.png)
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before,
.vjs-icon-volume-mid:before {
	background-image: url(../img/low-volume-btn.png)
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
	background-image: url(../img/muted-btn.png)
}

.vjs-has-started.vjs-user-inactive.vjs-playing+.back {
	visibility: visible;
	opacity: 0;
	-webkit-transition: visibility 1s, opacity 1s;
	transition: visibility 1s, opacity 1s
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	content: "";
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/big_play.png)
}

.videojs-content .video-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.videojs-content .tips {
	position: absolute;
	right: 10px;
	top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 3px 10px;
	border-radius: 50px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-weight: 500
}

.videojs-content .premiss-content,
.videojs-content .premiss-content .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.videojs-content .premiss-content .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: rgba(0, 0, 0, .6);
	z-index: 1
}

.videojs-content .premiss-content .content .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff
}

.videojs-content .premiss-content .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.videojs-content .premiss-content .btn {
	padding: 5px 10px;
	margin-top: 15px;
	border-radius: 50px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color));
	color: #fff;
	font-size: 12px
}

.videojs-content .gold {
	color: #f8e71c
}

.videojs-content .time-content {
	position: absolute;
	top: 50%;
	left: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 110px;
	height: 45px;
	border-radius: 5px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .5);
	pointer-events: none
}

.videojs-content .time-content .icon {
	position: relative;
	width: 0;
	height: 0;
	border-style: solid
}

.videojs-content .time-content .icon:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid
}

.videojs-content .time-content .icon.right,
.videojs-content .time-content .icon.right:before {
	border-width: 8px 0 8px 14px;
	border-color: transparent transparent transparent #ffffea
}

.videojs-content .time-content .icon.right:before {
	top: -8px;
	left: -24px
}

.videojs-content .time-content .icon.left,
.videojs-content .time-content .icon.left:before {
	border-width: 8px 14px 8px 0;
	border-color: transparent #ffffea transparent transparent
}

.videojs-content .time-content .icon.left:before {
	top: -8px;
	right: -4px
}

.videojs-content .time-content .time {
	color: #fff;
	margin-left: 7px
}

.videojs-content .video-ad {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px
}

.videojs-content .video-ad .inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 100%, .6);
	overflow: hidden
}

.videojs-content .video-ad .inner img {
	max-width: 100%;
	max-height: 100%
}

.videojs-content .video-ad .close {
	position: absolute;
	right: 10px;
	bottom: 20px;
	padding: 3px 10px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-weight: 700
}

.control-content .switch-btn,
.control-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.control-content .switch-btn {
	font-size: 1rem;
	color: var(--sub-font-color)
}

.control-content .switch-btn.line .img {
	background-image: url(../img/action_global.png)
}

.control-content .switch-btn.pixel {
	margin-left: 20px
}

.control-content .switch-btn.pixel .img {
	background-image: url(../img/SD.png)
}

.control-content .switch-btn.pixel .img.isHd {
	background-image: url(../img/HD.png)
}

.control-content .switch-btn .img {
	width: 24px;
	height: 24px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 4px
}

.control-content .switch-btn i {
	margin-left: 8px;
	font-size: 14px
}

.action-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2px 0;
	color: var(--sub-font-color);
	margin-bottom: 10px;
}

.action-content .btn {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.action-content .btn .img {
	width: 24px;
	height: 24px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 8px
}

.action-content .btn .text {
	font-size: 12px;
	font-weight: 500
}

.action-content .btn.report .img {
	background-image: var(--action-report-url)
}

.action-content .btn.download .img {
	background-image: var(--action-download-url)
}

.action-content .btn.collect .img {
	background-image: var(--action-collect-url)
}

.action-content .btn.collect.active .img {
	background-image: url(../img/action_collect_active.png)
}

.action-content .btn.share .img {
	background-image: var(--action-share-url)
}

.action-content .btn.share .text {
	color: var(--sub-font-color);
}

.actor .image {
	position: relative;
	height: 0;
	padding-bottom: 100%
}

.actor .box-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%
}

.actor .name {
	margin-top: 2px;
	color: var(--main-font-color);
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	overflow: hidden
}

.actor .collect {
	position: absolute;
	bottom: 0;
	right: -12px;
	height: 32px;
	width: 32px;
	background-image: url(../img/collect_btn.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.actor .collect.active {
	background-image: url(../img/collect_btn_active.png)
}


.cube-tab-bar {
	position: relative;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.cube-tab-bar,
.cube-tab-bar_inline .cube-tab {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.cube-tab-bar_inline .cube-tab {
	-webkit-align-content: center;
	align-content: center
}

.cube-tab-bar-slider {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 20px;
	background-color: #e8864c
}

.cube-tab {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding: 7px 0;
	color: #666;
	text-align: center;
}

.cube-tab_active {
	color: #e8864c
}

.cube-tab_active ,.cube-tab_active:link{
	position:relative;
}
.cube-tab_active:after{
	content: "";
	height: 2px;
	position: absolute;
	bottom: 0;
	background: #e85151;
	transition: all .2s;
}

.cube-tab_active :hover:after,.cube-tab_active:after{
	left: 0%;
	width: 100%;
}

.cube-slide {
	min-height: 1px
}

.cube-swiper-wrapper{
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.cube-slide,
.cube-slide-group {
	position: relative;
	height: 100%;
	overflow: hidden
}

.cube-slide-group {
	white-space: nowrap;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.cube-slide-dots {
	position: absolute;
	bottom: 2px;
	right: 0;
	left: 0;
	padding: 0 6px;
	font-size: 0;
	text-align: center;
	-webkit-transform: translateZ(1px);
	transform: translateZ(1px)
}

.cube-slide-dots>span {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 1px;
	width: 10px;
	height: 1px;
	background: #ccc
}

.cube-slide-dots>span.active {
	background: #fc9153
}

.cube-slide-item {
	flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.cube-slide-item>a {
	overflow: hidden;
	text-decoration: none
}

.cube-slide-item>a,
.cube-slide-item>a>img {
	display: block;
	height: 100%
}

.cube-scroll-wrapper {
	position: relative;
	height: 100%;
	overflow: hidden
}

.cube-scroll-list-wrapper {
	overflow: hidden
}

.cube-pulldown-wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-transition: all;
	transition: all
}

.cube-pulldown-wrapper .before-trigger {
	height: 54px;
	line-height: 0;
	padding-top: 6px
}

.cube-pulldown-wrapper .after-trigger .loading {
	padding: 8px 0
}

.cube-pulldown-wrapper .after-trigger .cube-pulldown-loaded {
	padding: 12px 0
}

.cube-pullup-wrapper {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.cube-pullup-wrapper .before-trigger {
	padding: 22px 0;
	min-height: 1em
}

.cube-pullup-wrapper .after-trigger {
	padding: 19px 0
}

.cube-scroll-content {
	position: relative;
	z-index: 1
}

.cube-scroll-item {
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	padding-left: 20px
}

.cube-loading {
	font-size: 24px
}

.cube-loading-spinners {
	position: relative;
	display: block;
	width: 1em;
	height: 1em
}

.cube-loading-spinner {
	position: absolute;
	left: 44.5%;
	top: 37%;
	width: 2px;
	height: 25%;
	border-radius: 50%/20%;
	opacity: .25;
	background-color: currentColor;
	-webkit-animation: spinner-fade 1s linear infinite;
	animation: spinner-fade 1s linear infinite
}

.cube-loading-spinner:first-child {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-transform: rotate(-150deg) translateY(-150%);
	transform: rotate(-150deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(2) {
	-webkit-animation-delay: .083333333333333s;
	animation-delay: .083333333333333s;
	-webkit-transform: rotate(-120deg) translateY(-150%);
	transform: rotate(-120deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(3) {
	-webkit-animation-delay: .166666666666667s;
	animation-delay: .166666666666667s;
	-webkit-transform: rotate(-90deg) translateY(-150%);
	transform: rotate(-90deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(4) {
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
	-webkit-transform: rotate(-60deg) translateY(-150%);
	transform: rotate(-60deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(5) {
	-webkit-animation-delay: .333333333333333s;
	animation-delay: .333333333333333s;
	-webkit-transform: rotate(-30deg) translateY(-150%);
	transform: rotate(-30deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(6) {
	-webkit-animation-delay: .416666666666667s;
	animation-delay: .416666666666667s;
	-webkit-transform: rotate(0deg) translateY(-150%);
	transform: rotate(0deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(7) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-transform: rotate(30deg) translateY(-150%);
	transform: rotate(30deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(8) {
	-webkit-animation-delay: .583333333333333s;
	animation-delay: .583333333333333s;
	-webkit-transform: rotate(60deg) translateY(-150%);
	transform: rotate(60deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(9) {
	-webkit-animation-delay: .666666666666667s;
	animation-delay: .666666666666667s;
	-webkit-transform: rotate(90deg) translateY(-150%);
	transform: rotate(90deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(10) {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
	-webkit-transform: rotate(120deg) translateY(-150%);
	transform: rotate(120deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(11) {
	-webkit-animation-delay: .833333333333333s;
	animation-delay: .833333333333333s;
	-webkit-transform: rotate(150deg) translateY(-150%);
	transform: rotate(150deg) translateY(-150%)
}

.cube-loading-spinner:nth-child(12) {
	-webkit-animation-delay: .916666666666667s;
	animation-delay: .916666666666667s;
	-webkit-transform: rotate(180deg) translateY(-150%);
	transform: rotate(180deg) translateY(-150%)
}

@-webkit-keyframes spinner-fade {
	0% {
		opacity: .85
	}

	50% {
		opacity: .25
	}

	to {
		opacity: .25
	}
}

@keyframes spinner-fade {
	0% {
		opacity: .85
	}

	50% {
		opacity: .25
	}

	to {
		opacity: .25
	}
}

.cube-sticky {
	position: relative;
	height: 100%;
	overflow: hidden
}

.cube-sticky-fixed {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.cube-sticky-fixed-fade-enter,
.cube-sticky-fixed-fade-leave-active {
	opacity: 0
}

.cube-sticky-fixed-fade-enter-active,
.cube-sticky-fixed-fade-leave-active {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.cube-sticky-ele {
	position: relative
}

.dialog-main {
	position: relative;
	width: 270px;
	border-radius: 7px;
	background: var(--dialog-bg-color);
	overflow: hidden
}

.dialog-title {
	color: var(--main-font-color);
	text-align: center;
	font-size: 1.2rem
}

.dialog-title-def {
	padding: 20px 5px 15px
}

.dialog-content {
	color: var(--sub-font-color);
	text-align: center;
	line-height: 22px
}

.dialog-content-def {
	padding: 0 20px 15px
}

.dialog-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid var(--third-font-color)
}

.dialog-btn {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 15px 10px;
	text-align: center
}

.dialog-btn.cancel {
	color: var(--sub-font-color)
}

.dialog-btn.cancel:before {
	content: "";
	position: absolute;
	top: 20%;
	right: 0;
	width: 1px;
	height: 60%;
	background: var(--third-font-color)
}

.dialog-btn.confirm {
	color: var(--main-color)
}

.dialog-close {
	position: absolute;
	top: 10px;
	right: 15px
}

.dialog-close:after,
.dialog-close:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	background: var(--sub-font-color)
}

.dialog-close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.dialog-close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}




.action-main {
	position: relative;
	border-radius: 10px;
	background: var(--main-bg-color);
	overflow: hidden
}

.action-main p {
	color: var(--third-font-color);
	margin-bottom: 10px
}

.action-title {
	padding: 16px 0;
	border-bottom: 1px solid var(--border-color);
	text-align: center;
	color: var(--main-font-color)
}

.action-des {
	padding: 16px 10px
}

.action-des .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	border-radius: 10px;
	color: var(--main-font-color);
	background: var(--btn-bg-color)
}

.action-des .btn:not(:last-of-type) {
	margin-bottom: 10px
}

.action-des .btn.active {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color))
}

.action-fade-enter,
.action-fade-leave-active {
	opacity: 0
}

.action-fade-enter-active,
.action-fade-leave-active {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.action-move-enter,
.action-move-leave-active {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.action-move-enter-active,
.action-move-leave-active {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}


.play_list .action-main {
	position: relative;
	border-radius: 10px;
	background: var(--main-bg-color);
	overflow: scroll;
	min-height: 40vh;
    max-height: 50vh;
}

.play_list .action-main p {
	color: var(--third-font-color);
	margin-bottom: 10px
}

.play_list .action-title {
	padding: 16px 0;
	border-bottom: 1px solid var(--border-color);
	text-align: center;
	color: var(--main-font-color)
}

.play_list .action-main .playsort {
	position: absolute;
	padding: 0px 10px;
    right: 5px;
    top: 18px;
	color: var(--main-font-color);
}


.play_list .action-des {
	padding: 16px 10px;
	display: none;
}

.play_list .action-des li{
	margin-bottom: 15px;
	width: 25%;
	padding: 0 4px;
	float: left;
}

.play_list .action-des.show {
	padding: 16px 10px;
	display: block;
}

.play_list .action-des .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 56px;
	border-radius: 10px;
	color: var(--main-font-color);
	background: var(--btn-bg-color);
}

.play_list .action-des .btn:not(:last-of-type) {
	margin-bottom: 10px
}

.play_list .action-des .btn.active {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-first-color)), to(var(--gradient-second-color)));
	background-image: linear-gradient(90deg, var(--gradient-first-color), var(--gradient-second-color))
}

.play_list .action-fade-enter,
.action-fade-leave-active {
	opacity: 0
}

.play_list .action-fade-enter-active,
.action-fade-leave-active {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.play_list .action-move-enter,
.action-move-leave-active {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.play_list .action-move-enter-active,
.action-move-leave-active {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}



.el-pagination {
    display: flex;
    justify-content: center;
}
						
.el-pagination {
	white-space: nowrap;
	padding: 2px 5px;
	color: #303133;
	font-weight: 700
}

.el-pagination::after,
.el-pagination::before {
	display: table;
	content: ""
}

.el-pagination::after {
	clear: both
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
	display: inline-block;
	font-size: 13px;
	min-width: 35.5px;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-pagination button {
	border: none;
	padding: 0 6px;
	background: 0 0
}

.el-pagination button:focus {
	outline: 0
}

.el-pagination button:hover {
	color: #e85151
}

.el-pagination button:disabled {
	color: #C0C4CC;
	background-color: #FFF;
	cursor: not-allowed
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
	background: center center no-repeat #FFF;
	background-size: 16px;
	cursor: pointer;
	margin: 0;
	color: #303133
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
	display: block;
	font-size: 12px;
	font-weight: 700
}

.el-pagination .btn-prev {
	padding-right: 12px
}

.el-pagination .btn-next {
	padding-left: 12px
}

.el-pagination .el-pager li.disabled {
	color: #C0C4CC;
	cursor: not-allowed
}

.el-pager,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
	padding: 0
}



.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	margin: 0 5px;
	background-color: var(--sub-bg-color);
	color: var(--main-font-color);
	min-width: 30px;
	border-radius: 2px
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.disabled {
	color: #C0C4CC
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: #e85151
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #e85151;
	color: #FFF
}

.el-dialog,
.el-pager li {
	background: #FFF;
	-webkit-box-sizing: border-box
}

.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
	margin: 0 3px;
	min-width: 22px
}

.el-pager,
.el-pager li {
	vertical-align: top;
	margin: 0;
	display: inline-block
}

.el-pager {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	list-style: none;
	font-size: 0
}

.el-pager li {
	padding: 0 4px;
	font-size: 13px;
	min-width: 35.5px;
	height: 28px;
	line-height: 28px;
	box-sizing: border-box;
	text-align: center
}


.el-pager li.active+li {
	border-left: 0
}

.el-pager li:hover {
	color: #e85151
}

.el-pager li.active {
	color: #e85151;
	cursor: default
}

.mac_pop,.mac_pop_msg {position: fixed;z-index: 99999;}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.fa-lg {
	font-size: 1.33333em;
	line-height: .75em;
	vertical-align: -.0667em
}

.fa-xs {
	font-size: .75em
}

.fa-sm {
	font-size: .875em
}

.fa-1x {
	font-size: 1em
}

.fa-2x {
	font-size: 2em
}

.fa-3x {
	font-size: 3em
}

.fa-4x {
	font-size: 4em
}

.fa-5x {
	font-size: 5em
}

.fa-6x {
	font-size: 6em
}

.fa-7x {
	font-size: 7em
}

.fa-8x {
	font-size: 8em
}

.fa-9x {
	font-size: 9em
}

.fa-10x {
	font-size: 10em
}

.fa-fw {
	text-align: center;
	width: 1.25em
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0
}

.fa-ul>li {
	position: relative
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit
}

.fa-border {
	border: .08em solid #eee;
	border-radius: .1em;
	padding: .2em .25em .15em
}

.fa-pull-left {
	float: left
}

.fa-pull-right {
	float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
	margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
	margin-left: .3em
}

.fa-spin {
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite
}

.fa-pulse {
	-webkit-animation: fa-spin 1s steps(8) infinite;
	animation: fa-spin 1s steps(8) infinite
}

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

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

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

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.fa-flip-vertical {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
	-webkit-transform: scale(-1);
	transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
	-webkit-filter: none;
	filter: none
}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%
}

.fa-stack-1x {
	line-height: inherit
}

.fa-stack-2x {
	font-size: 2em
}

.fa-inverse {
	color: #fff
}

.fa-500px:before {
	content: "\F26E"
}

.fa-accessible-icon:before {
	content: "\F368"
}

.fa-accusoft:before {
	content: "\F369"
}

.fa-acquisitions-incorporated:before {
	content: "\F6AF"
}

.fa-ad:before {
	content: "\F641"
}

.fa-address-book:before {
	content: "\F2B9"
}

.fa-address-card:before {
	content: "\F2BB"
}

.fa-adjust:before {
	content: "\F042"
}

.fa-adn:before {
	content: "\F170"
}

.fa-adobe:before {
	content: "\F778"
}

.fa-adversal:before {
	content: "\F36A"
}

.fa-affiliatetheme:before {
	content: "\F36B"
}

.fa-air-freshener:before {
	content: "\F5D0"
}

.fa-airbnb:before {
	content: "\F834"
}

.fa-algolia:before {
	content: "\F36C"
}

.fa-align-center:before {
	content: "\F037"
}

.fa-align-justify:before {
	content: "\F039"
}

.fa-align-left:before {
	content: "\F036"
}

.fa-align-right:before {
	content: "\F038"
}

.fa-alipay:before {
	content: "\F642"
}

.fa-allergies:before {
	content: "\F461"
}

.fa-amazon:before {
	content: "\F270"
}

.fa-amazon-pay:before {
	content: "\F42C"
}

.fa-ambulance:before {
	content: "\F0F9"
}

.fa-american-sign-language-interpreting:before {
	content: "\F2A3"
}

.fa-amilia:before {
	content: "\F36D"
}

.fa-anchor:before {
	content: "\F13D"
}

.fa-android:before {
	content: "\F17B"
}

.fa-angellist:before {
	content: "\F209"
}

.fa-angle-double-down:before {
	content: "\F103"
}

.fa-angle-double-left:before {
	content: "\F100"
}

.fa-angle-double-right:before {
	content: "\F101"
}

.fa-angle-double-up:before {
	content: "\F102"
}

.fa-angle-down:before {
	content: "\F107"
}

.fa-angle-left:before {
	content: "\F104"
}

.fa-angle-right:before {
	content: "\F105"
}

.fa-angle-up:before {
	content: "\F106"
}

.fa-angry:before {
	content: "\F556"
}

.fa-angrycreative:before {
	content: "\F36E"
}

.fa-angular:before {
	content: "\F420"
}

.fa-ankh:before {
	content: "\F644"
}

.fa-app-store:before {
	content: "\F36F"
}

.fa-app-store-ios:before {
	content: "\F370"
}

.fa-apper:before {
	content: "\F371"
}

.fa-apple:before {
	content: "\F179"
}

.fa-apple-alt:before {
	content: "\F5D1"
}

.fa-apple-pay:before {
	content: "\F415"
}

.fa-archive:before {
	content: "\F187"
}

.fa-archway:before {
	content: "\F557"
}

.fa-arrow-alt-circle-down:before {
	content: "\F358"
}

.fa-arrow-alt-circle-left:before {
	content: "\F359"
}

.fa-arrow-alt-circle-right:before {
	content: "\F35A"
}

.fa-arrow-alt-circle-up:before {
	content: "\F35B"
}

.fa-arrow-circle-down:before {
	content: "\F0AB"
}

.fa-arrow-circle-left:before {
	content: "\F0A8"
}

.fa-arrow-circle-right:before {
	content: "\F0A9"
}

.fa-arrow-circle-up:before {
	content: "\F0AA"
}

.fa-arrow-down:before {
	content: "\F063"
}

.fa-arrow-left:before {
	content: "\F060"
}

.fa-arrow-right:before {
	content: "\F061"
}

.fa-arrow-up:before {
	content: "\F062"
}

.fa-arrows-alt:before {
	content: "\F0B2"
}

.fa-arrows-alt-h:before {
	content: "\F337"
}

.fa-arrows-alt-v:before {
	content: "\F338"
}

.fa-artstation:before {
	content: "\F77A"
}

.fa-assistive-listening-systems:before {
	content: "\F2A2"
}

.fa-asterisk:before {
	content: "\F069"
}

.fa-asymmetrik:before {
	content: "\F372"
}

.fa-at:before {
	content: "\F1FA"
}

.fa-atlas:before {
	content: "\F558"
}

.fa-atlassian:before {
	content: "\F77B"
}

.fa-atom:before {
	content: "\F5D2"
}

.fa-audible:before {
	content: "\F373"
}

.fa-audio-description:before {
	content: "\F29E"
}

.fa-autoprefixer:before {
	content: "\F41C"
}

.fa-avianex:before {
	content: "\F374"
}

.fa-aviato:before {
	content: "\F421"
}

.fa-award:before {
	content: "\F559"
}

.fa-aws:before {
	content: "\F375"
}

.fa-baby:before {
	content: "\F77C"
}

.fa-baby-carriage:before {
	content: "\F77D"
}

.fa-backspace:before {
	content: "\F55A"
}

.fa-backward:before {
	content: "\F04A"
}

.fa-bacon:before {
	content: "\F7E5"
}

.fa-bahai:before {
	content: "\F666"
}

.fa-balance-scale:before {
	content: "\F24E"
}

.fa-balance-scale-left:before {
	content: "\F515"
}

.fa-balance-scale-right:before {
	content: "\F516"
}

.fa-ban:before {
	content: "\F05E"
}

.fa-band-aid:before {
	content: "\F462"
}

.fa-bandcamp:before {
	content: "\F2D5"
}

.fa-barcode:before {
	content: "\F02A"
}

.fa-bars:before {
	content: "\F0C9"
}

.fa-baseball-ball:before {
	content: "\F433"
}

.fa-basketball-ball:before {
	content: "\F434"
}

.fa-bath:before {
	content: "\F2CD"
}

.fa-battery-empty:before {
	content: "\F244"
}

.fa-battery-full:before {
	content: "\F240"
}

.fa-battery-half:before {
	content: "\F242"
}

.fa-battery-quarter:before {
	content: "\F243"
}

.fa-battery-three-quarters:before {
	content: "\F241"
}

.fa-battle-net:before {
	content: "\F835"
}

.fa-bed:before {
	content: "\F236"
}

.fa-beer:before {
	content: "\F0FC"
}

.fa-behance:before {
	content: "\F1B4"
}

.fa-behance-square:before {
	content: "\F1B5"
}

.fa-bell:before {
	content: "\F0F3"
}

.fa-bell-slash:before {
	content: "\F1F6"
}

.fa-bezier-curve:before {
	content: "\F55B"
}

.fa-bible:before {
	content: "\F647"
}

.fa-bicycle:before {
	content: "\F206"
}

.fa-biking:before {
	content: "\F84A"
}

.fa-bimobject:before {
	content: "\F378"
}

.fa-binoculars:before {
	content: "\F1E5"
}

.fa-biohazard:before {
	content: "\F780"
}

.fa-birthday-cake:before {
	content: "\F1FD"
}

.fa-bitbucket:before {
	content: "\F171"
}

.fa-bitcoin:before {
	content: "\F379"
}

.fa-bity:before {
	content: "\F37A"
}

.fa-black-tie:before {
	content: "\F27E"
}

.fa-blackberry:before {
	content: "\F37B"
}

.fa-blender:before {
	content: "\F517"
}

.fa-blender-phone:before {
	content: "\F6B6"
}

.fa-blind:before {
	content: "\F29D"
}

.fa-blog:before {
	content: "\F781"
}

.fa-blogger:before {
	content: "\F37C"
}

.fa-blogger-b:before {
	content: "\F37D"
}

.fa-bluetooth:before {
	content: "\F293"
}

.fa-bluetooth-b:before {
	content: "\F294"
}

.fa-bold:before {
	content: "\F032"
}

.fa-bolt:before {
	content: "\F0E7"
}

.fa-bomb:before {
	content: "\F1E2"
}

.fa-bone:before {
	content: "\F5D7"
}

.fa-bong:before {
	content: "\F55C"
}

.fa-book:before {
	content: "\F02D"
}

.fa-book-dead:before {
	content: "\F6B7"
}

.fa-book-medical:before {
	content: "\F7E6"
}

.fa-book-open:before {
	content: "\F518"
}

.fa-book-reader:before {
	content: "\F5DA"
}

.fa-bookmark:before {
	content: "\F02E"
}

.fa-bootstrap:before {
	content: "\F836"
}

.fa-border-all:before {
	content: "\F84C"
}

.fa-border-none:before {
	content: "\F850"
}

.fa-border-style:before {
	content: "\F853"
}

.fa-bowling-ball:before {
	content: "\F436"
}

.fa-box:before {
	content: "\F466"
}

.fa-box-open:before {
	content: "\F49E"
}

.fa-box-tissue:before {
	content: "\F95B"
}

.fa-boxes:before {
	content: "\F468"
}

.fa-braille:before {
	content: "\F2A1"
}

.fa-brain:before {
	content: "\F5DC"
}

.fa-bread-slice:before {
	content: "\F7EC"
}

.fa-briefcase:before {
	content: "\F0B1"
}

.fa-briefcase-medical:before {
	content: "\F469"
}

.fa-broadcast-tower:before {
	content: "\F519"
}

.fa-broom:before {
	content: "\F51A"
}

.fa-brush:before {
	content: "\F55D"
}

.fa-btc:before {
	content: "\F15A"
}

.fa-buffer:before {
	content: "\F837"
}

.fa-bug:before {
	content: "\F188"
}

.fa-building:before {
	content: "\F1AD"
}

.fa-bullhorn:before {
	content: "\F0A1"
}

.fa-bullseye:before {
	content: "\F140"
}

.fa-burn:before {
	content: "\F46A"
}

.fa-buromobelexperte:before {
	content: "\F37F"
}

.fa-bus:before {
	content: "\F207"
}

.fa-bus-alt:before {
	content: "\F55E"
}

.fa-business-time:before {
	content: "\F64A"
}

.fa-buy-n-large:before {
	content: "\F8A6"
}

.fa-buysellads:before {
	content: "\F20D"
}

.fa-calculator:before {
	content: "\F1EC"
}

.fa-calendar:before {
	content: "\F133"
}

.fa-calendar-alt:before {
	content: "\F073"
}

.fa-calendar-check:before {
	content: "\F274"
}

.fa-calendar-day:before {
	content: "\F783"
}

.fa-calendar-minus:before {
	content: "\F272"
}

.fa-calendar-plus:before {
	content: "\F271"
}

.fa-calendar-times:before {
	content: "\F273"
}

.fa-calendar-week:before {
	content: "\F784"
}

.fa-camera:before {
	content: "\F030"
}

.fa-camera-retro:before {
	content: "\F083"
}

.fa-campground:before {
	content: "\F6BB"
}

.fa-canadian-maple-leaf:before {
	content: "\F785"
}

.fa-candy-cane:before {
	content: "\F786"
}

.fa-cannabis:before {
	content: "\F55F"
}

.fa-capsules:before {
	content: "\F46B"
}

.fa-car:before {
	content: "\F1B9"
}

.fa-car-alt:before {
	content: "\F5DE"
}

.fa-car-battery:before {
	content: "\F5DF"
}

.fa-car-crash:before {
	content: "\F5E1"
}

.fa-car-side:before {
	content: "\F5E4"
}

.fa-caravan:before {
	content: "\F8FF"
}

.fa-caret-down:before {
	content: "\F0D7"
}

.fa-caret-left:before {
	content: "\F0D9"
}

.fa-caret-right:before {
	content: "\F0DA"
}

.fa-caret-square-down:before {
	content: "\F150"
}

.fa-caret-square-left:before {
	content: "\F191"
}

.fa-caret-square-right:before {
	content: "\F152"
}

.fa-caret-square-up:before {
	content: "\F151"
}

.fa-caret-up:before {
	content: "\F0D8"
}

.fa-carrot:before {
	content: "\F787"
}

.fa-cart-arrow-down:before {
	content: "\F218"
}

.fa-cart-plus:before {
	content: "\F217"
}

.fa-cash-register:before {
	content: "\F788"
}

.fa-cat:before {
	content: "\F6BE"
}

.fa-cc-amazon-pay:before {
	content: "\F42D"
}

.fa-cc-amex:before {
	content: "\F1F3"
}

.fa-cc-apple-pay:before {
	content: "\F416"
}

.fa-cc-diners-club:before {
	content: "\F24C"
}

.fa-cc-discover:before {
	content: "\F1F2"
}

.fa-cc-jcb:before {
	content: "\F24B"
}

.fa-cc-mastercard:before {
	content: "\F1F1"
}

.fa-cc-paypal:before {
	content: "\F1F4"
}

.fa-cc-stripe:before {
	content: "\F1F5"
}

.fa-cc-visa:before {
	content: "\F1F0"
}

.fa-centercode:before {
	content: "\F380"
}

.fa-centos:before {
	content: "\F789"
}

.fa-certificate:before {
	content: "\F0A3"
}

.fa-chair:before {
	content: "\F6C0"
}

.fa-chalkboard:before {
	content: "\F51B"
}

.fa-chalkboard-teacher:before {
	content: "\F51C"
}

.fa-charging-station:before {
	content: "\F5E7"
}

.fa-chart-area:before {
	content: "\F1FE"
}

.fa-chart-bar:before {
	content: "\F080"
}

.fa-chart-line:before {
	content: "\F201"
}

.fa-chart-pie:before {
	content: "\F200"
}

.fa-check:before {
	content: "\F00C"
}

.fa-check-circle:before {
	content: "\F058"
}

.fa-check-double:before {
	content: "\F560"
}

.fa-check-square:before {
	content: "\F14A"
}

.fa-cheese:before {
	content: "\F7EF"
}

.fa-chess:before {
	content: "\F439"
}

.fa-chess-bishop:before {
	content: "\F43A"
}

.fa-chess-board:before {
	content: "\F43C"
}

.fa-chess-king:before {
	content: "\F43F"
}

.fa-chess-knight:before {
	content: "\F441"
}

.fa-chess-pawn:before {
	content: "\F443"
}

.fa-chess-queen:before {
	content: "\F445"
}

.fa-chess-rook:before {
	content: "\F447"
}

.fa-chevron-circle-down:before {
	content: "\F13A"
}

.fa-chevron-circle-left:before {
	content: "\F137"
}

.fa-chevron-circle-right:before {
	content: "\F138"
}

.fa-chevron-circle-up:before {
	content: "\F139"
}

.fa-chevron-down:before {
	content: "\F078"
}

.fa-chevron-left:before {
	content: "\F053"
}

.fa-chevron-right:before {
	content: "\F054"
}

.fa-chevron-up:before {
	content: "\F077"
}

.fa-child:before {
	content: "\F1AE"
}

.fa-chrome:before {
	content: "\F268"
}

.fa-chromecast:before {
	content: "\F838"
}

.fa-church:before {
	content: "\F51D"
}

.fa-circle:before {
	content: "\F111"
}

.fa-circle-notch:before {
	content: "\F1CE"
}

.fa-city:before {
	content: "\F64F"
}

.fa-clinic-medical:before {
	content: "\F7F2"
}

.fa-clipboard:before {
	content: "\F328"
}

.fa-clipboard-check:before {
	content: "\F46C"
}

.fa-clipboard-list:before {
	content: "\F46D"
}

.fa-clock:before {
	content: "\F017"
}

.fa-clone:before {
	content: "\F24D"
}

.fa-closed-captioning:before {
	content: "\F20A"
}

.fa-cloud:before {
	content: "\F0C2"
}

.fa-cloud-download-alt:before {
	content: "\F381"
}

.fa-cloud-meatball:before {
	content: "\F73B"
}

.fa-cloud-moon:before {
	content: "\F6C3"
}

.fa-cloud-moon-rain:before {
	content: "\F73C"
}

.fa-cloud-rain:before {
	content: "\F73D"
}

.fa-cloud-showers-heavy:before {
	content: "\F740"
}

.fa-cloud-sun:before {
	content: "\F6C4"
}

.fa-cloud-sun-rain:before {
	content: "\F743"
}

.fa-cloud-upload-alt:before {
	content: "\F382"
}

.fa-cloudscale:before {
	content: "\F383"
}

.fa-cloudsmith:before {
	content: "\F384"
}

.fa-cloudversify:before {
	content: "\F385"
}

.fa-cocktail:before {
	content: "\F561"
}

.fa-code:before {
	content: "\F121"
}

.fa-code-branch:before {
	content: "\F126"
}

.fa-codepen:before {
	content: "\F1CB"
}

.fa-codiepie:before {
	content: "\F284"
}

.fa-coffee:before {
	content: "\F0F4"
}

.fa-cog:before {
	content: "\F013"
}

.fa-cogs:before {
	content: "\F085"
}

.fa-coins:before {
	content: "\F51E"
}

.fa-columns:before {
	content: "\F0DB"
}

.fa-comment:before {
	content: "\F075"
}

.fa-comment-alt:before {
	content: "\F27A"
}

.fa-comment-dollar:before {
	content: "\F651"
}

.fa-comment-dots:before {
	content: "\F4AD"
}

.fa-comment-medical:before {
	content: "\F7F5"
}

.fa-comment-slash:before {
	content: "\F4B3"
}

.fa-comments:before {
	content: "\F086"
}

.fa-comments-dollar:before {
	content: "\F653"
}

.fa-compact-disc:before {
	content: "\F51F"
}

.fa-compass:before {
	content: "\F14E"
}

.fa-compress:before {
	content: "\F066"
}

.fa-compress-alt:before {
	content: "\F422"
}

.fa-compress-arrows-alt:before {
	content: "\F78C"
}

.fa-concierge-bell:before {
	content: "\F562"
}

.fa-confluence:before {
	content: "\F78D"
}

.fa-connectdevelop:before {
	content: "\F20E"
}

.fa-contao:before {
	content: "\F26D"
}

.fa-cookie:before {
	content: "\F563"
}

.fa-cookie-bite:before {
	content: "\F564"
}

.fa-copy:before {
	content: "\F0C5"
}

.fa-copyright:before {
	content: "\F1F9"
}

.fa-cotton-bureau:before {
	content: "\F89E"
}

.fa-couch:before {
	content: "\F4B8"
}

.fa-cpanel:before {
	content: "\F388"
}

.fa-creative-commons:before {
	content: "\F25E"
}

.fa-creative-commons-by:before {
	content: "\F4E7"
}

.fa-creative-commons-nc:before {
	content: "\F4E8"
}

.fa-creative-commons-nc-eu:before {
	content: "\F4E9"
}

.fa-creative-commons-nc-jp:before {
	content: "\F4EA"
}

.fa-creative-commons-nd:before {
	content: "\F4EB"
}

.fa-creative-commons-pd:before {
	content: "\F4EC"
}

.fa-creative-commons-pd-alt:before {
	content: "\F4ED"
}

.fa-creative-commons-remix:before {
	content: "\F4EE"
}

.fa-creative-commons-sa:before {
	content: "\F4EF"
}

.fa-creative-commons-sampling:before {
	content: "\F4F0"
}

.fa-creative-commons-sampling-plus:before {
	content: "\F4F1"
}

.fa-creative-commons-share:before {
	content: "\F4F2"
}

.fa-creative-commons-zero:before {
	content: "\F4F3"
}

.fa-credit-card:before {
	content: "\F09D"
}

.fa-critical-role:before {
	content: "\F6C9"
}

.fa-crop:before {
	content: "\F125"
}

.fa-crop-alt:before {
	content: "\F565"
}

.fa-cross:before {
	content: "\F654"
}

.fa-crosshairs:before {
	content: "\F05B"
}

.fa-crow:before {
	content: "\F520"
}

.fa-crown:before {
	content: "\F521"
}

.fa-crutch:before {
	content: "\F7F7"
}

.fa-css3:before {
	content: "\F13C"
}

.fa-css3-alt:before {
	content: "\F38B"
}

.fa-cube:before {
	content: "\F1B2"
}

.fa-cubes:before {
	content: "\F1B3"
}

.fa-cut:before {
	content: "\F0C4"
}

.fa-cuttlefish:before {
	content: "\F38C"
}

.fa-d-and-d:before {
	content: "\F38D"
}

.fa-d-and-d-beyond:before {
	content: "\F6CA"
}

.fa-dailymotion:before {
	content: "\F952"
}

.fa-dashcube:before {
	content: "\F210"
}

.fa-database:before {
	content: "\F1C0"
}

.fa-deaf:before {
	content: "\F2A4"
}

.fa-delicious:before {
	content: "\F1A5"
}

.fa-democrat:before {
	content: "\F747"
}

.fa-deploydog:before {
	content: "\F38E"
}

.fa-deskpro:before {
	content: "\F38F"
}

.fa-desktop:before {
	content: "\F108"
}

.fa-dev:before {
	content: "\F6CC"
}

.fa-deviantart:before {
	content: "\F1BD"
}

.fa-dharmachakra:before {
	content: "\F655"
}

.fa-dhl:before {
	content: "\F790"
}

.fa-diagnoses:before {
	content: "\F470"
}

.fa-diaspora:before {
	content: "\F791"
}

.fa-dice:before {
	content: "\F522"
}

.fa-dice-d20:before {
	content: "\F6CF"
}

.fa-dice-d6:before {
	content: "\F6D1"
}

.fa-dice-five:before {
	content: "\F523"
}

.fa-dice-four:before {
	content: "\F524"
}

.fa-dice-one:before {
	content: "\F525"
}

.fa-dice-six:before {
	content: "\F526"
}

.fa-dice-three:before {
	content: "\F527"
}

.fa-dice-two:before {
	content: "\F528"
}

.fa-digg:before {
	content: "\F1A6"
}

.fa-digital-ocean:before {
	content: "\F391"
}

.fa-digital-tachograph:before {
	content: "\F566"
}

.fa-directions:before {
	content: "\F5EB"
}

.fa-discord:before {
	content: "\F392"
}

.fa-discourse:before {
	content: "\F393"
}

.fa-disease:before {
	content: "\F7FA"
}

.fa-divide:before {
	content: "\F529"
}

.fa-dizzy:before {
	content: "\F567"
}

.fa-dna:before {
	content: "\F471"
}

.fa-dochub:before {
	content: "\F394"
}

.fa-docker:before {
	content: "\F395"
}

.fa-dog:before {
	content: "\F6D3"
}

.fa-dollar-sign:before {
	content: "\F155"
}

.fa-dolly:before {
	content: "\F472"
}

.fa-dolly-flatbed:before {
	content: "\F474"
}

.fa-donate:before {
	content: "\F4B9"
}

.fa-door-closed:before {
	content: "\F52A"
}

.fa-door-open:before {
	content: "\F52B"
}

.fa-dot-circle:before {
	content: "\F192"
}

.fa-dove:before {
	content: "\F4BA"
}

.fa-download:before {
	content: "\F019"
}

.fa-draft2digital:before {
	content: "\F396"
}

.fa-drafting-compass:before {
	content: "\F568"
}

.fa-dragon:before {
	content: "\F6D5"
}

.fa-draw-polygon:before {
	content: "\F5EE"
}

.fa-dribbble:before {
	content: "\F17D"
}

.fa-dribbble-square:before {
	content: "\F397"
}

.fa-dropbox:before {
	content: "\F16B"
}

.fa-drum:before {
	content: "\F569"
}

.fa-drum-steelpan:before {
	content: "\F56A"
}

.fa-drumstick-bite:before {
	content: "\F6D7"
}

.fa-drupal:before {
	content: "\F1A9"
}

.fa-dumbbell:before {
	content: "\F44B"
}

.fa-dumpster:before {
	content: "\F793"
}

.fa-dumpster-fire:before {
	content: "\F794"
}

.fa-dungeon:before {
	content: "\F6D9"
}

.fa-dyalog:before {
	content: "\F399"
}

.fa-earlybirds:before {
	content: "\F39A"
}

.fa-ebay:before {
	content: "\F4F4"
}

.fa-edge:before {
	content: "\F282"
}

.fa-edit:before {
	content: "\F044"
}

.fa-egg:before {
	content: "\F7FB"
}

.fa-eject:before {
	content: "\F052"
}

.fa-elementor:before {
	content: "\F430"
}

.fa-ellipsis-h:before {
	content: "\F141"
}

.fa-ellipsis-v:before {
	content: "\F142"
}

.fa-ello:before {
	content: "\F5F1"
}

.fa-ember:before {
	content: "\F423"
}

.fa-empire:before {
	content: "\F1D1"
}

.fa-envelope:before {
	content: "\F0E0"
}

.fa-envelope-open:before {
	content: "\F2B6"
}

.fa-envelope-open-text:before {
	content: "\F658"
}

.fa-envelope-square:before {
	content: "\F199"
}

.fa-envira:before {
	content: "\F299"
}

.fa-equals:before {
	content: "\F52C"
}

.fa-eraser:before {
	content: "\F12D"
}

.fa-erlang:before {
	content: "\F39D"
}

.fa-ethereum:before {
	content: "\F42E"
}

.fa-ethernet:before {
	content: "\F796"
}

.fa-etsy:before {
	content: "\F2D7"
}

.fa-euro-sign:before {
	content: "\F153"
}

.fa-evernote:before {
	content: "\F839"
}

.fa-exchange-alt:before {
	content: "\F362"
}

.fa-exclamation:before {
	content: "\F12A"
}

.fa-exclamation-circle:before {
	content: "\F06A"
}

.fa-exclamation-triangle:before {
	content: "\F071"
}

.fa-expand:before {
	content: "\F065"
}

.fa-expand-alt:before {
	content: "\F424"
}

.fa-expand-arrows-alt:before {
	content: "\F31E"
}

.fa-expeditedssl:before {
	content: "\F23E"
}

.fa-external-link-alt:before {
	content: "\F35D"
}

.fa-external-link-square-alt:before {
	content: "\F360"
}

.fa-eye:before {
	content: "\F06E"
}

.fa-eye-dropper:before {
	content: "\F1FB"
}

.fa-eye-slash:before {
	content: "\F070"
}

.fa-facebook:before {
	content: "\F09A"
}

.fa-facebook-f:before {
	content: "\F39E"
}

.fa-facebook-messenger:before {
	content: "\F39F"
}

.fa-facebook-square:before {
	content: "\F082"
}

.fa-fan:before {
	content: "\F863"
}

.fa-fantasy-flight-games:before {
	content: "\F6DC"
}

.fa-fast-backward:before {
	content: "\F049"
}

.fa-fast-forward:before {
	content: "\F050"
}

.fa-faucet:before {
	content: "\F905"
}

.fa-fax:before {
	content: "\F1AC"
}

.fa-feather:before {
	content: "\F52D"
}

.fa-feather-alt:before {
	content: "\F56B"
}

.fa-fedex:before {
	content: "\F797"
}

.fa-fedora:before {
	content: "\F798"
}

.fa-female:before {
	content: "\F182"
}

.fa-fighter-jet:before {
	content: "\F0FB"
}

.fa-figma:before {
	content: "\F799"
}

.fa-file:before {
	content: "\F15B"
}

.fa-file-alt:before {
	content: "\F15C"
}

.fa-file-archive:before {
	content: "\F1C6"
}

.fa-file-audio:before {
	content: "\F1C7"
}

.fa-file-code:before {
	content: "\F1C9"
}

.fa-file-contract:before {
	content: "\F56C"
}

.fa-file-csv:before {
	content: "\F6DD"
}

.fa-file-download:before {
	content: "\F56D"
}

.fa-file-excel:before {
	content: "\F1C3"
}

.fa-file-export:before {
	content: "\F56E"
}

.fa-file-image:before {
	content: "\F1C5"
}

.fa-file-import:before {
	content: "\F56F"
}

.fa-file-invoice:before {
	content: "\F570"
}

.fa-file-invoice-dollar:before {
	content: "\F571"
}

.fa-file-medical:before {
	content: "\F477"
}

.fa-file-medical-alt:before {
	content: "\F478"
}

.fa-file-pdf:before {
	content: "\F1C1"
}

.fa-file-powerpoint:before {
	content: "\F1C4"
}

.fa-file-prescription:before {
	content: "\F572"
}

.fa-file-signature:before {
	content: "\F573"
}

.fa-file-upload:before {
	content: "\F574"
}

.fa-file-video:before {
	content: "\F1C8"
}

.fa-file-word:before {
	content: "\F1C2"
}

.fa-fill:before {
	content: "\F575"
}

.fa-fill-drip:before {
	content: "\F576"
}

.fa-film:before {
	content: "\F008"
}

.fa-filter:before {
	content: "\F0B0"
}

.fa-fingerprint:before {
	content: "\F577"
}

.fa-fire:before {
	content: "\F06D"
}

.fa-fire-alt:before {
	content: "\F7E4"
}

.fa-fire-extinguisher:before {
	content: "\F134"
}

.fa-firefox:before {
	content: "\F269"
}

.fa-firefox-browser:before {
	content: "\F907"
}

.fa-first-aid:before {
	content: "\F479"
}

.fa-first-order:before {
	content: "\F2B0"
}

.fa-first-order-alt:before {
	content: "\F50A"
}

.fa-firstdraft:before {
	content: "\F3A1"
}

.fa-fish:before {
	content: "\F578"
}

.fa-fist-raised:before {
	content: "\F6DE"
}

.fa-flag:before {
	content: "\F024"
}

.fa-flag-checkered:before {
	content: "\F11E"
}

.fa-flag-usa:before {
	content: "\F74D"
}

.fa-flask:before {
	content: "\F0C3"
}

.fa-flickr:before {
	content: "\F16E"
}

.fa-flipboard:before {
	content: "\F44D"
}

.fa-flushed:before {
	content: "\F579"
}

.fa-fly:before {
	content: "\F417"
}

.fa-folder:before {
	content: "\F07B"
}

.fa-folder-minus:before {
	content: "\F65D"
}

.fa-folder-open:before {
	content: "\F07C"
}

.fa-folder-plus:before {
	content: "\F65E"
}

.fa-font:before {
	content: "\F031"
}

.fa-font-awesome:before {
	content: "\F2B4"
}

.fa-font-awesome-alt:before {
	content: "\F35C"
}

.fa-font-awesome-flag:before {
	content: "\F425"
}

.fa-font-awesome-logo-full:before {
	content: "\F4E6"
}

.fa-fonticons:before {
	content: "\F280"
}

.fa-fonticons-fi:before {
	content: "\F3A2"
}

.fa-football-ball:before {
	content: "\F44E"
}

.fa-fort-awesome:before {
	content: "\F286"
}

.fa-fort-awesome-alt:before {
	content: "\F3A3"
}

.fa-forumbee:before {
	content: "\F211"
}

.fa-forward:before {
	content: "\F04E"
}

.fa-foursquare:before {
	content: "\F180"
}

.fa-free-code-camp:before {
	content: "\F2C5"
}

.fa-freebsd:before {
	content: "\F3A4"
}

.fa-frog:before {
	content: "\F52E"
}

.fa-frown:before {
	content: "\F119"
}

.fa-frown-open:before {
	content: "\F57A"
}

.fa-fulcrum:before {
	content: "\F50B"
}

.fa-funnel-dollar:before {
	content: "\F662"
}

.fa-futbol:before {
	content: "\F1E3"
}

.fa-galactic-republic:before {
	content: "\F50C"
}

.fa-galactic-senate:before {
	content: "\F50D"
}

.fa-gamepad:before {
	content: "\F11B"
}

.fa-gas-pump:before {
	content: "\F52F"
}

.fa-gavel:before {
	content: "\F0E3"
}

.fa-gem:before {
	content: "\F3A5"
}

.fa-genderless:before {
	content: "\F22D"
}

.fa-get-pocket:before {
	content: "\F265"
}

.fa-gg:before {
	content: "\F260"
}

.fa-gg-circle:before {
	content: "\F261"
}

.fa-ghost:before {
	content: "\F6E2"
}

.fa-gift:before {
	content: "\F06B"
}

.fa-gifts:before {
	content: "\F79C"
}

.fa-git:before {
	content: "\F1D3"
}

.fa-git-alt:before {
	content: "\F841"
}

.fa-git-square:before {
	content: "\F1D2"
}

.fa-github:before {
	content: "\F09B"
}

.fa-github-alt:before {
	content: "\F113"
}

.fa-github-square:before {
	content: "\F092"
}

.fa-gitkraken:before {
	content: "\F3A6"
}

.fa-gitlab:before {
	content: "\F296"
}

.fa-gitter:before {
	content: "\F426"
}

.fa-glass-cheers:before {
	content: "\F79F"
}

.fa-glass-martini:before {
	content: "\F000"
}

.fa-glass-martini-alt:before {
	content: "\F57B"
}

.fa-glass-whiskey:before {
	content: "\F7A0"
}

.fa-glasses:before {
	content: "\F530"
}

.fa-glide:before {
	content: "\F2A5"
}

.fa-glide-g:before {
	content: "\F2A6"
}

.fa-globe:before {
	content: "\F0AC"
}

.fa-globe-africa:before {
	content: "\F57C"
}

.fa-globe-americas:before {
	content: "\F57D"
}

.fa-globe-asia:before {
	content: "\F57E"
}

.fa-globe-europe:before {
	content: "\F7A2"
}

.fa-gofore:before {
	content: "\F3A7"
}

.fa-golf-ball:before {
	content: "\F450"
}

.fa-goodreads:before {
	content: "\F3A8"
}

.fa-goodreads-g:before {
	content: "\F3A9"
}

.fa-google:before {
	content: "\F1A0"
}

.fa-google-drive:before {
	content: "\F3AA"
}

.fa-google-play:before {
	content: "\F3AB"
}

.fa-google-plus:before {
	content: "\F2B3"
}

.fa-google-plus-g:before {
	content: "\F0D5"
}

.fa-google-plus-square:before {
	content: "\F0D4"
}

.fa-google-wallet:before {
	content: "\F1EE"
}

.fa-gopuram:before {
	content: "\F664"
}

.fa-graduation-cap:before {
	content: "\F19D"
}

.fa-gratipay:before {
	content: "\F184"
}

.fa-grav:before {
	content: "\F2D6"
}

.fa-greater-than:before {
	content: "\F531"
}

.fa-greater-than-equal:before {
	content: "\F532"
}

.fa-grimace:before {
	content: "\F57F"
}

.fa-grin:before {
	content: "\F580"
}

.fa-grin-alt:before {
	content: "\F581"
}

.fa-grin-beam:before {
	content: "\F582"
}

.fa-grin-beam-sweat:before {
	content: "\F583"
}

.fa-grin-hearts:before {
	content: "\F584"
}

.fa-grin-squint:before {
	content: "\F585"
}

.fa-grin-squint-tears:before {
	content: "\F586"
}

.fa-grin-stars:before {
	content: "\F587"
}

.fa-grin-tears:before {
	content: "\F588"
}

.fa-grin-tongue:before {
	content: "\F589"
}

.fa-grin-tongue-squint:before {
	content: "\F58A"
}

.fa-grin-tongue-wink:before {
	content: "\F58B"
}

.fa-grin-wink:before {
	content: "\F58C"
}

.fa-grip-horizontal:before {
	content: "\F58D"
}

.fa-grip-lines:before {
	content: "\F7A4"
}

.fa-grip-lines-vertical:before {
	content: "\F7A5"
}

.fa-grip-vertical:before {
	content: "\F58E"
}

.fa-gripfire:before {
	content: "\F3AC"
}

.fa-grunt:before {
	content: "\F3AD"
}

.fa-guitar:before {
	content: "\F7A6"
}

.fa-gulp:before {
	content: "\F3AE"
}

.fa-h-square:before {
	content: "\F0FD"
}

.fa-hacker-news:before {
	content: "\F1D4"
}

.fa-hacker-news-square:before {
	content: "\F3AF"
}

.fa-hackerrank:before {
	content: "\F5F7"
}

.fa-hamburger:before {
	content: "\F805"
}

.fa-hammer:before {
	content: "\F6E3"
}

.fa-hamsa:before {
	content: "\F665"
}

.fa-hand-holding:before {
	content: "\F4BD"
}

.fa-hand-holding-heart:before {
	content: "\F4BE"
}

.fa-hand-holding-medical:before {
	content: "\F95C"
}

.fa-hand-holding-usd:before {
	content: "\F4C0"
}

.fa-hand-holding-water:before {
	content: "\F4C1"
}

.fa-hand-lizard:before {
	content: "\F258"
}

.fa-hand-middle-finger:before {
	content: "\F806"
}

.fa-hand-paper:before {
	content: "\F256"
}

.fa-hand-peace:before {
	content: "\F25B"
}

.fa-hand-point-down:before {
	content: "\F0A7"
}

.fa-hand-point-left:before {
	content: "\F0A5"
}

.fa-hand-point-right:before {
	content: "\F0A4"
}

.fa-hand-point-up:before {
	content: "\F0A6"
}

.fa-hand-pointer:before {
	content: "\F25A"
}

.fa-hand-rock:before {
	content: "\F255"
}

.fa-hand-scissors:before {
	content: "\F257"
}

.fa-hand-sparkles:before {
	content: "\F95D"
}

.fa-hand-spock:before {
	content: "\F259"
}

.fa-hands:before {
	content: "\F4C2"
}

.fa-hands-helping:before {
	content: "\F4C4"
}

.fa-hands-wash:before {
	content: "\F95E"
}

.fa-handshake:before {
	content: "\F2B5"
}

.fa-handshake-alt-slash:before {
	content: "\F95F"
}

.fa-handshake-slash:before {
	content: "\F960"
}

.fa-hanukiah:before {
	content: "\F6E6"
}

.fa-hard-hat:before {
	content: "\F807"
}

.fa-hashtag:before {
	content: "\F292"
}

.fa-hat-cowboy:before {
	content: "\F8C0"
}

.fa-hat-cowboy-side:before {
	content: "\F8C1"
}

.fa-hat-wizard:before {
	content: "\F6E8"
}

.fa-hdd:before {
	content: "\F0A0"
}

.fa-head-side-cough:before {
	content: "\F961"
}

.fa-head-side-cough-slash:before {
	content: "\F962"
}

.fa-head-side-mask:before {
	content: "\F963"
}

.fa-head-side-virus:before {
	content: "\F964"
}

.fa-heading:before {
	content: "\F1DC"
}

.fa-headphones:before {
	content: "\F025"
}

.fa-headphones-alt:before {
	content: "\F58F"
}

.fa-headset:before {
	content: "\F590"
}

.fa-heart:before {
	content: "\F004"
}

.fa-heart-broken:before {
	content: "\F7A9"
}

.fa-heartbeat:before {
	content: "\F21E"
}

.fa-helicopter:before {
	content: "\F533"
}

.fa-highlighter:before {
	content: "\F591"
}

.fa-hiking:before {
	content: "\F6EC"
}

.fa-hippo:before {
	content: "\F6ED"
}

.fa-hips:before {
	content: "\F452"
}

.fa-hire-a-helper:before {
	content: "\F3B0"
}

.fa-history:before {
	content: "\F1DA"
}

.fa-hockey-puck:before {
	content: "\F453"
}

.fa-holly-berry:before {
	content: "\F7AA"
}

.fa-home:before {
	content: "\F015"
}

.fa-hooli:before {
	content: "\F427"
}

.fa-hornbill:before {
	content: "\F592"
}

.fa-horse:before {
	content: "\F6F0"
}

.fa-horse-head:before {
	content: "\F7AB"
}

.fa-hospital:before {
	content: "\F0F8"
}

.fa-hospital-alt:before {
	content: "\F47D"
}

.fa-hospital-symbol:before {
	content: "\F47E"
}

.fa-hospital-user:before {
	content: "\F80D"
}

.fa-hot-tub:before {
	content: "\F593"
}

.fa-hotdog:before {
	content: "\F80F"
}

.fa-hotel:before {
	content: "\F594"
}

.fa-hotjar:before {
	content: "\F3B1"
}

.fa-hourglass:before {
	content: "\F254"
}

.fa-hourglass-end:before {
	content: "\F253"
}

.fa-hourglass-half:before {
	content: "\F252"
}

.fa-hourglass-start:before {
	content: "\F251"
}

.fa-house-damage:before {
	content: "\F6F1"
}

.fa-house-user:before {
	content: "\F965"
}

.fa-houzz:before {
	content: "\F27C"
}

.fa-hryvnia:before {
	content: "\F6F2"
}

.fa-html5:before {
	content: "\F13B"
}

.fa-hubspot:before {
	content: "\F3B2"
}

.fa-i-cursor:before {
	content: "\F246"
}

.fa-ice-cream:before {
	content: "\F810"
}

.fa-icicles:before {
	content: "\F7AD"
}

.fa-icons:before {
	content: "\F86D"
}

.fa-id-badge:before {
	content: "\F2C1"
}

.fa-id-card:before {
	content: "\F2C2"
}

.fa-id-card-alt:before {
	content: "\F47F"
}

.fa-ideal:before {
	content: "\F913"
}

.fa-igloo:before {
	content: "\F7AE"
}

.fa-image:before {
	content: "\F03E"
}

.fa-images:before {
	content: "\F302"
}

.fa-imdb:before {
	content: "\F2D8"
}

.fa-inbox:before {
	content: "\F01C"
}

.fa-indent:before {
	content: "\F03C"
}

.fa-industry:before {
	content: "\F275"
}

.fa-infinity:before {
	content: "\F534"
}

.fa-info:before {
	content: "\F129"
}

.fa-info-circle:before {
	content: "\F05A"
}

.fa-instagram:before {
	content: "\F16D"
}

.fa-instagram-square:before {
	content: "\F955"
}

.fa-intercom:before {
	content: "\F7AF"
}

.fa-internet-explorer:before {
	content: "\F26B"
}

.fa-invision:before {
	content: "\F7B0"
}

.fa-ioxhost:before {
	content: "\F208"
}

.fa-italic:before {
	content: "\F033"
}

.fa-itch-io:before {
	content: "\F83A"
}

.fa-itunes:before {
	content: "\F3B4"
}

.fa-itunes-note:before {
	content: "\F3B5"
}

.fa-java:before {
	content: "\F4E4"
}

.fa-jedi:before {
	content: "\F669"
}

.fa-jedi-order:before {
	content: "\F50E"
}

.fa-jenkins:before {
	content: "\F3B6"
}

.fa-jira:before {
	content: "\F7B1"
}

.fa-joget:before {
	content: "\F3B7"
}

.fa-joint:before {
	content: "\F595"
}

.fa-joomla:before {
	content: "\F1AA"
}

.fa-journal-whills:before {
	content: "\F66A"
}

.fa-js:before {
	content: "\F3B8"
}

.fa-js-square:before {
	content: "\F3B9"
}

.fa-jsfiddle:before {
	content: "\F1CC"
}

.fa-kaaba:before {
	content: "\F66B"
}

.fa-kaggle:before {
	content: "\F5FA"
}

.fa-key:before {
	content: "\F084"
}

.fa-keybase:before {
	content: "\F4F5"
}

.fa-keyboard:before {
	content: "\F11C"
}

.fa-keycdn:before {
	content: "\F3BA"
}

.fa-khanda:before {
	content: "\F66D"
}

.fa-kickstarter:before {
	content: "\F3BB"
}

.fa-kickstarter-k:before {
	content: "\F3BC"
}

.fa-kiss:before {
	content: "\F596"
}

.fa-kiss-beam:before {
	content: "\F597"
}

.fa-kiss-wink-heart:before {
	content: "\F598"
}

.fa-kiwi-bird:before {
	content: "\F535"
}

.fa-korvue:before {
	content: "\F42F"
}

.fa-landmark:before {
	content: "\F66F"
}

.fa-language:before {
	content: "\F1AB"
}

.fa-laptop:before {
	content: "\F109"
}

.fa-laptop-code:before {
	content: "\F5FC"
}

.fa-laptop-house:before {
	content: "\F966"
}

.fa-laptop-medical:before {
	content: "\F812"
}

.fa-laravel:before {
	content: "\F3BD"
}

.fa-lastfm:before {
	content: "\F202"
}

.fa-lastfm-square:before {
	content: "\F203"
}

.fa-laugh:before {
	content: "\F599"
}

.fa-laugh-beam:before {
	content: "\F59A"
}

.fa-laugh-squint:before {
	content: "\F59B"
}

.fa-laugh-wink:before {
	content: "\F59C"
}

.fa-layer-group:before {
	content: "\F5FD"
}

.fa-leaf:before {
	content: "\F06C"
}

.fa-leanpub:before {
	content: "\F212"
}

.fa-lemon:before {
	content: "\F094"
}

.fa-less:before {
	content: "\F41D"
}

.fa-less-than:before {
	content: "\F536"
}

.fa-less-than-equal:before {
	content: "\F537"
}

.fa-level-down-alt:before {
	content: "\F3BE"
}

.fa-level-up-alt:before {
	content: "\F3BF"
}

.fa-life-ring:before {
	content: "\F1CD"
}

.fa-lightbulb:before {
	content: "\F0EB"
}

.fa-line:before {
	content: "\F3C0"
}

.fa-link:before {
	content: "\F0C1"
}

.fa-linkedin:before {
	content: "\F08C"
}

.fa-linkedin-in:before {
	content: "\F0E1"
}

.fa-linode:before {
	content: "\F2B8"
}

.fa-linux:before {
	content: "\F17C"
}

.fa-lira-sign:before {
	content: "\F195"
}

.fa-list:before {
	content: "\F03A"
}

.fa-list-alt:before {
	content: "\F022"
}

.fa-list-ol:before {
	content: "\F0CB"
}

.fa-list-ul:before {
	content: "\F0CA"
}

.fa-location-arrow:before {
	content: "\F124"
}

.fa-lock:before {
	content: "\F023"
}

.fa-lock-open:before {
	content: "\F3C1"
}

.fa-long-arrow-alt-down:before {
	content: "\F309"
}

.fa-long-arrow-alt-left:before {
	content: "\F30A"
}

.fa-long-arrow-alt-right:before {
	content: "\F30B"
}

.fa-long-arrow-alt-up:before {
	content: "\F30C"
}

.fa-low-vision:before {
	content: "\F2A8"
}

.fa-luggage-cart:before {
	content: "\F59D"
}

.fa-lungs:before {
	content: "\F604"
}

.fa-lungs-virus:before {
	content: "\F967"
}

.fa-lyft:before {
	content: "\F3C3"
}

.fa-magento:before {
	content: "\F3C4"
}

.fa-magic:before {
	content: "\F0D0"
}

.fa-magnet:before {
	content: "\F076"
}

.fa-mail-bulk:before {
	content: "\F674"
}

.fa-mailchimp:before {
	content: "\F59E"
}

.fa-male:before {
	content: "\F183"
}

.fa-mandalorian:before {
	content: "\F50F"
}

.fa-map:before {
	content: "\F279"
}

.fa-map-marked:before {
	content: "\F59F"
}

.fa-map-marked-alt:before {
	content: "\F5A0"
}

.fa-map-marker:before {
	content: "\F041"
}

.fa-map-marker-alt:before {
	content: "\F3C5"
}

.fa-map-pin:before {
	content: "\F276"
}

.fa-map-signs:before {
	content: "\F277"
}

.fa-markdown:before {
	content: "\F60F"
}

.fa-marker:before {
	content: "\F5A1"
}

.fa-mars:before {
	content: "\F222"
}

.fa-mars-double:before {
	content: "\F227"
}

.fa-mars-stroke:before {
	content: "\F229"
}

.fa-mars-stroke-h:before {
	content: "\F22B"
}

.fa-mars-stroke-v:before {
	content: "\F22A"
}

.fa-mask:before {
	content: "\F6FA"
}

.fa-mastodon:before {
	content: "\F4F6"
}

.fa-maxcdn:before {
	content: "\F136"
}

.fa-mdb:before {
	content: "\F8CA"
}

.fa-medal:before {
	content: "\F5A2"
}

.fa-medapps:before {
	content: "\F3C6"
}

.fa-medium:before {
	content: "\F23A"
}

.fa-medium-m:before {
	content: "\F3C7"
}

.fa-medkit:before {
	content: "\F0FA"
}

.fa-medrt:before {
	content: "\F3C8"
}

.fa-meetup:before {
	content: "\F2E0"
}

.fa-megaport:before {
	content: "\F5A3"
}

.fa-meh:before {
	content: "\F11A"
}

.fa-meh-blank:before {
	content: "\F5A4"
}

.fa-meh-rolling-eyes:before {
	content: "\F5A5"
}

.fa-memory:before {
	content: "\F538"
}

.fa-mendeley:before {
	content: "\F7B3"
}

.fa-menorah:before {
	content: "\F676"
}

.fa-mercury:before {
	content: "\F223"
}

.fa-meteor:before {
	content: "\F753"
}

.fa-microblog:before {
	content: "\F91A"
}

.fa-microchip:before {
	content: "\F2DB"
}

.fa-microphone:before {
	content: "\F130"
}

.fa-microphone-alt:before {
	content: "\F3C9"
}

.fa-microphone-alt-slash:before {
	content: "\F539"
}

.fa-microphone-slash:before {
	content: "\F131"
}

.fa-microscope:before {
	content: "\F610"
}

.fa-microsoft:before {
	content: "\F3CA"
}

.fa-minus:before {
	content: "\F068"
}

.fa-minus-circle:before {
	content: "\F056"
}

.fa-minus-square:before {
	content: "\F146"
}

.fa-mitten:before {
	content: "\F7B5"
}

.fa-mix:before {
	content: "\F3CB"
}

.fa-mixcloud:before {
	content: "\F289"
}

.fa-mixer:before {
	content: "\F956"
}

.fa-mizuni:before {
	content: "\F3CC"
}

.fa-mobile:before {
	content: "\F10B"
}

.fa-mobile-alt:before {
	content: "\F3CD"
}

.fa-modx:before {
	content: "\F285"
}

.fa-monero:before {
	content: "\F3D0"
}

.fa-money-bill:before {
	content: "\F0D6"
}

.fa-money-bill-alt:before {
	content: "\F3D1"
}

.fa-money-bill-wave:before {
	content: "\F53A"
}

.fa-money-bill-wave-alt:before {
	content: "\F53B"
}

.fa-money-check:before {
	content: "\F53C"
}

.fa-money-check-alt:before {
	content: "\F53D"
}

.fa-monument:before {
	content: "\F5A6"
}

.fa-moon:before {
	content: "\F186"
}

.fa-mortar-pestle:before {
	content: "\F5A7"
}

.fa-mosque:before {
	content: "\F678"
}

.fa-motorcycle:before {
	content: "\F21C"
}

.fa-mountain:before {
	content: "\F6FC"
}

.fa-mouse:before {
	content: "\F8CC"
}

.fa-mouse-pointer:before {
	content: "\F245"
}

.fa-mug-hot:before {
	content: "\F7B6"
}

.fa-music:before {
	content: "\F001"
}

.fa-napster:before {
	content: "\F3D2"
}

.fa-neos:before {
	content: "\F612"
}

.fa-network-wired:before {
	content: "\F6FF"
}

.fa-neuter:before {
	content: "\F22C"
}

.fa-newspaper:before {
	content: "\F1EA"
}

.fa-nimblr:before {
	content: "\F5A8"
}

.fa-node:before {
	content: "\F419"
}

.fa-node-js:before {
	content: "\F3D3"
}

.fa-not-equal:before {
	content: "\F53E"
}

.fa-notes-medical:before {
	content: "\F481"
}

.fa-npm:before {
	content: "\F3D4"
}

.fa-ns8:before {
	content: "\F3D5"
}

.fa-nutritionix:before {
	content: "\F3D6"
}

.fa-object-group:before {
	content: "\F247"
}

.fa-object-ungroup:before {
	content: "\F248"
}

.fa-odnoklassniki:before {
	content: "\F263"
}

.fa-odnoklassniki-square:before {
	content: "\F264"
}

.fa-oil-can:before {
	content: "\F613"
}

.fa-old-republic:before {
	content: "\F510"
}

.fa-om:before {
	content: "\F679"
}

.fa-opencart:before {
	content: "\F23D"
}

.fa-openid:before {
	content: "\F19B"
}

.fa-opera:before {
	content: "\F26A"
}

.fa-optin-monster:before {
	content: "\F23C"
}

.fa-orcid:before {
	content: "\F8D2"
}

.fa-osi:before {
	content: "\F41A"
}

.fa-otter:before {
	content: "\F700"
}

.fa-outdent:before {
	content: "\F03B"
}

.fa-page4:before {
	content: "\F3D7"
}

.fa-pagelines:before {
	content: "\F18C"
}

.fa-pager:before {
	content: "\F815"
}

.fa-paint-brush:before {
	content: "\F1FC"
}

.fa-paint-roller:before {
	content: "\F5AA"
}

.fa-palette:before {
	content: "\F53F"
}

.fa-palfed:before {
	content: "\F3D8"
}

.fa-pallet:before {
	content: "\F482"
}

.fa-paper-plane:before {
	content: "\F1D8"
}

.fa-paperclip:before {
	content: "\F0C6"
}

.fa-parachute-box:before {
	content: "\F4CD"
}

.fa-paragraph:before {
	content: "\F1DD"
}

.fa-parking:before {
	content: "\F540"
}

.fa-passport:before {
	content: "\F5AB"
}

.fa-pastafarianism:before {
	content: "\F67B"
}

.fa-paste:before {
	content: "\F0EA"
}

.fa-patreon:before {
	content: "\F3D9"
}

.fa-pause:before {
	content: "\F04C"
}

.fa-pause-circle:before {
	content: "\F28B"
}

.fa-paw:before {
	content: "\F1B0"
}

.fa-paypal:before {
	content: "\F1ED"
}

.fa-peace:before {
	content: "\F67C"
}

.fa-pen:before {
	content: "\F304"
}

.fa-pen-alt:before {
	content: "\F305"
}

.fa-pen-fancy:before {
	content: "\F5AC"
}

.fa-pen-nib:before {
	content: "\F5AD"
}

.fa-pen-square:before {
	content: "\F14B"
}

.fa-pencil-alt:before {
	content: "\F303"
}

.fa-pencil-ruler:before {
	content: "\F5AE"
}

.fa-penny-arcade:before {
	content: "\F704"
}

.fa-people-arrows:before {
	content: "\F968"
}

.fa-people-carry:before {
	content: "\F4CE"
}

.fa-pepper-hot:before {
	content: "\F816"
}

.fa-percent:before {
	content: "\F295"
}

.fa-percentage:before {
	content: "\F541"
}

.fa-periscope:before {
	content: "\F3DA"
}

.fa-person-booth:before {
	content: "\F756"
}

.fa-phabricator:before {
	content: "\F3DB"
}

.fa-phoenix-framework:before {
	content: "\F3DC"
}

.fa-phoenix-squadron:before {
	content: "\F511"
}

.fa-phone:before {
	content: "\F095"
}

.fa-phone-alt:before {
	content: "\F879"
}

.fa-phone-slash:before {
	content: "\F3DD"
}

.fa-phone-square:before {
	content: "\F098"
}

.fa-phone-square-alt:before {
	content: "\F87B"
}

.fa-phone-volume:before {
	content: "\F2A0"
}

.fa-photo-video:before {
	content: "\F87C"
}

.fa-php:before {
	content: "\F457"
}

.fa-pied-piper:before {
	content: "\F2AE"
}

.fa-pied-piper-alt:before {
	content: "\F1A8"
}

.fa-pied-piper-hat:before {
	content: "\F4E5"
}

.fa-pied-piper-pp:before {
	content: "\F1A7"
}

.fa-pied-piper-square:before {
	content: "\F91E"
}

.fa-piggy-bank:before {
	content: "\F4D3"
}

.fa-pills:before {
	content: "\F484"
}

.fa-pinterest:before {
	content: "\F0D2"
}

.fa-pinterest-p:before {
	content: "\F231"
}

.fa-pinterest-square:before {
	content: "\F0D3"
}

.fa-pizza-slice:before {
	content: "\F818"
}

.fa-place-of-worship:before {
	content: "\F67F"
}

.fa-plane:before {
	content: "\F072"
}

.fa-plane-arrival:before {
	content: "\F5AF"
}

.fa-plane-departure:before {
	content: "\F5B0"
}

.fa-plane-slash:before {
	content: "\F969"
}

.fa-play:before {
	content: "\F04B"
}

.fa-play-circle:before {
	content: "\F144"
}

.fa-playstation:before {
	content: "\F3DF"
}

.fa-plug:before {
	content: "\F1E6"
}

.fa-plus:before {
	content: "\F067"
}

.fa-plus-circle:before {
	content: "\F055"
}

.fa-plus-square:before {
	content: "\F0FE"
}

.fa-podcast:before {
	content: "\F2CE"
}

.fa-poll:before {
	content: "\F681"
}

.fa-poll-h:before {
	content: "\F682"
}

.fa-poo:before {
	content: "\F2FE"
}

.fa-poo-storm:before {
	content: "\F75A"
}

.fa-poop:before {
	content: "\F619"
}

.fa-portrait:before {
	content: "\F3E0"
}

.fa-pound-sign:before {
	content: "\F154"
}

.fa-power-off:before {
	content: "\F011"
}

.fa-pray:before {
	content: "\F683"
}

.fa-praying-hands:before {
	content: "\F684"
}

.fa-prescription:before {
	content: "\F5B1"
}

.fa-prescription-bottle:before {
	content: "\F485"
}

.fa-prescription-bottle-alt:before {
	content: "\F486"
}

.fa-print:before {
	content: "\F02F"
}

.fa-procedures:before {
	content: "\F487"
}

.fa-product-hunt:before {
	content: "\F288"
}

.fa-project-diagram:before {
	content: "\F542"
}

.fa-pump-medical:before {
	content: "\F96A"
}

.fa-pump-soap:before {
	content: "\F96B"
}

.fa-pushed:before {
	content: "\F3E1"
}

.fa-puzzle-piece:before {
	content: "\F12E"
}

.fa-python:before {
	content: "\F3E2"
}

.fa-qq:before {
	content: "\F1D6"
}

.fa-qrcode:before {
	content: "\F029"
}

.fa-question:before {
	content: "\F128"
}

.fa-question-circle:before {
	content: "\F059"
}

.fa-quidditch:before {
	content: "\F458"
}

.fa-quinscape:before {
	content: "\F459"
}

.fa-quora:before {
	content: "\F2C4"
}

.fa-quote-left:before {
	content: "\F10D"
}

.fa-quote-right:before {
	content: "\F10E"
}

.fa-quran:before {
	content: "\F687"
}

.fa-r-project:before {
	content: "\F4F7"
}

.fa-radiation:before {
	content: "\F7B9"
}

.fa-radiation-alt:before {
	content: "\F7BA"
}

.fa-rainbow:before {
	content: "\F75B"
}

.fa-random:before {
	content: "\F074"
}

.fa-raspberry-pi:before {
	content: "\F7BB"
}

.fa-ravelry:before {
	content: "\F2D9"
}

.fa-react:before {
	content: "\F41B"
}

.fa-reacteurope:before {
	content: "\F75D"
}

.fa-readme:before {
	content: "\F4D5"
}

.fa-rebel:before {
	content: "\F1D0"
}

.fa-receipt:before {
	content: "\F543"
}

.fa-record-vinyl:before {
	content: "\F8D9"
}

.fa-recycle:before {
	content: "\F1B8"
}

.fa-red-river:before {
	content: "\F3E3"
}

.fa-reddit:before {
	content: "\F1A1"
}

.fa-reddit-alien:before {
	content: "\F281"
}

.fa-reddit-square:before {
	content: "\F1A2"
}

.fa-redhat:before {
	content: "\F7BC"
}

.fa-redo:before {
	content: "\F01E"
}

.fa-redo-alt:before {
	content: "\F2F9"
}

.fa-registered:before {
	content: "\F25D"
}

.fa-remove-format:before {
	content: "\F87D"
}

.fa-renren:before {
	content: "\F18B"
}

.fa-reply:before {
	content: "\F3E5"
}

.fa-reply-all:before {
	content: "\F122"
}

.fa-replyd:before {
	content: "\F3E6"
}

.fa-republican:before {
	content: "\F75E"
}

.fa-researchgate:before {
	content: "\F4F8"
}

.fa-resolving:before {
	content: "\F3E7"
}

.fa-restroom:before {
	content: "\F7BD"
}

.fa-retweet:before {
	content: "\F079"
}

.fa-rev:before {
	content: "\F5B2"
}

.fa-ribbon:before {
	content: "\F4D6"
}

.fa-ring:before {
	content: "\F70B"
}

.fa-road:before {
	content: "\F018"
}

.fa-robot:before {
	content: "\F544"
}

.fa-rocket:before {
	content: "\F135"
}

.fa-rocketchat:before {
	content: "\F3E8"
}

.fa-rockrms:before {
	content: "\F3E9"
}

.fa-route:before {
	content: "\F4D7"
}

.fa-rss:before {
	content: "\F09E"
}

.fa-rss-square:before {
	content: "\F143"
}

.fa-ruble-sign:before {
	content: "\F158"
}

.fa-ruler:before {
	content: "\F545"
}

.fa-ruler-combined:before {
	content: "\F546"
}

.fa-ruler-horizontal:before {
	content: "\F547"
}

.fa-ruler-vertical:before {
	content: "\F548"
}

.fa-running:before {
	content: "\F70C"
}

.fa-rupee-sign:before {
	content: "\F156"
}

.fa-sad-cry:before {
	content: "\F5B3"
}

.fa-sad-tear:before {
	content: "\F5B4"
}

.fa-safari:before {
	content: "\F267"
}

.fa-salesforce:before {
	content: "\F83B"
}

.fa-sass:before {
	content: "\F41E"
}

.fa-satellite:before {
	content: "\F7BF"
}

.fa-satellite-dish:before {
	content: "\F7C0"
}

.fa-save:before {
	content: "\F0C7"
}

.fa-schlix:before {
	content: "\F3EA"
}

.fa-school:before {
	content: "\F549"
}

.fa-screwdriver:before {
	content: "\F54A"
}

.fa-scribd:before {
	content: "\F28A"
}

.fa-scroll:before {
	content: "\F70E"
}

.fa-sd-card:before {
	content: "\F7C2"
}

.fa-search:before {
	content: "\F002"
}

.fa-search-dollar:before {
	content: "\F688"
}

.fa-search-location:before {
	content: "\F689"
}

.fa-search-minus:before {
	content: "\F010"
}

.fa-search-plus:before {
	content: "\F00E"
}

.fa-searchengin:before {
	content: "\F3EB"
}

.fa-seedling:before {
	content: "\F4D8"
}

.fa-sellcast:before {
	content: "\F2DA"
}

.fa-sellsy:before {
	content: "\F213"
}

.fa-server:before {
	content: "\F233"
}

.fa-servicestack:before {
	content: "\F3EC"
}

.fa-shapes:before {
	content: "\F61F"
}

.fa-share:before {
	content: "\F064"
}

.fa-share-alt:before {
	content: "\F1E0"
}

.fa-share-alt-square:before {
	content: "\F1E1"
}

.fa-share-square:before {
	content: "\F14D"
}

.fa-shekel-sign:before {
	content: "\F20B"
}

.fa-shield-alt:before {
	content: "\F3ED"
}

.fa-shield-virus:before {
	content: "\F96C"
}

.fa-ship:before {
	content: "\F21A"
}

.fa-shipping-fast:before {
	content: "\F48B"
}

.fa-shirtsinbulk:before {
	content: "\F214"
}

.fa-shoe-prints:before {
	content: "\F54B"
}

.fa-shopify:before {
	content: "\F957"
}

.fa-shopping-bag:before {
	content: "\F290"
}

.fa-shopping-basket:before {
	content: "\F291"
}

.fa-shopping-cart:before {
	content: "\F07A"
}

.fa-shopware:before {
	content: "\F5B5"
}

.fa-shower:before {
	content: "\F2CC"
}

.fa-shuttle-van:before {
	content: "\F5B6"
}

.fa-sign:before {
	content: "\F4D9"
}

.fa-sign-in-alt:before {
	content: "\F2F6"
}

.fa-sign-language:before {
	content: "\F2A7"
}

.fa-sign-out-alt:before {
	content: "\F2F5"
}

.fa-signal:before {
	content: "\F012"
}

.fa-signature:before {
	content: "\F5B7"
}

.fa-sim-card:before {
	content: "\F7C4"
}

.fa-simplybuilt:before {
	content: "\F215"
}

.fa-sistrix:before {
	content: "\F3EE"
}

.fa-sitemap:before {
	content: "\F0E8"
}

.fa-sith:before {
	content: "\F512"
}

.fa-skating:before {
	content: "\F7C5"
}

.fa-sketch:before {
	content: "\F7C6"
}

.fa-skiing:before {
	content: "\F7C9"
}

.fa-skiing-nordic:before {
	content: "\F7CA"
}

.fa-skull:before {
	content: "\F54C"
}

.fa-skull-crossbones:before {
	content: "\F714"
}

.fa-skyatlas:before {
	content: "\F216"
}

.fa-skype:before {
	content: "\F17E"
}

.fa-slack:before {
	content: "\F198"
}

.fa-slack-hash:before {
	content: "\F3EF"
}

.fa-slash:before {
	content: "\F715"
}

.fa-sleigh:before {
	content: "\F7CC"
}

.fa-sliders-h:before {
	content: "\F1DE"
}

.fa-slideshare:before {
	content: "\F1E7"
}

.fa-smile:before {
	content: "\F118"
}

.fa-smile-beam:before {
	content: "\F5B8"
}

.fa-smile-wink:before {
	content: "\F4DA"
}

.fa-smog:before {
	content: "\F75F"
}

.fa-smoking:before {
	content: "\F48D"
}

.fa-smoking-ban:before {
	content: "\F54D"
}

.fa-sms:before {
	content: "\F7CD"
}

.fa-snapchat:before {
	content: "\F2AB"
}

.fa-snapchat-ghost:before {
	content: "\F2AC"
}

.fa-snapchat-square:before {
	content: "\F2AD"
}

.fa-snowboarding:before {
	content: "\F7CE"
}

.fa-snowflake:before {
	content: "\F2DC"
}

.fa-snowman:before {
	content: "\F7D0"
}

.fa-snowplow:before {
	content: "\F7D2"
}

.fa-soap:before {
	content: "\F96E"
}

.fa-socks:before {
	content: "\F696"
}

.fa-solar-panel:before {
	content: "\F5BA"
}

.fa-sort:before {
	content: "\F0DC"
}

.fa-sort-alpha-down:before {
	content: "\F15D"
}

.fa-sort-alpha-down-alt:before {
	content: "\F881"
}

.fa-sort-alpha-up:before {
	content: "\F15E"
}

.fa-sort-alpha-up-alt:before {
	content: "\F882"
}

.fa-sort-amount-down:before {
	content: "\F160"
}

.fa-sort-amount-down-alt:before {
	content: "\F884"
}

.fa-sort-amount-up:before {
	content: "\F161"
}

.fa-sort-amount-up-alt:before {
	content: "\F885"
}

.fa-sort-down:before {
	content: "\F0DD"
}

.fa-sort-numeric-down:before {
	content: "\F162"
}

.fa-sort-numeric-down-alt:before {
	content: "\F886"
}

.fa-sort-numeric-up:before {
	content: "\F163"
}

.fa-sort-numeric-up-alt:before {
	content: "\F887"
}

.fa-sort-up:before {
	content: "\F0DE"
}

.fa-soundcloud:before {
	content: "\F1BE"
}

.fa-sourcetree:before {
	content: "\F7D3"
}

.fa-spa:before {
	content: "\F5BB"
}

.fa-space-shuttle:before {
	content: "\F197"
}

.fa-speakap:before {
	content: "\F3F3"
}

.fa-speaker-deck:before {
	content: "\F83C"
}

.fa-spell-check:before {
	content: "\F891"
}

.fa-spider:before {
	content: "\F717"
}

.fa-spinner:before {
	content: "\F110"
}

.fa-splotch:before {
	content: "\F5BC"
}

.fa-spotify:before {
	content: "\F1BC"
}

.fa-spray-can:before {
	content: "\F5BD"
}

.fa-square:before {
	content: "\F0C8"
}

.fa-square-full:before {
	content: "\F45C"
}

.fa-square-root-alt:before {
	content: "\F698"
}

.fa-squarespace:before {
	content: "\F5BE"
}

.fa-stack-exchange:before {
	content: "\F18D"
}

.fa-stack-overflow:before {
	content: "\F16C"
}

.fa-stackpath:before {
	content: "\F842"
}

.fa-stamp:before {
	content: "\F5BF"
}

.fa-star:before {
	content: "\F005"
}

.fa-star-and-crescent:before {
	content: "\F699"
}

.fa-star-half:before {
	content: "\F089"
}

.fa-star-half-alt:before {
	content: "\F5C0"
}

.fa-star-of-david:before {
	content: "\F69A"
}

.fa-star-of-life:before {
	content: "\F621"
}

.fa-staylinked:before {
	content: "\F3F5"
}

.fa-steam:before {
	content: "\F1B6"
}

.fa-steam-square:before {
	content: "\F1B7"
}

.fa-steam-symbol:before {
	content: "\F3F6"
}

.fa-step-backward:before {
	content: "\F048"
}

.fa-step-forward:before {
	content: "\F051"
}

.fa-stethoscope:before {
	content: "\F0F1"
}

.fa-sticker-mule:before {
	content: "\F3F7"
}

.fa-sticky-note:before {
	content: "\F249"
}

.fa-stop:before {
	content: "\F04D"
}

.fa-stop-circle:before {
	content: "\F28D"
}

.fa-stopwatch:before {
	content: "\F2F2"
}

.fa-stopwatch-20:before {
	content: "\F96F"
}

.fa-store:before {
	content: "\F54E"
}

.fa-store-alt:before {
	content: "\F54F"
}

.fa-store-alt-slash:before {
	content: "\F970"
}

.fa-store-slash:before {
	content: "\F971"
}

.fa-strava:before {
	content: "\F428"
}

.fa-stream:before {
	content: "\F550"
}

.fa-street-view:before {
	content: "\F21D"
}

.fa-strikethrough:before {
	content: "\F0CC"
}

.fa-stripe:before {
	content: "\F429"
}

.fa-stripe-s:before {
	content: "\F42A"
}

.fa-stroopwafel:before {
	content: "\F551"
}

.fa-studiovinari:before {
	content: "\F3F8"
}

.fa-stumbleupon:before {
	content: "\F1A4"
}

.fa-stumbleupon-circle:before {
	content: "\F1A3"
}

.fa-subscript:before {
	content: "\F12C"
}

.fa-subway:before {
	content: "\F239"
}

.fa-suitcase:before {
	content: "\F0F2"
}

.fa-suitcase-rolling:before {
	content: "\F5C1"
}

.fa-sun:before {
	content: "\F185"
}

.fa-superpowers:before {
	content: "\F2DD"
}

.fa-superscript:before {
	content: "\F12B"
}

.fa-supple:before {
	content: "\F3F9"
}

.fa-surprise:before {
	content: "\F5C2"
}

.fa-suse:before {
	content: "\F7D6"
}

.fa-swatchbook:before {
	content: "\F5C3"
}

.fa-swift:before {
	content: "\F8E1"
}

.fa-swimmer:before {
	content: "\F5C4"
}

.fa-swimming-pool:before {
	content: "\F5C5"
}

.fa-symfony:before {
	content: "\F83D"
}

.fa-synagogue:before {
	content: "\F69B"
}

.fa-sync:before {
	content: "\F021"
}

.fa-sync-alt:before {
	content: "\F2F1"
}

.fa-syringe:before {
	content: "\F48E"
}

.fa-table:before {
	content: "\F0CE"
}

.fa-table-tennis:before {
	content: "\F45D"
}

.fa-tablet:before {
	content: "\F10A"
}

.fa-tablet-alt:before {
	content: "\F3FA"
}

.fa-tablets:before {
	content: "\F490"
}

.fa-tachometer-alt:before {
	content: "\F3FD"
}

.fa-tag:before {
	content: "\F02B"
}

.fa-tags:before {
	content: "\F02C"
}

.fa-tape:before {
	content: "\F4DB"
}

.fa-tasks:before {
	content: "\F0AE"
}

.fa-taxi:before {
	content: "\F1BA"
}

.fa-teamspeak:before {
	content: "\F4F9"
}

.fa-teeth:before {
	content: "\F62E"
}

.fa-teeth-open:before {
	content: "\F62F"
}

.fa-telegram:before {
	content: "\F2C6"
}

.fa-telegram-plane:before {
	content: "\F3FE"
}

.fa-temperature-high:before {
	content: "\F769"
}

.fa-temperature-low:before {
	content: "\F76B"
}

.fa-tencent-weibo:before {
	content: "\F1D5"
}

.fa-tenge:before {
	content: "\F7D7"
}

.fa-terminal:before {
	content: "\F120"
}

.fa-text-height:before {
	content: "\F034"
}

.fa-text-width:before {
	content: "\F035"
}

.fa-th:before {
	content: "\F00A"
}

.fa-th-large:before {
	content: "\F009"
}

.fa-th-list:before {
	content: "\F00B"
}

.fa-the-red-yeti:before {
	content: "\F69D"
}

.fa-theater-masks:before {
	content: "\F630"
}

.fa-themeco:before {
	content: "\F5C6"
}

.fa-themeisle:before {
	content: "\F2B2"
}

.fa-thermometer:before {
	content: "\F491"
}

.fa-thermometer-empty:before {
	content: "\F2CB"
}

.fa-thermometer-full:before {
	content: "\F2C7"
}

.fa-thermometer-half:before {
	content: "\F2C9"
}

.fa-thermometer-quarter:before {
	content: "\F2CA"
}

.fa-thermometer-three-quarters:before {
	content: "\F2C8"
}

.fa-think-peaks:before {
	content: "\F731"
}

.fa-thumbs-down:before {
	content: "\F165"
}

.fa-thumbs-up:before {
	content: "\F164"
}

.fa-thumbtack:before {
	content: "\F08D"
}

.fa-ticket-alt:before {
	content: "\F3FF"
}

.fa-times:before {
	content: "\F00D"
}

.fa-times-circle:before {
	content: "\F057"
}

.fa-tint:before {
	content: "\F043"
}

.fa-tint-slash:before {
	content: "\F5C7"
}

.fa-tired:before {
	content: "\F5C8"
}

.fa-toggle-off:before {
	content: "\F204"
}

.fa-toggle-on:before {
	content: "\F205"
}

.fa-toilet:before {
	content: "\F7D8"
}

.fa-toilet-paper:before {
	content: "\F71E"
}

.fa-toilet-paper-slash:before {
	content: "\F972"
}

.fa-toolbox:before {
	content: "\F552"
}

.fa-tools:before {
	content: "\F7D9"
}

.fa-tooth:before {
	content: "\F5C9"
}

.fa-torah:before {
	content: "\F6A0"
}

.fa-torii-gate:before {
	content: "\F6A1"
}

.fa-tractor:before {
	content: "\F722"
}

.fa-trade-federation:before {
	content: "\F513"
}

.fa-trademark:before {
	content: "\F25C"
}

.fa-traffic-light:before {
	content: "\F637"
}

.fa-trailer:before {
	content: "\F941"
}

.fa-train:before {
	content: "\F238"
}

.fa-tram:before {
	content: "\F7DA"
}

.fa-transgender:before {
	content: "\F224"
}

.fa-transgender-alt:before {
	content: "\F225"
}

.fa-trash:before {
	content: "\F1F8"
}

.fa-trash-alt:before {
	content: "\F2ED"
}

.fa-trash-restore:before {
	content: "\F829"
}

.fa-trash-restore-alt:before {
	content: "\F82A"
}

.fa-tree:before {
	content: "\F1BB"
}

.fa-trello:before {
	content: "\F181"
}

.fa-tripadvisor:before {
	content: "\F262"
}

.fa-trophy:before {
	content: "\F091"
}

.fa-truck:before {
	content: "\F0D1"
}

.fa-truck-loading:before {
	content: "\F4DE"
}

.fa-truck-monster:before {
	content: "\F63B"
}

.fa-truck-moving:before {
	content: "\F4DF"
}

.fa-truck-pickup:before {
	content: "\F63C"
}

.fa-tshirt:before {
	content: "\F553"
}

.fa-tty:before {
	content: "\F1E4"
}

.fa-tumblr:before {
	content: "\F173"
}

.fa-tumblr-square:before {
	content: "\F174"
}

.fa-tv:before {
	content: "\F26C"
}

.fa-twitch:before {
	content: "\F1E8"
}

.fa-twitter:before {
	content: "\F099"
}

.fa-twitter-square:before {
	content: "\F081"
}

.fa-typo3:before {
	content: "\F42B"
}

.fa-uber:before {
	content: "\F402"
}

.fa-ubuntu:before {
	content: "\F7DF"
}

.fa-uikit:before {
	content: "\F403"
}

.fa-umbraco:before {
	content: "\F8E8"
}

.fa-umbrella:before {
	content: "\F0E9"
}

.fa-umbrella-beach:before {
	content: "\F5CA"
}

.fa-underline:before {
	content: "\F0CD"
}

.fa-undo:before {
	content: "\F0E2"
}

.fa-undo-alt:before {
	content: "\F2EA"
}

.fa-uniregistry:before {
	content: "\F404"
}

.fa-unity:before {
	content: "\F949"
}

.fa-universal-access:before {
	content: "\F29A"
}

.fa-university:before {
	content: "\F19C"
}

.fa-unlink:before {
	content: "\F127"
}

.fa-unlock:before {
	content: "\F09C"
}

.fa-unlock-alt:before {
	content: "\F13E"
}

.fa-untappd:before {
	content: "\F405"
}

.fa-upload:before {
	content: "\F093"
}

.fa-ups:before {
	content: "\F7E0"
}

.fa-usb:before {
	content: "\F287"
}

.fa-user:before {
	content: "\F007"
}

.fa-user-alt:before {
	content: "\F406"
}

.fa-user-alt-slash:before {
	content: "\F4FA"
}

.fa-user-astronaut:before {
	content: "\F4FB"
}

.fa-user-check:before {
	content: "\F4FC"
}

.fa-user-circle:before {
	content: "\F2BD"
}

.fa-user-clock:before {
	content: "\F4FD"
}

.fa-user-cog:before {
	content: "\F4FE"
}

.fa-user-edit:before {
	content: "\F4FF"
}

.fa-user-friends:before {
	content: "\F500"
}

.fa-user-graduate:before {
	content: "\F501"
}

.fa-user-injured:before {
	content: "\F728"
}

.fa-user-lock:before {
	content: "\F502"
}

.fa-user-md:before {
	content: "\F0F0"
}

.fa-user-minus:before {
	content: "\F503"
}

.fa-user-ninja:before {
	content: "\F504"
}

.fa-user-nurse:before {
	content: "\F82F"
}

.fa-user-plus:before {
	content: "\F234"
}

.fa-user-secret:before {
	content: "\F21B"
}

.fa-user-shield:before {
	content: "\F505"
}

.fa-user-slash:before {
	content: "\F506"
}

.fa-user-tag:before {
	content: "\F507"
}

.fa-user-tie:before {
	content: "\F508"
}

.fa-user-times:before {
	content: "\F235"
}

.fa-users:before {
	content: "\F0C0"
}

.fa-users-cog:before {
	content: "\F509"
}

.fa-usps:before {
	content: "\F7E1"
}

.fa-ussunnah:before {
	content: "\F407"
}

.fa-utensil-spoon:before {
	content: "\F2E5"
}

.fa-utensils:before {
	content: "\F2E7"
}

.fa-vaadin:before {
	content: "\F408"
}

.fa-vector-square:before {
	content: "\F5CB"
}

.fa-venus:before {
	content: "\F221"
}

.fa-venus-double:before {
	content: "\F226"
}

.fa-venus-mars:before {
	content: "\F228"
}

.fa-viacoin:before {
	content: "\F237"
}

.fa-viadeo:before {
	content: "\F2A9"
}

.fa-viadeo-square:before {
	content: "\F2AA"
}

.fa-vial:before {
	content: "\F492"
}

.fa-vials:before {
	content: "\F493"
}

.fa-viber:before {
	content: "\F409"
}

.fa-video:before {
	content: "\F03D"
}

.fa-video-slash:before {
	content: "\F4E2"
}

.fa-vihara:before {
	content: "\F6A7"
}

.fa-vimeo:before {
	content: "\F40A"
}

.fa-vimeo-square:before {
	content: "\F194"
}

.fa-vimeo-v:before {
	content: "\F27D"
}

.fa-vine:before {
	content: "\F1CA"
}

.fa-virus:before {
	content: "\F974"
}

.fa-virus-slash:before {
	content: "\F975"
}

.fa-viruses:before {
	content: "\F976"
}

.fa-vk:before {
	content: "\F189"
}

.fa-vnv:before {
	content: "\F40B"
}

.fa-voicemail:before {
	content: "\F897"
}

.fa-volleyball-ball:before {
	content: "\F45F"
}

.fa-volume-down:before {
	content: "\F027"
}

.fa-volume-mute:before {
	content: "\F6A9"
}

.fa-volume-off:before {
	content: "\F026"
}

.fa-volume-up:before {
	content: "\F028"
}

.fa-vote-yea:before {
	content: "\F772"
}

.fa-vr-cardboard:before {
	content: "\F729"
}

.fa-vuejs:before {
	content: "\F41F"
}

.fa-walking:before {
	content: "\F554"
}

.fa-wallet:before {
	content: "\F555"
}

.fa-warehouse:before {
	content: "\F494"
}

.fa-water:before {
	content: "\F773"
}

.fa-wave-square:before {
	content: "\F83E"
}

.fa-waze:before {
	content: "\F83F"
}

.fa-weebly:before {
	content: "\F5CC"
}

.fa-weibo:before {
	content: "\F18A"
}

.fa-weight:before {
	content: "\F496"
}

.fa-weight-hanging:before {
	content: "\F5CD"
}

.fa-weixin:before {
	content: "\F1D7"
}

.fa-whatsapp:before {
	content: "\F232"
}

.fa-whatsapp-square:before {
	content: "\F40C"
}

.fa-wheelchair:before {
	content: "\F193"
}

.fa-whmcs:before {
	content: "\F40D"
}

.fa-wifi:before {
	content: "\F1EB"
}

.fa-wikipedia-w:before {
	content: "\F266"
}

.fa-wind:before {
	content: "\F72E"
}

.fa-window-close:before {
	content: "\F410"
}

.fa-window-maximize:before {
	content: "\F2D0"
}

.fa-window-minimize:before {
	content: "\F2D1"
}

.fa-window-restore:before {
	content: "\F2D2"
}

.fa-windows:before {
	content: "\F17A"
}

.fa-wine-bottle:before {
	content: "\F72F"
}

.fa-wine-glass:before {
	content: "\F4E3"
}

.fa-wine-glass-alt:before {
	content: "\F5CE"
}

.fa-wix:before {
	content: "\F5CF"
}

.fa-wizards-of-the-coast:before {
	content: "\F730"
}

.fa-wolf-pack-battalion:before {
	content: "\F514"
}

.fa-won-sign:before {
	content: "\F159"
}

.fa-wordpress:before {
	content: "\F19A"
}

.fa-wordpress-simple:before {
	content: "\F411"
}

.fa-wpbeginner:before {
	content: "\F297"
}

.fa-wpexplorer:before {
	content: "\F2DE"
}

.fa-wpforms:before {
	content: "\F298"
}

.fa-wpressr:before {
	content: "\F3E4"
}

.fa-wrench:before {
	content: "\F0AD"
}

.fa-x-ray:before {
	content: "\F497"
}

.fa-xbox:before {
	content: "\F412"
}

.fa-xing:before {
	content: "\F168"
}

.fa-xing-square:before {
	content: "\F169"
}

.fa-y-combinator:before {
	content: "\F23B"
}

.fa-yahoo:before {
	content: "\F19E"
}

.fa-yammer:before {
	content: "\F840"
}

.fa-yandex:before {
	content: "\F413"
}

.fa-yandex-international:before {
	content: "\F414"
}

.fa-yarn:before {
	content: "\F7E3"
}

.fa-yelp:before {
	content: "\F1E9"
}

.fa-yen-sign:before {
	content: "\F157"
}

.fa-yin-yang:before {
	content: "\F6AD"
}

.fa-yoast:before {
	content: "\F2B1"
}

.fa-youtube:before {
	content: "\F167"
}

.fa-youtube-square:before {
	content: "\F431"
}

.fa-zhihu:before {
	content: "\F63F"
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

@font-face {
	font-family: Font Awesome\ 5 Brands;
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../fonts/fa-brands-400.c1868c9.eot);
	src: url(../fonts/fa-brands-400.c1868c9.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.a06da7f.woff2) format("woff2"), url(../fonts/fa-brands-400.ec3cfdd.woff) format("woff"), url(../fonts/fa-brands-400.1368537.ttf) format("truetype"), url(../img/fa-brands-400.0cb5a5c.svg#fontawesome) format("svg")
}

.fab {
	font-family: Font Awesome\ 5 Brands
}

@font-face {
	font-family: Font Awesome\ 5 Free;
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../fonts/fa-regular-400.261d666.eot);
	src: url(../fonts/fa-regular-400.261d666.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.c20b5b7.woff2) format("woff2"), url(../fonts/fa-regular-400.f89ea91.woff) format("woff"), url(../fonts/fa-regular-400.db78b93.ttf) format("truetype"), url(../img/fa-regular-400.89ffa3a.svg#fontawesome) format("svg")
}

.fab,
.far {
	font-weight: 400
}

@font-face {
	font-family: Font Awesome\ 5 Free;
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(../fonts/fa-solid-900.a0369ea.eot);
	src: url(../fonts/fa-solid-900.a0369ea.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.b15db15.woff2) format("woff2"), url(../fonts/fa-solid-900.bea989e.woff) format("woff"), url(../fonts/fa-solid-900.1ab236e.ttf) format("truetype"), url(../img/fa-solid-900.ec76329.svg#fontawesome) format("svg")
}

.fa,
.far,
.fas {
	font-family: Font Awesome\ 5 Free
}

.fa,
.fas {
	font-weight: 900
}