/* 2024-07-10t18:54:13 */ @charset "utf-8";
	.doc-technical {
	font-family:Roboto,-apple-system,Avenir,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:16px
}
/*!* Bootstrap v3.3.4(http://getbootstrap.com) * Copyright 2011-2015 Twitter,Inc. * Licensed under MIT(https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*!normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body {
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:700
}
dfn {
	font-style:italic
}
h1 {
	margin:.67em 0;
	font-size:2em
}
mark {
	color:#000;
	background:#ff0
}
small {
	font-size:80%
}
sub,sup {
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0
}
figure {
	margin:1em 40px
}
hr {
	height:0;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
pre {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;
	border:0
}
input {
	line-height:normal
}
input[type=checkbox],input[type=radio] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto
}
input[type=search] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	padding:.35em .625em .75em
}
legend {
	padding:0;
	border:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:700
}
table {
	border-spacing:0;
	border-collapse:collapse
}
td,th {
	padding:0
}
body {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:1.42857143;
	color:#333;
	background-color:#fff
}
button,input,select,textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit
}
a {
	text-decoration:none
}
a:focus {
	outline:thin dotted;
	outline-offset:-2px
}
figure {
	margin:0
}
img {
	vertical-align:middle
}
code,kbd,pre,samp {
	font-family:Menlo,Monaco,Consolas,"Courier New",monospace
}
code {
	padding:2px 4px;
	font-size:90%;
	color:#c7254e;
	background-color:#f9f2f4;
	border-radius:4px
}
kbd {
	padding:2px 4px;
	font-size:90%;
	color:#fff;
	background-color:#333;
	border-radius:3px;
	-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)
}
pre {
	display:block;
	padding:9.5px;
	margin:0 0 10px;
	font-size:13px;
	line-height:1.42857143;
	color:#333;
	word-break:break-all;
	word-wrap:break-word;
	border-radius:4px
}
pre code {
	padding:0;
	font-size:inherit;
	color:inherit;
	white-space:pre-wrap;
	background-color:transparent;
	border-radius:0
}
.pre-scrollable {
	max-height:340px;
	overflow-y:scroll
}
.container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
@media (min-width:768px) {
	.container {
	width:750px
}
}@media (min-width:992px) {
	.container {
	width:970px
}
}@media (min-width:1200px) {
	.container {
	width:1170px
}
}.container-fluid {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
.row {
	margin-right:-15px;
	margin-left:-15px
}
legend {
	display:block;
	width:100%;
	padding:0;
	margin-bottom:20px;
	font-size:21px;
	line-height:inherit;
	color:#333;
	border:0;
	border-bottom:1px solid #e5e5e5
}
input[type=search] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
input[type=checkbox],input[type=radio] {
	margin:4px 0 0;
	margin-top:1px \9;
	line-height:normal
}
input[type=file] {
	display:block
}
input[type=range] {
	display:block;
	width:100%
}
select[multiple],select[size] {
	height:auto
}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}
output {
	display:block;
	padding-top:7px;
	font-size:14px;
	line-height:1.42857143;
	color:#555
}
.form-control {
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
	color:#999;
	opacity:1
}
.form-control:-ms-input-placeholder {
	color:#999
}
.form-control::-webkit-input-placeholder {
	color:#999
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
	background-color:#eee;
	opacity:1
}
.form-control[disabled],fieldset[disabled] .form-control {
	cursor:not-allowed
}
textarea.form-control {
	height:auto
}
input[type=search] {
	-webkit-appearance:none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
	line-height:34px
}
.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
	line-height:30px
}
.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
	line-height:46px
}
}

button.close {
	-webkit-appearance:none;
	padding:0;
	cursor:pointer;
	background:0;
	border:0
}
.modal-open {
	overflow:hidden
}
.modal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	display:none;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	outline:0
}
.modal.fade .modal-dialog {
	-webkit-transition:-webkit-transform .3s ease-out;
	-o-transition:-o-transform .3s ease-out;
	transition:transform .3s ease-out;
	-webkit-transform:translate(0,-25%);
	-ms-transform:translate(0,-25%);
	-o-transform:translate(0,-25%);
	transform:translate(0,-25%)
}
.modal.in .modal-dialog {
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
.modal-open .modal {
	overflow-x:hidden;
	overflow-y:auto
}
.modal-dialog {
	position:relative;
	width:auto;
	margin:10px
}
.modal-content {
	position:relative;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #999;
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	outline:0;
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
	box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}
.modal-backdrop.fade {
	filter:alpha(opacity=0);
	opacity:0
}
.modal-backdrop.in {
	filter:alpha(opacity=50);
	opacity:.5
}
.modal-header {
	min-height:16.43px;
	padding:15px;
	border-bottom:1px solid #e5e5e5
}
.modal-header .close {
	margin-top:-2px
}
.modal-title {
	margin:0;
	line-height:1.42857143
}
.modal-body {
	position:relative;
	padding:15px
}
.modal-footer {
	padding:15px;
	text-align:right;
	border-top:1px solid #e5e5e5
}
.modal-footer .btn + .btn {
	margin-bottom:0;
	margin-left:5px
}
.modal-footer .btn-group .btn + .btn {
	margin-left:-1px
}
.modal-footer .btn-block + .btn-block {
	margin-left:0
}
.modal-scrollbar-measure {
	position:absolute;
	top:-9999px;
	width:50px;
	height:50px;
	overflow:scroll
}
@media (min-width:768px) {
	.modal-dialog {
	width:600px;
	margin:30px auto
}
.modal-content {
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
	box-shadow:0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
	width:300px
}
}@media (min-width:992px) {
	.modal-lg {
	width:900px
}
}@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);
	/*!* # Semantic UI 2.4.2 - Reset * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */*,:after,:before {
	-webkit-box-sizing:inherit;
	box-sizing:inherit
}
html {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
input[type=email],input[type=password],input[type=search],input[type=text] {
	-webkit-appearance:none;
	-moz-appearance:none
}
/*!normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {
	line-height:1.15;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
article,aside,footer,header,nav,section {
	display:block
}
h1 {
	font-size:2em;
	margin:.67em 0
}
figcaption,figure,main {
	display:block
}
figure {
	margin:1em 40px
}
hr {
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre {
	font-family:monospace,monospace;
	font-size:1em
}
a {
	background-color:transparent;
	-webkit-text-decoration-skip:objects
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
b,strong {
	font-weight:inherit
}
b,strong {
	font-weight:bolder
}
code,kbd,samp {
	font-family:monospace,monospace;
	font-size:1em
}
dfn {
	font-style:italic
}
mark {
	background-color:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
audio,video {
	display:inline-block
}
audio:not([controls]) {
	display:none;
	height:0
}
img {
	border-style:none
}
svg:not(:root) {
	overflow:hidden
}
button,input,optgroup,select,textarea {
	font-family:sans-serif;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button,input {
	overflow:visible
}
button,select {
	text-transform:none
}
[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style:none;
	padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline:1px dotted ButtonText
}
fieldset {
	padding:.35em .75em .625em
}
legend {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	display:inline-block;
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type=checkbox],[type=radio] {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height:auto
}
[type=search] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
details,menu {
	display:block
}
summary {
	display:list-item
}
canvas {
	display:inline-block
}
template {
	display:none
}
[hidden] {
	display:none
}
/*!* # Semantic UI 2.4.2 - Site * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */body,html {
	height:100%
}
html {
	font-size:14px
}
body {
	margin:0;
	padding:0;
	overflow-x:hidden;
	min-width:320px;
	background:#fff;
	font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:1.4285em;
	color:rgba(0,0,0,.87);
	font-smoothing:antialiased
}
h1,h2,h3,h4,h5 {
	font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	line-height:1.28571429em;
	margin:calc(2rem - .14285714em) 0 1rem;
	font-weight:700;
	padding:0
}
h1 {
	min-height:1rem;
	font-size:2rem
}
h2 {
	font-size:1.71428571rem
}
h3 {
	font-size:1.28571429rem
}
h4 {
	font-size:1.07142857rem
}
h5 {
	font-size:1rem
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child {
	margin-top:0
}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child {
	margin-bottom:0
}
p {
	margin:0 0 1em;
	line-height:1.4285em
}
p:first-child {
	margin-top:0
}
p:last-child {
	margin-bottom:0
}
a {
	color:#4183c4;
	text-decoration:none
}
::-webkit-selection {
	background-color:#cce2ff;
	color:rgba(0,0,0,.87)
}
::-moz-selection {
	background-color:#cce2ff;
	color:rgba(0,0,0,.87)
}
::selection {
	background-color:#cce2ff;
	color:rgba(0,0,0,.87)
}
input::-webkit-selection,textarea::-webkit-selection {
	background-color:rgba(100,100,100,.4);
	color:rgba(0,0,0,.87)
}
input::-moz-selection,textarea::-moz-selection {
	background-color:rgba(100,100,100,.4);
	color:rgba(0,0,0,.87)
}
input::selection,textarea::selection {
	background-color:rgba(100,100,100,.4);
	color:rgba(0,0,0,.87)
}
body::-webkit-scrollbar {
	-webkit-appearance:none;
	width:10px;
	height:10px
}
body::-webkit-scrollbar-track {
	background:rgba(0,0,0,.1);
	border-radius:0
}
body::-webkit-scrollbar-thumb {
	cursor:pointer;
	border-radius:5px;
	background:rgba(255,255,255,.35);
	-webkit-transition:color .2s ease;
	transition:color .2s ease
}
body::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(0,0,0,.15)
}
body::-webkit-scrollbar-thumb:hover {
	background:rgba(128,135,139,.8)
}
body .ui.inverted::-webkit-scrollbar-track {
	background:rgba(255,255,255,.1)
}
body .ui.inverted::-webkit-scrollbar-thumb {
	background:rgba(255,255,255,.25)
}
body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
	background:rgba(255,255,255,.15)
}
body .ui.inverted::-webkit-scrollbar-thumb:hover {
	background:rgba(255,255,255,.35)
}
/*!* # Semantic UI 2.4.2 - Button * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.button {
	cursor:pointer;
	display:inline-block;
	min-height:1em;
	outline:0;
	border:0;
	vertical-align:baseline;
	background:#e0e1e2 none;
	color:rgba(0,0,0,.6);
	font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	margin:0 .25em 0 0;
	padding:.78571429em 1.5em .78571429em;
	text-transform:none;
	text-shadow:none;
	font-weight:700;
	line-height:1em;
	font-style:normal;
	text-align:center;
	text-decoration:none;
	border-radius:.28571429rem;
	-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
	box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
	transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
	transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
	transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
	will-change:'';
	-webkit-tap-highlight-color:transparent
}

/*!* # Semantic UI 2.4.2 - Icon * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */
@font-face {
	font-family:Icons;
	src:url(icons.eot);
	src:url(icons.eot?#iefix) format('embedded-opentype'),url(icons.woff2?aw1) format('woff2'),url(icons.woff?a) format('woff'),url(icons.ttf) format('truetype'),url(close.svg#icons) format('svg');
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-decoration:inherit;
	text-transform:none
}
i.icon {
	display:inline-block;
	opacity:1;
	margin:0 .25rem 0 0;
	width:1.18em;
	height:1em;
	font-family:Icons;
	font-style:normal;
	font-weight:400;
	text-decoration:inherit;
	text-align:center;
	speak:none;
	font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
i.icon.window.close:before {
	content:"\f410"
}
i.icon.close:before {
	content:"\f00d"
}
i.icon.user.close:before {
	content:"\f235"
}
i.icon.closed.captioning.outline:before {
	content:"\f20a"
}
i.icon.window.close.outline:before {
	content:"\f410"
}




/*
@font-face {
	font-family:brand-icons;
	src:url(brand-icons.eot);
	src:url(brand-icons.eot?#iefix) format('embedded-opentype'),url(brand-icons.woff2?2a) format('woff2'),url(brand-icons.woff?fr) format('woff'),url(brand-icons.ttf) format('truetype'),url(brand-icons.svg#icons) format('svg');
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-decoration:inherit;
	text-transform:none
}
*/


.ex {
	clear:both
}
.video-listing .thumb-wrapper .thumb {
	padding-bottom:0 !important
}
.container-main .more {
	margin-top:10px
}

.ui.header.title,.header_title {
	font-size:20px;
	color:#eef
}
.ui.dividing.header {
	padding-bottom:0;
	border-bottom:none
}
.ui[class*="1:1"].embed {
	padding-bottom:100%
}
.ui[class*="16:9"].embed {
	padding-bottom:56.25%
}
@media (min-width:768px) {
	.ui[class*="9:16"].embed {
		padding-bottom:70%
	}
}
@media (max-width:767px) {
	.ui[class*="9:16"].embed {
		padding-bottom:130%
	}
}
.ui.embed {
	position:relative;
	max-width:100%;
	height:0;
	overflow:hidden;
	background:#333;
	padding-bottom:56.25%
}
.ui.embed embed,.ui.embed iframe,.ui.embed object {
	position:absolute;
	border:0;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	padding:0
}
.ui.embed #video-player-container {
	height:100%;
	width:100%;
	position:absolute
}
.partnier-top-nav.user-bar li,.partnier-top-nav.user-bar {
	float:right
}
.ui-tabs.ui-tabs-video-details>ul li {
	list-style:none
}
.pure-form .btn {
	display:inline-block;
	position:relative;
	padding:14px 18px;
	margin:4px;
	border-radius:4px;
	background:#ff0039;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer
}
.pure-form .btn.active,.pure-form .btn:hover {
	background:#393939;
	color:#fff !important
}
.form-control {
	display:block
}
.pure-form .user.btn {
	padding:12px 20px;
	font-size:13px;
	color:#FFF;
	display:block
}
.pure-form h1 {
	font-size:28px;
	margin-bottom:20px
}
.pure-form label {
	display:block;
	margin-bottom:15px;
	margin-top:10px
}
.ui-tab-inner-wrapper .list {
	display:flex;
	margin-bottom:10px;
	margin-top:10px
}
.p {
	color:#908c8c
}
.ui-tabs.ui-tabs-video-details {
	position:relative
}
.more .btn {
	background-color:var(--primary);
	border:0;
	color:white;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:14px;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	cursor:pointer
}
.more .btn:hover {
	background-color:#ff197a
}
.userbar .pure-menu-link:hover {
	background-color:#d00000
}
code {
	font-family:Consolas,Courier,monospace;
	color:#333;
	background:#fafafa;
	border:1px solid #eee
}
.ui.message,aside {
	background:#ff0039;
	margin:1em 0;
	padding:.7em 1em;
	border-radius:3px;
	color:#fff
}
li {
	list-style:none
}
.header-main .wrapper-1 .wrapper-1-1-1 {
	padding-top:20px;
	padding-bottom:20px
}
#register_form input,#login_form input {
	display:block;
	margin:auto;
	width:100%
}
.networknav ul.user-bar li a {
	color:#ff0039
}
.application-name {
	font-size:24px;
	font-weight:bold;
	color:#f00
}
.cat-list ul li {
	float:left;
	padding:4px
}
.cat-list .ui.label {
	background-color:#e91e63;
	color:#eee
}
.__top_header {
    /*
	background:#101010;
    */
}
.video-details .av_data_title {
	height:2.4rem;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:1.1rem;
	font-weight:500;
	line-height:1.2rem;
	color:#666;
	text-transform:none;
	white-space:normal;
	margin-bottom:0;
	margin-top:4px
}
.player-poster[data-poster] .play-wrapper[data-poster] svg {
	width:100px !important
}
.player-poster[data-poster] .play-wrapper[data-poster] svg path {
	fill:#ff0039 !important
}
.user-center {
	float:right
}
.user-center .dropdown-toggle {
	background:transparent
}
.user-center .dropdown-item a {
	color:#11181f
}
.application-name p {
	margin:0
}
.ui.header.title h1 {
	font-size:1.75rem;
	line-height:1.75rem;
	font-weight:bold
}
.toolbar svg {
	fill:#EEE
}
.grid .cell {
	float:left;
	padding:8px
}
.mtitle,a.tag-text {
	padding:4px;
	margin-bottom:4px
}
.ui.header.title,.header_title {
	font-size:20px;
	margin-bottom:10px
}
.video-rate {
	color:#ff0018
}
h1.header_title {
	line-height:3rem
}
.title-wrap {
	font-size:16px
}
.ui.header.title,.header_title {
	margin-bottom:5px !important;
	margin-top:5px !important;
	font-size:20px;
	line-height:20px;
	font-weight:bold
}
.networknav ul li:first-child {
	margin-right:0
}
.webiste_url {
	margin-right:6px !important
}
.networknav ul {
	margin:0
}
p.list_item {
	margin:0 0 12px
}
.well {
	padding:8px
}
.pagination a:focus {
	outline:none;
	color:#eee
}
.footer-main {
	margin-top:20px
}
.container.w-site {
	padding-right:0;
	padding-left:0
}
.searck-keywords-containr .well {
	background-color:transparent;
	border:0;
	padding:0
}
.login-container {
	background:transparent;
	border:none
}
.login-container a,.login-container .ui.checkbox label {
	color:#919191
}
.video-listing .ico.duration_format {
	background-color:#0b0d16;
	opacity:.7
}
.form-group .control-label {
	margin-bottom:8px
}
:root {
	--gold:#e1b355;
	--ads-long-text:#f3f3f3;
	--navbar-color:#eee;
	--background-color:#fff
}
[data-theme=dark] {
	--ads-long-text:#2b2b2b;
	--navbar-color:#eee;
	--background-color:#161616
}
.link-item a {
	color:var(--link-color)
}
.ui.header {
	color:var(--title-color) !important
}
:root {
	--primary:#ff0039;
	--text-color:#e0e0e0;
	--text-color1:#bbb;
	--text-color2:#999;
	--text-color3:#6d6b6b;
	--link-color:#222;
	--gray:rgba(54,55,58,0.71);
	--secondary:#6f6f6f;
	--red:rgba(235,84,36,0.67);
	--red-light:rgba(253,241,237,0.09);
	--yellow:rgba(254,226,9,0.67);
	--yellow-light:rgba(255,253,238,0.09);
	--blue:rgba(34,117,218,0.67);
	--blue-light:rgba(230,240,251,0.09);
	--green:rgba(25,163,2,0.67);
	--green-light:rgba(244,255,242,0.09);
	--ads-long-text:#eee
}
[data-theme=dark] {
	--title-color:#eee;
	--link-color:#e2e2e2;
	--text-color:#eee;
	--text-color3:#aab;
	--text-color2:#777;
	--text-color1:#111
}
.video_playr_sider img {
	width:100%
}
.downApp .downApp_close i {
	color:#FFF;
	font-size:2em
}
.downApp .downApp_close svg {
	fill:#FFF3EE
}
.downApp .downApp_close svg:hover {
	fill:#0c9bff
}
.downApp .downApp_close {
	position:absolute;
	z-index:9999999;
	top:0;
	width:1.9rem;
	height:1.9rem;
	opacity:1;
	left:0
}
.downApp_fixed_top {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	text-align:center
}
.downApp {
	margin:auto;
	position:fixed;
	bottom:0;
	z-index:888;
	left:0;
	right:0;
	text-align:center
}
.downApp img {
	width:100%;
	left:0;
	right:0;
	text-align:center;
	max-height:300px
}
@media (max-width:640px) {
	.downApp {
	width:100%;
	margin-left:0
}
}@media (min-width:1024px) {
	.downApp img {
	height:160px;
	width:640px
}
.downApp {
	margin:auto;
	position:fixed;
	bottom:0;
	z-index:888;
	left:0;
	right:0;
	text-align:center;
	width:640px
}
}




#q-app,body,html {
	width:100%;
	direction:ltr
}
body.platform-ios.within-iframe,body.platform-ios.within-iframe #q-app {
	width:100px;
	min-width:100%
}
body,html {
	margin:0;
	box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
	display:block
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
img {
	border-style:none
}
svg:not(:root) {
	overflow:hidden
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
button,input,optgroup,select,textarea {
	font:inherit;
	font-family:inherit;
	margin:0
}
optgroup {
	font-weight:700
}
button,input,select {
	overflow:visible;
	text-transform:none
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
button:-moz-focusring,input:-moz-focusring {
	outline:1px dotted ButtonText
}
fieldset {
	padding:.35em .75em .625em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	vertical-align:baseline
}
textarea {
	overflow:auto
}
input[type=search] {
	-webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}

.z-marginals {
	z-index:2000
}
.z-notify {
	z-index:9500
}
.z-fullscreen {
	z-index:6000
}
.z-inherit {
	z-index:inherit !important
}
.column,.flex,.row {
	display:flex;
	flex-wrap:wrap
}
.column.inline,.flex.inline,.row.inline {
	display:inline-flex
}
.row.reverse {
	flex-direction:row-reverse
}
.column {
	flex-direction:column
}
.column.reverse {
	flex-direction:column-reverse
}
.wrap {
	flex-wrap:wrap
}
.no-wrap {
	flex-wrap:nowrap
}
.reverse-wrap {
	flex-wrap:wrap-reverse
}
.order-first {
	order:-10000
}
.order-last {
	order:10000
}
.order-none {
	order:0
}
.justify-start {
	justify-content:flex-start
}
.justify-end {
	justify-content:flex-end
}
.flex-center,.justify-center {
	justify-content:center
}
.justify-between {
	justify-content:space-between
}
.justify-around {
	justify-content:space-around
}
.justify-evenly {
	justify-content:space-evenly
}
.items-start {
	align-items:flex-start
}
.items-end {
	align-items:flex-end
}
.flex-center,.items-center {
	align-items:center
}
.items-baseline {
	align-items:baseline
}
.items-stretch {
	align-items:stretch
}
.content-start {
	align-content:flex-start
}
.content-end {
	align-content:flex-end
}
.content-center {
	align-content:center
}
.content-stretch {
	align-content:stretch
}
.content-between {
	align-content:space-between
}
.content-around {
	align-content:space-around
}
.self-start {
	align-self:flex-start
}
.self-end {
	align-self:flex-end
}
.self-center {
	align-self:center
}
.self-baseline {
	align-self:baseline
}
.self-stretch {
	align-self:stretch
}

img.responsive {
	max-width:100%;
	height:auto
}
.non-selectable {
	-webkit-user-select:none !important;
	-moz-user-select:none !important;
	-ms-user-select:none !important;
	user-select:none !important
}
.scroll {
	overflow:auto
}
.scroll,.scroll-x,.scroll-y {
	-webkit-overflow-scrolling:touch;
	will-change:scroll-position
}
.scroll-x {
	overflow-x:auto
}
.scroll-y {
	overflow-y:auto
}
.no-scroll {
	overflow:hidden !important
}
.no-pointer-events,.no-pointer-events--children,.no-pointer-events--children * {
	pointer-events:none !important
}
.all-pointer-events {
	pointer-events:all !important
}
.cursor-pointer {
	cursor:pointer !important
}
.cursor-not-allowed {
	cursor:not-allowed !important
}
.cursor-inherit {
	cursor:inherit !important
}
.cursor-none {
	cursor:none !important
}
[aria-busy=true] {
	cursor:progress
}
[aria-controls],[role=button] {
	cursor:pointer
}
[aria-disabled] {
	cursor:default
}
.rotate-45 {
	transform:rotate(45deg)
}
.rotate-90 {
	transform:rotate(90deg)
}
.rotate-135 {
	transform:rotate(135deg)
}
.rotate-180 {
	transform:rotate(180deg)
}
.rotate-205 {
	transform:rotate(205deg)
}
.rotate-270 {
	transform:rotate(270deg)
}
.rotate-315 {
	transform:rotate(315deg)
}
.flip-horizontal {
	transform:scaleX(-1)
}
.flip-vertical {
	transform:scaleY(-1)
}
.float-left {
	float:left
}
.float-right {
	float:right
}
.relative-position {
	position:relative
}
.fixed,.fixed-bottom,.fixed-bottom-left,.fixed-bottom-right,.fixed-center,.fixed-full,.fixed-left,.fixed-right,.fixed-top,.fixed-top-left,.fixed-top-right,.fullscreen {
	position:fixed
}
.absolute,.absolute-bottom,.absolute-bottom-left,.absolute-bottom-right,.absolute-center,.absolute-full,.absolute-left,.absolute-right,.absolute-top,.absolute-top-left,.absolute-top-right {
	position:absolute
}
.absolute-top,.fixed-top {
	top:0;
	left:0;
	right:0
}
.absolute-right,.fixed-right {
	top:0;
	right:0;
	bottom:0
}
.absolute-bottom,.fixed-bottom {
	right:0;
	bottom:0;
	left:0
}
.absolute-left,.fixed-left {
	top:0;
	bottom:0;
	left:0
}
.absolute-top-left,.fixed-top-left {
	top:0;
	left:0
}
.absolute-top-right,.fixed-top-right {
	top:0;
	right:0
}
.absolute-bottom-left,.fixed-bottom-left {
	bottom:0;
	left:0
}
.absolute-bottom-right,.fixed-bottom-right {
	bottom:0;
	right:0
}
.fullscreen {
	z-index:6000;
	border-radius:0 !important;
	max-width:100vw;
	max-height:100vh
}
.absolute-full,.fixed-full,.fullscreen {
	top:0;
	right:0;
	bottom:0;
	left:0
}
.absolute-center,.fixed-center {
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.vertical-top {
	vertical-align:top !important
}
.vertical-middle {
	vertical-align:middle !important
}
.vertical-bottom {
	vertical-align:bottom !important
}
.on-left {
	margin-right:12px
}
.on-right {
	margin-left:12px
}
.q-position-engine {
	margin-top:var(--q-pe-top,0) !important;
	margin-left:var(--q-pe-left,0) !important;
	will-change:auto;
	visibility:collapse
}
:root {
	--q-size-xs:0;
	--q-size-sm:600px;
	--q-size-md:1024px;
	--q-size-lg:1440px;
	--q-size-xl:1920px
}
.fit {
	width:100% !important
}
.fit,.full-height {
	height:100% !important
}
.full-width {
	width:100% !important;
	margin-left:0 !important;
	margin-right:0 !important
}
.window-height {
	margin-top:0 !important;
	margin-bottom:0 !important;
	height:100vh !important
}
.window-width {
	margin-left:0 !important;
	margin-right:0 !important;
	width:100vw !important
}
.block {
	display:block !important
}
.inline-block {
	display:inline-block !important
}
.q-pa-none {
	padding:0 0
}
.q-pl-none,.q-px-none {
	padding-left:0
}
.q-pr-none,.q-px-none {
	padding-right:0
}
.q-pt-none,.q-py-none {
	padding-top:0
}
.q-pb-none,.q-py-none {
	padding-bottom:0
}
.q-ma-none {
	margin:0 0
}
.q-ml-none,.q-mx-none {
	margin-left:0
}
.q-mr-none,.q-mx-none {
	margin-right:0
}
.q-mt-none,.q-my-none {
	margin-top:0
}
.q-mb-none,.q-my-none {
	margin-bottom:0
}
.q-pa-xs {
	padding:4px 4px
}
.q-pl-xs,.q-px-xs {
	padding-left:4px
}
.q-pr-xs,.q-px-xs {
	padding-right:4px
}
.q-pt-xs,.q-py-xs {
	padding-top:4px
}
.q-pb-xs,.q-py-xs {
	padding-bottom:4px
}
.q-ma-xs {
	margin:4px 4px
}
.q-ml-xs,.q-mx-xs {
	margin-left:4px
}
.q-mr-xs,.q-mx-xs {
	margin-right:4px
}
.q-mt-xs,.q-my-xs {
	margin-top:4px
}
.q-mb-xs,.q-my-xs {
	margin-bottom:4px
}
.q-pa-sm {
	padding:8px 8px
}
.q-pl-sm,.q-px-sm {
	padding-left:8px
}
.q-pr-sm,.q-px-sm {
	padding-right:8px
}
.q-pt-sm,.q-py-sm {
	padding-top:8px
}
.q-pb-sm,.q-py-sm {
	padding-bottom:8px
}
.q-ma-sm {
	margin:8px 8px
}
.q-ml-sm,.q-mx-sm {
	margin-left:8px
}
.q-mr-sm,.q-mx-sm {
	margin-right:8px
}
.q-mt-sm,.q-my-sm {
	margin-top:8px
}
.q-mb-sm,.q-my-sm {
	margin-bottom:8px
}
.q-pa-md {
	padding:16px 16px
}
.q-pl-md,.q-px-md {
	padding-left:16px
}
.q-pr-md,.q-px-md {
	padding-right:16px
}
.q-pt-md,.q-py-md {
	padding-top:16px
}
.q-pb-md,.q-py-md {
	padding-bottom:16px
}
.q-ma-md {
	margin:16px 16px
}
.q-ml-md,.q-mx-md {
	margin-left:16px
}
.q-mr-md,.q-mx-md {
	margin-right:16px
}
.q-mt-md,.q-my-md {
	margin-top:16px
}
.q-mb-md,.q-my-md {
	margin-bottom:16px
}
.q-pa-lg {
	padding:24px 24px
}
.q-pl-lg,.q-px-lg {
	padding-left:24px
}
.q-pr-lg,.q-px-lg {
	padding-right:24px
}
.q-pt-lg,.q-py-lg {
	padding-top:24px
}
.q-pb-lg,.q-py-lg {
	padding-bottom:24px
}
.q-ma-lg {
	margin:24px 24px
}
.q-ml-lg,.q-mx-lg {
	margin-left:24px
}
.q-mr-lg,.q-mx-lg {
	margin-right:24px
}
.q-mt-lg,.q-my-lg {
	margin-top:24px
}
.q-mb-lg,.q-my-lg {
	margin-bottom:24px
}
.q-pa-xl {
	padding:48px 48px
}
.q-pl-xl,.q-px-xl {
	padding-left:48px
}
.q-pr-xl,.q-px-xl {
	padding-right:48px
}
.q-pt-xl,.q-py-xl {
	padding-top:48px
}
.q-pb-xl,.q-py-xl {
	padding-bottom:48px
}
.q-ma-xl {
	margin:48px 48px
}
.q-ml-xl,.q-mx-xl {
	margin-left:48px
}
.q-mr-xl,.q-mx-xl {
	margin-right:48px
}
.q-mt-xl,.q-my-xl {
	margin-top:48px
}
.q-mb-xl,.q-my-xl {
	margin-bottom:48px
}
.q-mt-auto,.q-my-auto {
	margin-top:auto
}
.q-ml-auto,.q-mx-auto {
	margin-left:auto
}
.q-mb-auto,.q-my-auto {
	margin-bottom:auto
}
.q-mr-auto,.q-mx-auto {
	margin-right:auto
}
.q-touch {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	user-drag:none;
	-khtml-user-drag:none;
	-webkit-user-drag:none
}
.q-touch-x {
	touch-action:pan-x
}
.q-touch-y {
	touch-action:pan-y
}
.q-transition--fade-leave-active,.q-transition--flip-leave-active,.q-transition--jump-down-leave-active,.q-transition--jump-left-leave-active,.q-transition--jump-right-leave-active,.q-transition--jump-up-leave-active,.q-transition--rotate-leave-active,.q-transition--scale-leave-active,.q-transition--slide-down-leave-active,.q-transition--slide-left-leave-active,.q-transition--slide-right-leave-active,.q-transition--slide-up-leave-active {
	position:absolute
}
.q-transition--slide-down-enter-active,.q-transition--slide-down-leave-active,.q-transition--slide-left-enter-active,.q-transition--slide-left-leave-active,.q-transition--slide-right-enter-active,.q-transition--slide-right-leave-active,.q-transition--slide-up-enter-active,.q-transition--slide-up-leave-active {
	transition:transform .3s cubic-bezier(0.215,0.61,0.355,1)
}
.q-transition--slide-right-enter {
	transform:translate3d(-100%,0,0)
}
.q-transition--slide-left-enter,.q-transition--slide-right-leave-to {
	transform:translate3d(100%,0,0)
}
.q-transition--slide-left-leave-to {
	transform:translate3d(-100%,0,0)
}
.q-transition--slide-up-enter {
	transform:translate3d(0,100%,0)
}
.q-transition--slide-down-enter,.q-transition--slide-up-leave-to {
	transform:translate3d(0,-100%,0)
}
.q-transition--slide-down-leave-to {
	transform:translate3d(0,100%,0)
}
.q-transition--jump-down-enter-active,.q-transition--jump-down-leave-active,.q-transition--jump-left-enter-active,.q-transition--jump-left-leave-active,.q-transition--jump-right-enter-active,.q-transition--jump-right-leave-active,.q-transition--jump-up-enter-active,.q-transition--jump-up-leave-active {
	transition:opacity .3s,transform .3s
}
.q-transition--jump-down-enter,.q-transition--jump-down-leave-to,.q-transition--jump-left-enter,.q-transition--jump-left-leave-to,.q-transition--jump-right-enter,.q-transition--jump-right-leave-to,.q-transition--jump-up-enter,.q-transition--jump-up-leave-to {
	opacity:0
}
.q-transition--jump-right-enter {
	transform:translate3d(-15px,0,0)
}
.q-transition--jump-left-enter,.q-transition--jump-right-leave-to {
	transform:translate3d(15px,0,0)
}
.q-transition--jump-left-leave-to {
	transform:translateX(-15px)
}
.q-transition--jump-up-enter {
	transform:translate3d(0,15px,0)
}
.q-transition--jump-down-enter,.q-transition--jump-up-leave-to {
	transform:translate3d(0,-15px,0)
}
.q-transition--jump-down-leave-to {
	transform:translate3d(0,15px,0)
}
.q-transition--fade-enter-active,.q-transition--fade-leave-active {
	transition:opacity .3s ease-out
}
.q-transition--fade-enter,.q-transition--fade-leave,.q-transition--fade-leave-to {
	opacity:0
}
.q-transition--scale-enter-active,.q-transition--scale-leave-active {
	transition:opacity .3s,transform .3s cubic-bezier(0.215,0.61,0.355,1)
}
.q-transition--scale-enter,.q-transition--scale-leave,.q-transition--scale-leave-to {
	opacity:0;
	transform:scale3d(0,0,1)
}
.q-transition--rotate-enter-active,.q-transition--rotate-leave-active {
	transition:opacity .3s,transform .3s cubic-bezier(0.215,0.61,0.355,1);
	transform-style:preserve-3d
}
.q-transition--rotate-enter,.q-transition--rotate-leave,.q-transition--rotate-leave-to {
	opacity:0;
	transform:scale3d(0,0,1) rotate3d(0,0,1,90deg)
}
.q-transition--flip-down-enter-active,.q-transition--flip-down-leave-active,.q-transition--flip-left-enter-active,.q-transition--flip-left-leave-active,.q-transition--flip-right-enter-active,.q-transition--flip-right-leave-active,.q-transition--flip-up-enter-active,.q-transition--flip-up-leave-active {
	transition:transform .3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.q-transition--flip-down-enter-to,.q-transition--flip-down-leave,.q-transition--flip-left-enter-to,.q-transition--flip-left-leave,.q-transition--flip-right-enter-to,.q-transition--flip-right-leave,.q-transition--flip-up-enter-to,.q-transition--flip-up-leave {
	transform:perspective(400px) rotate3d(1,1,0,0deg)
}
.q-transition--flip-right-enter {
	transform:perspective(400px) rotate3d(0,1,0,-180deg)
}
.q-transition--flip-left-enter,.q-transition--flip-right-leave-to {
	transform:perspective(400px) rotate3d(0,1,0,180deg)
}
.q-transition--flip-left-leave-to {
	transform:perspective(400px) rotate3d(0,1,0,-180deg)
}
.q-transition--flip-up-enter {
	transform:perspective(400px) rotate3d(1,0,0,-180deg)
}
.q-transition--flip-down-enter,.q-transition--flip-up-leave-to {
	transform:perspective(400px) rotate3d(1,0,0,180deg)
}
.q-transition--flip-down-leave-to {
	transform:perspective(400px) rotate3d(1,0,0,-180deg)
}
body {
	min-width:100px;
	min-height:100%;
	font-family:Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-smoothing:antialiased;
	line-height:1.5;
	font-size:14px
}
h1 {
	font-size:6rem;
	line-height:6rem;
	letter-spacing:-0.01562em
}
h1,h2 {
	font-weight:300
}
h2 {
	font-size:3.75rem;
	line-height:3.75rem;
	letter-spacing:-0.00833em
}
h3 {
	font-size:3rem;
	line-height:3.125rem;
	letter-spacing:normal
}
h3,h4 {
	font-weight:400
}
h4 {
	font-size:2.125rem;
	line-height:2.5rem;
	letter-spacing:.00735em
}
h5 {
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:normal
}
h5,h6 {
	line-height:2rem
}
h6 {
	font-size:1.25rem;
	font-weight:500;
	letter-spacing:.0125em
}
p {
	margin:0 0 16px
}
.text-bold {
	font-weight:700
}
small {
	font-size:80%
}
big {
	font-size:170%
}
sub {
	bottom:-0.25em
}
sup {
	top:-0.5em
}
.no-margin {
	margin:0 !important
}
.no-padding {
	padding:0 !important
}
.no-border {
	border:0 !important
}
.no-border-radius {
	border-radius:0 !important
}
.no-box-shadow {
	box-shadow:none !important
}
.no-outline {
	outline:0 !important
}
.ellipsis {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.ellipsis-2-lines,.ellipsis-3-lines {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical
}
.ellipsis-2-lines {
	-webkit-line-clamp:2
}
.ellipsis-3-lines {
	-webkit-line-clamp:3
}
.readonly {
	cursor:default !important
}
.disabled,.disabled *,[disabled],[disabled] * {
	outline:0 !important;
	cursor:not-allowed !important
}
.disabled,[disabled] {
	opacity:.6 !important
}
.hidden {
	display:none !important
}
.invisible {
	visibility:hidden !important
}
.transparent {
	background:transparent !important
}
.overflow-auto {
	overflow:auto !important
}
.overflow-hidden {
	overflow:hidden !important
}
.overflow-hidden-y {
	overflow-y:hidden !important
}
.hide-scrollbar {
	scrollbar-width:none;
	-ms-overflow-style:none
}
.hide-scrollbar::-webkit-scrollbar {
	width:0;
	height:0;
	display:none
}
.dimmed:after,.light-dimmed:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.dimmed:after {
	background:rgba(0,0,0,0.4) !important
}
.light-dimmed:after {
	background:hsla(0,0%,100%,0.6) !important
}
.z-top {
	z-index:7000 !important
}
.z-max {
	z-index:9998 !important
}
body.capacitor .capacitor-hide,body.cordova .cordova-hide,body.electron .electron-hide,body.mobile .mobile-hide,body.native-mobile .native-mobile-hide,body.platform-android .platform-android-hide,body.platform-ios .platform-ios-hide,body.touch .touch-hide,body.within-iframe .within-iframe-hide,body:not(.capacitor) .capacitor-only,body:not(.cordova) .cordova-only,body:not(.electron) .electron-only,body:not(.mobile) .mobile-only,body:not(.native-mobile) .native-mobile-only,body:not(.platform-android) .platform-android-only,body:not(.platform-ios) .platform-ios-only,body:not(.touch) .touch-only,body:not(.within-iframe) .within-iframe-only {
	display:none !important
}
@media (orientation:portrait) {
	.orientation-landscape {
	display:none !important
}
}@media (orientation:landscape) {
	.orientation-portrait {
	display:none !important
}
}@media screen {
	.print-only {
	display:none !important
}
}@media print {
	.print-hide {
	display:none !important
}
}@media (max-width:599px) {
	.gt-lg,.gt-md,.gt-sm,.gt-xs,.lg,.md,.sm,.xl,.xs-hide {
	display:none !important
}
}@media (min-width:600px) and (max-width:1023px) {
	.gt-lg,.gt-md,.gt-sm,.lg,.lt-sm,.md,.sm-hide,.xl,.xs {
	display:none !important
}
}@media (min-width:1024px) and (max-width:1439px) {
	.gt-lg,.gt-md,.lg,.lt-md,.lt-sm,.md-hide,.sm,.xl,.xs {
	display:none !important
}
}@media (min-width:1440px) and (max-width:1919px) {
	.gt-lg,.lg-hide,.lt-lg,.lt-md,.lt-sm,.md,.sm,.xl,.xs {
	display:none !important
}
}@media (min-width:1920px) {
	.lg,.lt-lg,.lt-md,.lt-sm,.lt-xl,.md,.sm,.xl-hide,.xs {
	display:none !important
}
}.q-focus-helper {
	outline:0
}

body.body--dark {
	color:#fff;
	background:var(--body-background-color,#121212)
}
.q-dark {
	color:#fff;
	background:#424242;
	background:var(--q-color-dark)
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
	.q-item:after,.q-notification:after,.q-toolbar:after {
	content:"";
	font-size:0;
	visibility:collapse;
	display:inline;
	width:0
}
.q-banner>.q-banner__avatar {
	min-height:38px
}
.q-banner--dense>.q-banner__avatar {
	min-height:20px
}
.q-item:after {
	min-height:32px
}
.q-item--denseafter,.q-list--dense>.q-itemafter {
	min-height:24px
}
.q-toolbar:after {
	min-height:50px
}
.q-notification--standard:after {
	min-height:48px
}
.q-notification--multi-line {
	min-height:68px
}
.q-btn__wrapper,.q-menu .q-item__section--main,.q-table__middle,.q-time__content,.q-toolbar__title {
	flex-basis:auto
}
.q-banner__content {
	flex-basis:0 !important
}
.q-dialog__inner>.q-banner>.q-banner__content,.q-menu>.q-banner>.q-banner__content {
	flex-basis:auto !important
}
.q-tab__content {
	flex-basis:auto;
	min-width:100%
}
.q-card__actions--vert {
	flex:0 0 auto
}
.column {
	min-width:0
}
.q-item__section--avatar {
	min-width:56px
}
button.q-btn--actionable:active:hover .q-btn__wrapper {
	margin:-1px 1px 1px -1px
}
.q-btn-group--push>button.q-btn--push.q-btn--actionable:active:hover .q-btn__wrapper {
	margin:1px 1px -1px -1px
}
.q-btn {
	overflow:visible
}
.q-btn--wrap {
	flex-direction:row
}
.q-carousel__slide>* {
	max-width:100%
}
.q-tabs--vertical .q-tab__indicator {
	height:auto
}
.q-spinner {
	-webkit-animation:q-ie-spinner 2s linear infinite;
	animation:q-ie-spinner 2s linear infinite;
	transform-origin:center center;
	opacity:.5
}
.q-spinner.q-spinner-mat .path {
	stroke-dasharray:89,200
}
.q-checkbox__indet {
	opacity:0
}
.q-checkbox__inner--indet .q-checkbox__indet {
	opacity:1
}
.q-radio__check {
	opacity:0
}
.q-radio__inner--truthy .q-radio__check {
	opacity:1
}
.q-date__main {
	min-height:290px !important
}
.q-date__months {
	align-items:stretch
}
.q-time--portrait .q-time__main {
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	flex:1 0 auto
}
.q-field__prefix,.q-field__suffix {
	flex:1 0 auto
}
.q-field__bottom--stale .q-field__messages {
	left:12px
}
.q-field--borderless .q-field__bottom--stale .q-field__messages,.q-field--standard .q-field__bottom--stale .q-field__messages {
	left:0
}
.q-field--float .q-field__label {
	max-width:100%
}
.q-focus-helper {
	z-index:1
}
}@media (-ms-high-contrast:none) and (min-width:0),screen and (-ms-high-contrast:active) and (min-width:0) {
	.flex>.col,.flex>.col-xs,.row>.col,.row>.col-xs {
	flex-basis:auto;
	min-width:0
}
}@media (-ms-high-contrast:none) and (min-width:600px),screen and (-ms-high-contrast:active) and (min-width:600px) {
	.flex>.col-sm,.row>.col-sm {
	flex-basis:auto;
	min-width:0
}
}@media (-ms-high-contrast:none) and (min-width:1024px),screen and (-ms-high-contrast:active) and (min-width:1024px) {
	.flex>.col-md,.row>.col-md {
	flex-basis:auto;
	min-width:0
}
}@media (-ms-high-contrast:none) and (min-width:1440px),screen and (-ms-high-contrast:active) and (min-width:1440px) {
	.flex>.col-lg,.row>.col-lg {
	flex-basis:auto;
	min-width:0
}
}@media (-ms-high-contrast:none) and (min-width:1920px),screen and (-ms-high-contrast:active) and (min-width:1920px) {
	.flex>.col-xl,.row>.col-xl {
	flex-basis:auto;
	min-width:0
}
}@supports(-ms-ime-align:auto) {
	.q-item:after,.q-notification:after,.q-toolbar:after {
	content:"";
	font-size:0;
	visibility:collapse;
	display:inline;
	width:0
}
.q-banner>.q-banner__avatar {
	min-height:38px
}
.q-banner--dense>.q-banner__avatar {
	min-height:20px
}
.q-item:after {
	min-height:32px
}
.q-item--denseafter,.q-list--dense>.q-itemafter {
	min-height:24px
}
.q-toolbar:after {
	min-height:50px
}
.q-notification--standard:after {
	min-height:48px
}
.q-notification--multi-line {
	min-height:68px
}
.q-btn__wrapper,.q-menu .q-item__section--main,.q-table__middle,.q-time__content,.q-toolbar__title {
	flex-basis:auto
}
.q-banner__content {
	flex-basis:0 !important
}
.q-dialog__inner>.q-banner>.q-banner__content,.q-menu>.q-banner>.q-banner__content {
	flex-basis:auto !important
}
.q-tab__content {
	flex-basis:auto;
	min-width:100%
}
.q-card__actions--vert {
	flex:0 0 auto
}
.column {
	min-width:0
}
@media (-ms-high-contrast:none) and (min-width:0),screen and (-ms-high-contrast:active) and (min-width:0) {
	.flex>.col,.flex>.col-xs,.row>.col,.row>.col-xs {
	flex-basis:auto;
	min-width:0
}
}@media (-ms-high-contrast:none) and (min-width:600px),screen and (-ms-high-contrast:active) and (min-width:600px) {
	.flex>.col-sm,.row>.col-sm {
	flex-basis:auto;
	min-width:0
}
}@media (-ms-high-contrast:none) and (min-width:1024px),screen and (-ms-high-contrast:active) and (min-width:1024px) {
	.flex>.col-md,.row>.col-md {
	flex-basis:auto;
	min-width:0
}
}@media (-ms-high-contrast:none) and (min-width:1440px),screen and (-ms-high-contrast:active) and (min-width:1440px) {
	.flex>.col-lg,.row>.col-lg {
	flex-basis:auto;
	min-width:0
}
}@media (-ms-high-contrast:none) and (min-width:1920px),screen and (-ms-high-contrast:active) and (min-width:1920px) {
	.flex>.col-xl,.row>.col-xl {
	flex-basis:auto;
	min-width:0
}
}.q-item__section--avatar {
	min-width:56px
}
button.q-btn--actionable:active:hover .q-btn__wrapper {
	margin:-1px 1px 1px -1px
}
.q-btn-group--push>button.q-btn--push.q-btn--actionable:active:hover .q-btn__wrapper {
	margin:1px 1px -1px -1px
}
.q-btn {
	overflow:visible
}
.q-btn--wrap {
	flex-direction:row
}
.q-carousel__slide>* {
	max-width:100%
}
.q-tabs--vertical .q-tab__indicator {
	height:auto
}
.q-spinner {
	-webkit-animation:q-ie-spinner 2s linear infinite;
	animation:q-ie-spinner 2s linear infinite;
	transform-origin:center center;
	opacity:.5
}
.q-spinner.q-spinner-mat .path {
	stroke-dasharray:89,200
}
.q-checkbox__indet {
	opacity:0
}
.q-checkbox__inner--indet .q-checkbox__indet {
	opacity:1
}
.q-radio__check {
	opacity:0
}
.q-radio__inner--truthy .q-radio__check {
	opacity:1
}
.q-date__main {
	min-height:290px !important
}
.q-date__months {
	align-items:stretch
}
.q-time--portrait .q-time__main {
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	flex:1 0 auto
}
.q-field__prefix,.q-field__suffix {
	flex:1 0 auto
}
.q-field__bottom--stale .q-field__messages {
	left:12px
}
.q-field--borderless .q-field__bottom--stale .q-field__messages,.q-field--standard .q-field__bottom--stale .q-field__messages {
	left:0
}
.q-field--float .q-field__label {
	max-width:100%
}
.q-focus-helper {
	z-index:1
}
}@-webkit-keyframes q-circular-progress-circle {
	0% {
	stroke-dasharray:1,400;
	stroke-dashoffset:0
}
50% {
	stroke-dasharray:400,400;
	stroke-dashoffset:-100
}
to {
	stroke-dasharray:400,400;
	stroke-dashoffset:-300
}
}@keyframes q-circular-progress-circle {
	0% {
	stroke-dasharray:1,400;
	stroke-dashoffset:0
}
50% {
	stroke-dasharray:400,400;
	stroke-dashoffset:-100
}
to {
	stroke-dasharray:400,400;
	stroke-dashoffset:-300
}
}@-webkit-keyframes q-expansion-done {
	0% {
	--q-exp-done:1
}
}@keyframes q-expansion-done {
	0% {
	--q-exp-done:1
}
}@-webkit-keyframes q-field-label {
	40% {
	margin-left:2px
}
60%,80% {
	margin-left:-2px
}
70%,90% {
	margin-left:2px
}
}@keyframes q-field-label {
	40% {
	margin-left:2px
}
60%,80% {
	margin-left:-2px
}
70%,90% {
	margin-left:2px
}
}@-webkit-keyframes q-autofill {
	to {
	background:transparent;
	color:inherit
}
}@keyframes q-autofill {
	to {
	background:transparent;
	color:inherit
}
}@-webkit-keyframes q-linear-progress--indeterminate {
	0% {
	transform:translate3d(-35%,0,0) scale3d(0.35,1,1)
}
60% {
	transform:translate3d(100%,0,0) scale3d(0.9,1,1)
}
to {
	transform:translate3d(100%,0,0) scale3d(0.9,1,1)
}
}@keyframes q-linear-progress--indeterminate {
	0% {
	transform:translate3d(-35%,0,0) scale3d(0.35,1,1)
}
60% {
	transform:translate3d(100%,0,0) scale3d(0.9,1,1)
}
to {
	transform:translate3d(100%,0,0) scale3d(0.9,1,1)
}
}@-webkit-keyframes q-linear-progress--indeterminate-short {
	0% {
	transform:translate3d(-101%,0,0) scale3d(1,1,1)
}
60% {
	transform:translate3d(107%,0,0) scale3d(0.01,1,1)
}
to {
	transform:translate3d(107%,0,0) scale3d(0.01,1,1)
}
}@keyframes q-linear-progress--indeterminate-short {
	0% {
	transform:translate3d(-101%,0,0) scale3d(1,1,1)
}
60% {
	transform:translate3d(107%,0,0) scale3d(0.01,1,1)
}
to {
	transform:translate3d(107%,0,0) scale3d(0.01,1,1)
}
}@-webkit-keyframes q-skeleton--fade {
	0% {
	opacity:1
}
50% {
	opacity:.4
}
to {
	opacity:1
}
}@keyframes q-skeleton--fade {
	0% {
	opacity:1
}
50% {
	opacity:.4
}
to {
	opacity:1
}
}@-webkit-keyframes q-skeleton--pulse {
	0% {
	transform:scale(1)
}
50% {
	transform:scale(0.85)
}
to {
	transform:scale(1)
}
}@keyframes q-skeleton--pulse {
	0% {
	transform:scale(1)
}
50% {
	transform:scale(0.85)
}
to {
	transform:scale(1)
}
}@-webkit-keyframes q-skeleton--pulse-x {
	0% {
	transform:scaleX(1)
}
50% {
	transform:scaleX(0.75)
}
to {
	transform:scaleX(1)
}
}@keyframes q-skeleton--pulse-x {
	0% {
	transform:scaleX(1)
}
50% {
	transform:scaleX(0.75)
}
to {
	transform:scaleX(1)
}
}@-webkit-keyframes q-skeleton--pulse-y {
	0% {
	transform:scaleY(1)
}
50% {
	transform:scaleY(0.75)
}
to {
	transform:scaleY(1)
}
}@keyframes q-skeleton--pulse-y {
	0% {
	transform:scaleY(1)
}
50% {
	transform:scaleY(0.75)
}
to {
	transform:scaleY(1)
}
}@-webkit-keyframes q-skeleton--wave {
	0% {
	transform:translateX(-100%)
}
to {
	transform:translateX(100%)
}
}@keyframes q-skeleton--wave {
	0% {
	transform:translateX(-100%)
}
to {
	transform:translateX(100%)
}
}@-webkit-keyframes q-spin {
	0% {
	transform:rotate3d(0,0,1,0deg)
}
25% {
	transform:rotate3d(0,0,1,90deg)
}
50% {
	transform:rotate3d(0,0,1,180deg)
}
75% {
	transform:rotate3d(0,0,1,270deg)
}
to {
	transform:rotate3d(0,0,1,359deg)
}
}@keyframes q-spin {
	0% {
	transform:rotate3d(0,0,1,0deg)
}
25% {
	transform:rotate3d(0,0,1,90deg)
}
50% {
	transform:rotate3d(0,0,1,180deg)
}
75% {
	transform:rotate3d(0,0,1,270deg)
}
to {
	transform:rotate3d(0,0,1,359deg)
}
}@-webkit-keyframes q-mat-dash {
	0% {
	stroke-dasharray:1,200;
	stroke-dashoffset:0
}
50% {
	stroke-dasharray:89,200;
	stroke-dashoffset:-35px
}
to {
	stroke-dasharray:89,200;
	stroke-dashoffset:-124px
}
}@keyframes q-mat-dash {
	0% {
	stroke-dasharray:1,200;
	stroke-dashoffset:0
}
50% {
	stroke-dasharray:89,200;
	stroke-dashoffset:-35px
}
to {
	stroke-dasharray:89,200;
	stroke-dashoffset:-124px
}
}@-webkit-keyframes q-notif-badge {
	15% {
	transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}
30% {
	transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}
45% {
	transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}
60% {
	transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}
75% {
	transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}
}@keyframes q-notif-badge {
	15% {
	transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}
30% {
	transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}
45% {
	transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}
60% {
	transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}
75% {
	transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}
}@-webkit-keyframes q-notif-progress {
	0% {
	transform:scaleX(1)
}
to {
	transform:scaleX(0)
}
}@keyframes q-notif-progress {
	0% {
	transform:scaleX(1)
}
to {
	transform:scaleX(0)
}
}@-webkit-keyframes q-scale {
	0% {
	transform:scale(1)
}
50% {
	transform:scale(1.04)
}
to {
	transform:scale(1)
}
}@keyframes q-scale {
	0% {
	transform:scale(1)
}
50% {
	transform:scale(1.04)
}
to {
	transform:scale(1)
}
}@-webkit-keyframes q-fade {
	0% {
	opacity:0
}
to {
	opacity:1
}
}@keyframes q-fade {
	0% {
	opacity:0
}
to {
	opacity:1
}
}@-webkit-keyframes q-ie-spinner {
	0% {
	opacity:.5
}
50% {
	opacity:1
}
to {
	opacity:.5
}
}@keyframes q-ie-spinner {
	0% {
	opacity:.5
}
50% {
	opacity:1
}
to {
	opacity:.5
}
}.playlist-item {
	cursor:pointer;
	padding-left:8px;
	padding-right:8px
}
.playlist-item:hover {
	background-color:#000
}
.playlistViewTab input {
	display:inline-block;
	color:#000;
	background:#fff;
	border:2px solid #fff
}
.rating.up {
	color:#8faf1d
}
.buttonBase span {
	vertical-align:middle;
	display:inline-block
}
.greyButton,.orangeButton {
	border:0;
	border-radius:4px;
	display:inline-block;
	font-family:inherit;
	font-weight:400;
	margin:0;
	padding:6px 15px;
	cursor:pointer;
	position:relative;
	outline:0 none;
	text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	vertical-align:top;
	text-decoration:none;
	font-weight:700
}
.greyButton:hover,.orangeButton:hover {
	text-decoration:none
}
.greyButton {
	color:#acacac;
	background:#1f1f1f
}
.greyButton:hover {
	background:#3f3f3f
}
.greyButton.light {
	background:#2f2f2f;
	color:#ccc
}
.greyButton.light:hover {
	background:#4f4f4f
}
.orangeButton {
	color:#000
}
.orangeButton {
	background:#f90
}
.orangeButton:hover {
	background:#ffa31a
}
.error {
	background-color:#fbaca4;
	border:1px solid red;
	color:red;
	font-weight:700;
	margin:0 0 10px 0;
	padding:3px;
	text-align:center
}
.usernameWrap {
	position:relative
}
.usernameWrap .avatarPosition {
	padding-left:20px
}
.usernameWrap {
	display:inline-block
}
.usernameWrap .avatarPosition {
	position:relative
}
::-ms-clear {
	display:none
}
.displayNone {
	display:none
}
html.supportsGridLayout .float-right {
	float:right
}
.thumbs-up {
	width:22px;
	height:25px;
	margin:8px 10px;
	background-position:0 -200px
}
.thumbs-up:hover {
	background-position:0 -166px
}
.thumbs-down {
	background-position:-23px -137px;
	width:21px;
	height:25px;
	margin:8px
}
.thumbs-down:hover {
	background-position:-23px -166px
}
.orangeButton {
	border:0;
	background:#f90;
	color:#000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px
}
.orangeButton {
	border:0;
	background:#f90;
	color:#000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px
}
.orangeButton {
	border:0;
	background:#f90;
	color:#000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px
}
.intentText {
	text-indent:5px
}
#playlistTopHeader h1 {
	display:inline-block;
	margin-right:5px
}
#playlistTopHeader .playlistTitle {
	cursor:pointer;
	font-size:20px;
	line-height:20px;
	font-weight:bold
}
#playlistTopHeader .playlistTitle:hover {
	text-decoration:underline
}
#playlistTopHeader .rating {
	font-size:2em
}
#userPlaylistActions .votes-fav-wrap i {
	margin:0;
	font-size:18px
}
#userPlaylistActions .votes-fav-wrap .icon-wrapper i,#userPlaylistActions .votes-fav-wrap .icon-wrapper span {
	float:left;
	font-size:24px
}
#userPlaylistActions .votes-fav-wrap .icon-wrapper span {
	padding-left:5px
}
#userPlaylistActions .votes-fav-wrap .icon-wrapper i.thumbs-up {
	background-position:0 0
}
#userPlaylistActions .votes-fav-wrap .icon-wrapper i.thumbs-down {
	background-position:-18px 0
}
#userPlaylistActions .votes-fav-wrap .icon-wrapper:hover i.thumbs-up {
	background-position:0 -18px
}
#userPlaylistActions .votes-fav-wrap .icon-wrapper:hover i.thumbs-down {
	background-position:-18px -18px
}
#userPlaylistActions .votes-fav-wrap #favoritePlaylist {
	background:0;
	border:0;
	margin-right:34px
}
#userPlaylistActions .votes-fav-wrap #favoritePlaylist:hover i {
	background-position:-36px -18px
}
#userPlaylistActions .errorMessage,#userPlaylistActions .errorMessageSpam {
	color:red;
	display:none;
	font-size:14px;
	text-align:center;
	padding:10px;
	border-radius:6px;
	background:#500;
	margin-bottom:10px
}
#userPlaylistActions .errorMessage.playlistErrorHolder {
	display:block
}
#userPlaylistActions .errorMessage.playlistErrorHolder.displayNone {
	display:none
}
#userPlaylistActions button.playlistButtons {
	margin-left:10px;
	background:0;
	border:0;
	border-bottom:2px solid #1b1b1b;
	color:#848484;
	cursor:pointer;
	position:relative
}
#userPlaylistActions button.playlistButtons i,#userPlaylistActions button.playlistButtons span.text {
	float:left
}
#userPlaylistActions button.playlistButtons i {
	width:12px;
	height:12px;
	margin:2px 4px 0 0;
	float:left
}
#userPlaylistActions button.playlistButtons i.share {
	background-position:-66px 0
}
#userPlaylistActions button.playlistButtons i.comment {
	width:16px;
	background-position:-62px -56px
}
#userPlaylistActions button.playlistButtons i.info {
	width:12px;
	background-position:-54px 0
}
#userPlaylistActions button.playlistButtons:hover i.share {
	background-position:-66px -12px
}
#userPlaylistActions button.playlistButtons.active i.info,#userPlaylistActions button.playlistButtons:hover i.info {
	background-position:-54px -12px
}
#shareSectionWrap.playlistViewTab {
	position:relative;
	min-height:120px;
	float:left;
	width:auto;
	margin:0
}
.playlist_action {
	font-size:1.34rem
}
.playlistViewTab .dropdownTrigger .filterListItem {
	left:0;
	min-width:auto;
	top:26px
}
.playlistViewTab.displayNone {
	display:none
}
.playlistViewTab .tagsWrap {
	margin:15px 0;
	color:#848484;
	word-wrap:break-word
}
.playlistViewTab .description {
	word-wrap:break-word
}
@media all {
	.orangeButton {
	border:0;
	background:#f90;
	color:#000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.thumbs-up {
	width:22px;
	height:25px;
	margin:8px 10px;
	background-position:0 -200px
}
.thumbs-up:hover {
	background-position:0 -166px
}
.thumbs-down {
	background-position:-23px -137px;
	width:21px;
	height:25px;
	margin:8px
}
.thumbs-down:hover {
	background-position:-23px -166px
}
}.playlistViewTab .description {
	padding-top:0
}
.playlistViewTab .active i.icon {
	color:#ff0018
}
.playlistitem {
	padding:6px;
	list-style-type:none;
	position:relative
}
.playlistitem .title {
	font-size:14px;
	padding:6px
}
.playlistitem .wrapFix img {
	width:100%
}
.playlistitem .number {
	position:absolute;
	top:0;
	background:#f44336;
	right:0;
	padding:6px;
	font-weight:bold
}
.thumbnail-info-wrapper {
	margin-top:4px
}
.linkWrapper {
	position:relative
}
.playlists {
	padding:0;
	margin-left:0;
	margin-right:0
}
.toolbar .tab-item,.toolbar .items {
	align-items:center;
	display:inline-flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	background:0 0 !important
}
.toolbar {
	margin-top:5px;
	margin-bottom:5px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	align-content:stretch
}
img.svg path {
	fill:#cf2d28
}
.unlike-link.active svg path,.like-link.active svg path {
	fill:#cf2d28
}
.view_count svg path {
	fill:#525252
}
.view_count svg {
	width:23px;
	height:23px
}
.like svg {
	width:28px;
	height:28px
}
.like svg {
	margin-right:8px
}
.player-container .toolbar .tab-item {
	margin-top:0 !important;
	margin-right:10px !important;
	margin-bottom:0 !important
}
.col .bottom {
	z-index:3;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	opacity:1;
	filter:"alpha(opacity=$ {
	opperc
}
)";
	-webkit-transition:all .12s ease-out;
	-moz-transition:all .12s ease-out;
	-ms-transition:all .12s ease-out;
	-o-transition:all .12s ease-out;
	transition:all .12s ease-out}.col .bottom .thumb-info {
	z-index:3;
	display:block;
	clear:both;
	font-size:11px;
	color:#fff;
	padding:4px 10px;
	margin-right:4px
}
.col .title-overlay {
	z-index:2;
	position:absolute;
	bottom:24px;
	left:0;
	width:100%;
	height:30%;
	background-image:linear-gradient(top,transparent 0,#000 100%);
	background-image:-moz-linear-gradient(top,transparent 0,#000 100%);
	background-image:-webkit-linear-gradient(top,transparent 0,#000 100%);
	background-image:-moz-ms-gradient(top,transparent 0,#000 100%);
	background-image:-o-linear-gradient(top,transparent 0,#000 100%);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	-webkit-opacity:.5;
	opacity:.5;
	filter:"alpha(opacity=$ {
	opperc
}
)";
	-webkit-transition:all .14s ease-out;
	-moz-transition:all .14s ease-out;
	-ms-transition:all .14s ease-out;
	-o-transition:all .14s ease-out;
	transition:all .14s ease-out}@media (min-width:1200px) {
	.col .title-overlay {
	bottom:30px
}
}.col .thumb-title {
	z-index:3;
	display:block;
	clear:both;
	color:#fff;
	font-size:12px;
	line-height:12px;
	font-weight:600;
	white-space:nowrap;
	padding:6px 10px;
	margin:0;
	overflow:hidden
}
@media (min-width:1200px) {
	.col .thumb-title {
	font-size:14px;
	line-height:20px
}
}.nothover .col:active .bottom,.nothover .col:focus .bottom,.nothover .col:hover .bottom {
	bottom:0;
	-moz-opacity:1;
	opacity:1;
	filter:"alpha(opacity=$ {
	opperc
}
)"}.nothover .col:active .bottom .thumb-info,.nothover .col:focus .bottom .thumb-info,.nothover .col:hover .bottom .thumb-info {
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-opacity:0;
	opacity:0;
	filter:"alpha(opacity=$ {
	opperc
}
)"}.thumb-info {
	display:block;
	clear:both
}
.thumb-info li {
	float:left;
	list-style:none;
	margin-right:8px
}
.thumb-info li:last-child {
	margin-right:0
}
.thumb-info li .icon {
	position:relative;
	top:1px
}
.col .linkWrapper {
	overflow:hidden;
	display:block;
	height:100%
}
.playlist-thumb img {
	width:100%
}
.thumb_playlist .linkWrapper .playlist-videos {
	position:absolute;
	display:block;
	width:30%;
	height:100%;
	top:0;
	right:0;
	padding:5px 0;
	background:rgba(34,34,34,.7);
	color:#ccc;
	font-size:14px;
	text-align:center
}
.thumb_playlist .playlist-videos span {
	display:block
}
.thumb_playlist .playlist-videos .number span {
	font-weight:700
}
.thumb_playlist .playlist-videos .playlist-thumb {
	margin:7px auto;
	position:relative
}
.playlist-videos .playlist-thumb {
	padding:1px 3px
}
.thumb_playlist:hover .playlist-links {
	display:block !important
}
.playlist-links {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	top:0;
	z-index:4;
	display:none
}
@media (min-width:1200px) {
	.playlist-links {
	bottom:30px;
	height:165px
}
}.playlist-links a {
	display:block;
	height:50%;
	text-align:center;
	background:rgba(34,34,34,.6);
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	z-index:4
}
.playlist-links a:hover {
	background:rgba(34,34,34,.9)
}
.playlist-links a span {
	position:relative;
	top:45%
}
.thumb_playlist .thumb-title {
	background:#222
}
.thumb_playlist .thumb-title a {
	color:var(--text-color1);
	text-decoration:none
}
.thumb_playlist {
	position:relative
}
.thumb_playlist {
	padding:0 6px 6px 0;
	overflow:hidden
}
.thumb_playlist img {
	width:100%;
	height:100%
}
.playlist_stats {
	width:40%
}
.playlist_stats_col {
	float:left;
	width:33%;
	text-align:center
}
.playlist_stats_text {
	color:#bbb;
	margin-bottom:3px;
	text-transform:uppercase;
	display:block
}
.playlist_stats_value {
	font-weight:700;
	font-size:24px;
	display:block
}
.playlist-action,.icon-wrapper {
	cursor:pointer
}
.icon-wrapper.active {
	color:#ff0018
}
.playlist-action i {
	color:var(--text-color3)
}
:root {
	--gold:#e1b355
}
@font-face {
	font-family:'Material Icons';
	font-style:normal;
	font-weight:400;
	src:url(MaterialIcons-Regular.eot);
	src:local('Material Icons'),local('MaterialIcons-Regular'),url(MaterialIcons-Regular.woff2) format('woff2'),url(MaterialIcons-Regular.woff) format('woff'),url(MaterialIcons-Regular.ttf) format('truetype')
}
.md-icon,.material-icons {
	font-family:'Material Icons';
	font-weight:normal;
	font-style:normal;
	font-size:24px;
	display:inline-block;
	line-height:1;
	text-transform:none;
	letter-spacing:normal;
	word-wrap:normal;
	white-space:nowrap;
	direction:ltr;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	font-feature-settings:'liga'
}
.container-fluid,.container {
	padding-left:0 !important;
	padding-right:0 !important
}
.common_menu {
	border-radius:8px
}
.common_menu .q-item a {
	color:var(--text-color)
}
.common_menu::before {
	content:"";
	display:block;
	width:0;
	z-index:10;
	height:0;
	border-width:10px;
	border-style:solid;
	border-image:initial;
	border-top-color:transparent;
	border-right-color:transparent;
	border-left-color:transparent;
	border-bottom-color:var(--background-color);
	position:absolute;
	top:-20px;
	left:calc(50% - 10px)
}
.unloaded-mark,.websites__link,#cf_alert_div,[v-cloak],.none {
	display:none !important;
	opacity:0
}
.ui.container.flex {
	display:flex
}
li,ol,ul {
	list-style:none;
	padding:0;
	margin:0
}
#orginal_video_player {
	width:100% !important;
	height:100% !important
}
.cl:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.cl {
	clear:both;
	zoom:1
}
.avdata .title_fanhao {
	position:absolute;
	bottom:.54rem;
	left:.54rem;
	z-index:2
}
.title_fanhao {
	background-color:#f00;
	padding:3px 3px;
	color:#efe8e8;
	line-height:15px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:11px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:65%
}
._limit_watch,_limit_watch {
	display:block;
	width:100%;
	height:100%;
	background:#000;
	top:0;
	left:0;
	z-index:111
}
.avdata .zh_sub {
	position:absolute;
	top:5px;
	left:5px;
	color:#FFF;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background-image:-webkit-linear-gradient(223deg,#bd5aff,#f09);
	background-image:-o-linear-gradient(223deg,#bd5aff 0,#f09 100%);
	background-image:linear-gradient(227deg,#bd5aff,#f09);
	-webkit-box-shadow:0 3px 6px 0 rgba(215,0,255,.46);
	box-shadow:0 3px 6px 0 rgba(215,0,255,.46);
	border-radius:50%
}
.mr-auto {
	margin-right:auto !important
}
.ml-auto {
	margin-left:auto !important
}
.one .avdata {
	width:100%
}
.loading.lazy,.loaded.lazy {
	opacity:1
}
.lazy {
	-webkit-transition:opacity 500ms ease-in-out;
	-moz-transition:opacity 500ms ease-in-out;
	-o-transition:opacity 500ms ease-in-out;
	transition:opacity 500ms ease-in-out;
	max-width:100%;
	opacity:0
}
.doc-note {
	background-color:#f5f5f5;
	border-color:#eee;
	border-radius:4px;
	border-style:solid;
	border-width:0 5px;
	font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
	font-size:1em;
	letter-spacing:.5px;
	line-height:1.35em;
	margin:16px 0;
	padding:16px 24px
}
.doc-note>p {
	margin-bottom:0
}
.doc-note--tip {
	background-color:#daf8e1;
	border-color:#9cedaf
}
.doc-note--tip {
	color:#111
}
.doc-note--tip p {
	color:#1d1d1d
}
.doc-note--tip .doc-link {
	color:#15792d
}
.doc-note__title {
	font-weight:500;
	padding-bottom:8px
}
.q-page-container:target {
	scroll-margin-top:66px
}
.doc-page>div {
	margin-bottom:22px
}
.doc-link {
	border-bottom:1px dotted;
	color:#00b4ff;
	font-weight:500;
	outline:0;
	text-decoration:none;
	transition:opacity .2s;
	vertical-align:center;
	white-space:nowrap
}
.doc-link:hover {
	opacity:.8
}
.doc-note--warning {
	background-color:#fcf2d7;
	border-color:#f9e09b
}
.q-badge--floating {
	position:absolute
}
@media (max-width:640px) {
	.m-100>.col-2,.m-100>.col-6,.m-100>.col-3,.m-100>.col-9,.m-100>.col-8,.m-100>.col-4,.m-100>.col-10 {
	width:100% !important;
	flex:0 0 auto;
	max-width:100% !important
}
.vip_container.tip-containr {
	position:fixed;
	top:120px
}
}i.icon {
	height:auto
}
.__link_view a {
	margin-right:6px
}
.tpdialog.q-card,.up-dialog-auto.q-card {
	margin-top:-16.88%
}
.tab-item.toolbar-gg .ui.button {
	padding-left:.4em;
	padding-right:.4em
}
.toolbar-gg a {
	font-size:12px;
	font-weight:bold;
	color:var(--q-color-negative)
}
.vip-cover {
	position:absolute;
	width:100%;
	height:100%;
	background:#000
}
.child,.vip-container,.vip-only {
	position:absolute;
	width:100%;
	text-align:center;
	z-index:1;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%)
}
.vip-container .desciption,.vip-only .desciption {
	text-align:center;
	color:#e0e0e0
}
.cover_image_url {
	position:absolute;
	width:100%;
	height:100%
}
.ui[class*="center aligned"].grid {
	margin:auto
}
.plr0 {
	padding-left:0;
	padding-right:0
}
.pl0 {
	padding-left:0 !important
}
.pr0 {
	padding-right:0 !important
}
.ui.gold.button {
	background-color:var(--gold);
	color:#fff;
	text-shadow:none;
	background-image:none
}
.form-control-ex {
	font-size:13px;
	line-height:17px;
	letter-spacing:.04em;
	text-transform:inherit;
	font-weight:normal;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	margin:5px 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:1px solid #e1e1e1;
	border-radius:0;
	height:38px;
	padding:10px 10px;
	color:#000
}
#collect-link {
	cursor:pointer
}
#collect-link.active i {
	color:#bd0000;
	font-size:1.2em
}
.container.row {
	padding-left:0;
	padding-right:0;
	margin-right:0;
	margin-left:0;
	margin:auto
}
.view_count svg {
	margin-right:4px
}
.hd-container .high_resolution {
	display:none
}
.preview-video-container {
	min-height:80px;
	aspect-ratio:505 / 259;
	background:#4a4a4a
}
.preview-video-player {
	height:100%;
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	-webkit-transition:opacity .3s ease;
	transition:opacity .3s ease;
	display:none;
	object-fit:fill
}
.hover .preview-video-player {
	display:block;
	z-index:899
}
.load-progress {
	position:absolute !important;
	z-index:899;
	top:0 !important;
	left:0 !important;
	width:100%;
	margin:0;
	display:none
}
.load-progress .progress {
	background:transparent
}
.vip_container {
	position:absolute;
	z-index:98;
	top:10px
}
.__vip_video_container {
	position:relative
}
.vip_container .tip {
	background:#000;
	margin-left:16%;
	color:#fff;
	border-radius:2px;
	padding:8px
}
.video-text-icon {
	position:absolute;
	top:.54rem;
	right:.54rem;
	border:0;
	background-color:#1894ff;
	color:#fff;
	padding:2px 4px 0 5px;
	border-radius:3px;
	z-index:2
}
.vip_video_mark {
	position:absolute;
	top:30px;
	left:10px;
	background:var(--gold);
	color:#1b1b1b;
	padding:3px 6px;
	font-size:10px;
	font-weight:bold;
	border-radius:4px;
	z-index:9
}
.q-img__content .doc-tip-container {
	padding:0
}
.doc-tip-container .doc-note--tip {
	margin-top:-16%
}
.platform-ios .videojs_player {
	height:100%;
	position:absolute;
	width:100%
}
.like-link.active svg {
	color:#f00
}
.unlike-link svg,.like-link svg {
	color:#968f8f
}
.collect.active svg {
	color:#ff000b
}
.menu-gg li a:first-child {
	padding-left:0 !important
}
.actor_detail p {
	margin:0 0 8px
}
.related-posts-bottom button {
	margin:auto;
	text-align:center;
	display:block
}
.ads-tag {
	position:absolute;
	top:6px;
	left:0;
	padding:8px;
	background:#111;
	opacity:.8;
	font-size:12px;
	color:#FFF
}
.control-label {
	padding-top:7px;
	margin-bottom:0;
	text-align:right
}
.extend-via-pseudo-elem {
	position:relative
}
.extend-via-pseudo-elem::before {
	content:'';
	position:absolute;
	top:-20px;
	right:-20px;
	bottom:-20px;
	left:-20px
}
.showingCounter {
	clear:both;
	color:var(--text-color3);
	float:left;
	font-size:12px;
	width:100%
}
#to_top a {
	color:#e86256;
	text-decoration:none
}
.cd-container {
	width:90%;
	max-width:768px;
	margin:2em auto
}
.cd-container::after {
	content:'';
	display:table;
	clear:both
}
.cd-top {
	display:inline-block;
	height:40px;
	width:40px;
	position:fixed;
	box-shadow:0 0 10px rgba(0,0,0,0.05);
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:rgba(232,98,86,0.8) url(cd-top-arrow.svg) no-repeat center 50%;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity .3s 0,visibility 0 .3s;
	-moz-transition:opacity .3s 0,visibility 0 .3s;
	transition:opacity .3s 0,visibility 0 .3s;
	z-index:9999
}
.cd-top:hover {
	box-shadow:rgba(255,138,115,0.5) 0 5px 25px 0;
	bottom:30px
}
.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover {
	-webkit-transition:opacity .3s 0,visibility 0 0;
	-moz-transition:opacity .3s 0,visibility 0 0;
	transition:opacity .3s 0,visibility 0 0
}
.cd-top.cd-is-visible {
	visibility:visible;
	opacity:1
}
.cd-top.cd-fade-out {
	opacity:.5;
	z-index:10000
}
.no-touch .cd-top:hover {
	background-color:#e86256;
	opacity:1
}
.cd-top {
	right:20px;
	bottom:20px
}
#video_server_list {
	font-size:12px
}
#video_server_list .server_name {
	font-weight:bold
}
.-section {
	margin-bottom:12px
}
.avdata .cover-div{
	aspect-ratio: 505 / 320;
	overflow:hidden;
}
.avdata .cover-img {
	width:100%;
	aspect-ratio: 505 / 320;
	overflow:hidden;
	
}
:root {
	--aspect-ratio:505 / 320
}
::selection {
	background:#600000;
	color:#fff
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block
}
body {
	font-family:'PT Sans',Arial,Helvetica,sans-serif;
	font-size:14px;
	background:#191919 !important;
	color:#e0f2f1
}
a {
	color:#fff;
	text-decoration:none
}
a:hover {
	color:#ff0039
}
a:active,a:hover {
	outline:0;
	text-decoration:none !important
}
.w-site {
	max-width:1282px;
	margin:0 auto
}
.container.w-site {
	width:1282px
}
.header-main .wrapper-1 .wrapper-1-1-1 {
	position:relative;
	padding:0
}
.header-main .wrapper-1 .wrapper-1-3 {
	min-height:36px;
	line-height:36px;
	text-align:center;
	background-color:rgba(25,25,25,0.95)
}
.sitelogo {
	float:left
}
.footer-main .wrapper-1 .wrapper-1-2-1-1 {
	float:left;
	width:40%
}
.footer-main .wrapper-1 .wrapper-1-2-1-2 {
	float:right;
	width:50%
}
.footer-main .wrapper-1 .wrapper-1-3 {
	line-height:46px;
	padding:8px
}
.footer-main .wrapper-1 .footer-advertising {
	text-align:center
}
.footer-main .wrapper-1 .footer-advertising h1 {
	clear:both;
	margin-top:10px
}
.section {
	}.section-content {
	padding:0 6px
}
.colums {
	}.section-content .column-left {
	float:left;
	width:77.5%
}
.section-content .column-right {
	float:right;
	width:22%;
	text-align:center
}
.container-main .container-header {
	position:relative;
	margin-top:8px
}
.container-main .container-header h2 {
	float:left;
	padding:0 6px 0 0;
	line-height:26px;
	font-size:22px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:3px
}
.container-main .container-header .filter-video {
	float:right
}
.container-main .container-header .filter-video>span {
	margin-left:6px
}
.container-main .container-header .found-videos {
	font-size:12px;
	font-weight:normal
}
.container-main .container-header .studio-name,.container-main .container-header .video_tag,.container-main .container-header .video-search {
	background:#fff;
	color:#000
}
.pagination {
	font-size:16px
}
.pagination a {
	display:inline-block;
	position:relative;
	padding:6px 12px;
	margin:4px;
	border-radius:4px;
	background:var(--primary);
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	font-size:14px
}
.pagination a.active,.pagination a:hover {
	background:#393939;
	color:#fff !important
}
.pagination .info {
	color:#fff
}
.player {
	background:#121212
}
.player .videoholder {
	position:relative;
	height:0;
	margin:0 0 4px
}
.player .videoholder iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important
}
.player-bottom {
	margin-bottom:10px
}
.player-bottomads {
	margin-bottom:10px;
	text-align:center
}
.player-bottomads img {
	width:96%;
	max-width:788px
}
.btn .btn-item a {
	position:relative;
	display:inline-block;
	padding:2px 12px;
	border:#ff0039 solid 1px;
	border-radius:4px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background:#ff0039;
	cursor:pointer
}
.btn .btn-selected-item a,.btn .btn-item a:hover {
	color:#fff;
	background:#393939;
	border:#393939 solid 1px
}
.btn-dropdown {
	position:relative;
	display:inline-block;
	line-height:26px;
	white-space:nowrap
}
.btn-dropdown .btn-item {
	display:block;
	padding:2px 12px;
	text-transform:uppercase
}
.btn-dropdown .btn-selected-item {
	position:relative;
	padding-right:26px;
	background:#ff7e00;
	border:#ff7e00 solid 1px;
	border-radius:4px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	cursor:pointer
}
.btn-dropdown .btn-selected-item:after {
	position:absolute;
	content:'';
	right:8px;
	top:40%;
	width:0;
	height:0;
	font-size:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #fff
}
.btn-dropdown .btn-dropdown-menu {
	position:absolute;
	min-width:160px;
	overflow:hidden;
	padding-top:6px;
	z-index:99998;
	right:0;
	border-radius:2px;
	font-size:13px;
	box-shadow:-5px 5px 0 rgba(0,0,0,0.35);
	display:none
}
.btn-dropdown .btn-dropdown-menu .btn-item {
	margin:0;
	background:#272727;
	border:#191919 solid 1px;
	color:#fff;
	display:block
}
.btn-dropdown:hover .btn-dropdown-menu {
	}.btn-dropdown .btn-dropdown-menu .btn-activ-item,.btn-dropdown .btn-dropdown-menu .btn-item:hover {
	background:#ff7e00 !important;
	border-top:#2f2f2f solid 1px;
	border-bottom:#2f2f2f solid 1px;
	color:#fff
}
.btn-dropdown .btn-selected-item:hover {
	background:#393939;
	border:#393939 solid 1px
}
.btn-dropdown.dtn-open .btn-dropdown-menu {
	display:block
}
.ascdesc {
	display:block;
	float:right
}
.ascdesc a {
	display:block;
	width:22px;
	height:32px;
	line-height:32px;
	font-size:12px;
	font-weight:bold;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAIAAAGjDothAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAhUlEQVR4nF1Q0RFEERDzsU1QikIoA5XQhitMHReXjDMy82ZHkk0e5r13zhm+MYaVUkwTYwvS11qyiUwp0RFC2PTnB+kc2AFVa1VI7721Jp2BACg7h5zz1pHpLtgpUx+bQNGofOAY55zsUt2dwB6ApvfvH9izegM7xtXHxHv/n+KYYowUiC97NlLg/PoTigAAAABJRU5ErkJggg==) no-repeat center center !important
}
.video-listing {
	}.video-listing:hover a {
	color:#ff0039
}
.video-listing .thumb-wrapper {
	position:relative
}
.video-listing .ico {
	position:absolute;
	display:block;
	padding:4px 5px;
	border-radius:2px;
	background-color:rgba(255,0,0,1);
	color:#FFF;
	font-size:11px;
	font-weight:bold
}
.video-listing .ico-p {
	top:2px;
	left:2px
}
.video-listing .ico-time {
	right:2px;
	bottom:2px
}
.video-listing .video-details div {
	font-size:13px;
	color:#858585;
	height:18px;
	line-height:18px;
	margin-top:4px
}
.video-listing .video-details .video-date {
	margin-right:6px
}
.video-listing .video-details .video-views {
	color:#F2F6FC
}
.video-listing.vid-deleted {
	}
.video-listing.vid-deleted .thumb-wrapper:after {
	position:absolute;
	display:block;
	top:4px;
	right:4px;
	padding:6px;
	border-radius:2px;
	background-color:rgba(255,0,0,0.7);
	font-size:12px;
	letter-spacing:4px;
	content:'DELETED:('
}

.topnav>ul>li:hover,.topnav>ul>li.current-item {
	color:var(--text-color3)
}
.topnav>ul>li.current-item a {
	color:#f08000;
	font-weight:bold
}
.topnav>ul>li>a {
	color:var(--link-color)
}
.topnav-wrapper {
	position:relative
}
.topnav ul {
    width:100%;
	float:left;
	margin:0;
	padding:0
}
@media (max-width:767px) {
	.topnav>ul>li {
		float:left;
		width:20%;
		padding:0;
		overflow:hidden;
	}
}
@media (min-width:768px) {
	.topnav>ul>li {
		float:left;
		padding-right:7px;
	}
	.topnav>ul>li[class*="pc"]{
		display:none;
	}
}
/*
.topnav>ul>li>a:first-child {
	padding-left:0
}
*/
.topnav>ul>li>a {
	padding-left:5px;
	line-height:30px;
	font-size:14px;
	text-transform:uppercase;
	display:block
}
.topnav>ul>li:hover>div {
	display:block
}

.mobile-menu-button {
	position:absolute;
	top:6px;
	right:6px;
	background:#191919;
	display:none
}
.mobile-menu-button>span {
	display:inline-block;
	float:right;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50%;
	cursor:pointer
}
.page-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:998;
	display:none
}
.mobile-nav-menu {
	position:fixed;
	width:100%;
	max-width:320px;
	height:calc(100% - 54px);
	top:0;
	right:-420px;
	padding:0 0 5.3rem 0;
	z-index:999;
	transition:.3s left;
	background-color:#111;
	overflow:hidden
}
.mobile-nav-menu nav {
	}.mobile-nav-menu nav div {
	height:80px;
	border-bottom:#000 solid 2px
}
.mobile-nav-menu nav ul {
	}.mobile-nav-menu nav ul li {
	width:100%
}
.mobile-nav-menu nav ul li:hover {
	background:#222;
	color:#fff
}
.mobile-nav-menu nav ul li a {
	display:block;
	padding:11px 8px;
	border-bottom:#000 solid 2px;
	font-size:13px;
	text-transform:uppercase
}
.mobile-nav-menu nav ul li.current-item {
	background:#ff0039
}
.mobile-nav-menu nav ul li:hover a {
	color:#fff
}
body.mobile-menu-open .mobile-nav-menu {
	right:0
}
body.mobile-menu-open .page-overlay {
	display:block
}
.partnier-top-nav {
	}.partnier-top-nav li {
	}.partnier-top-nav li a {
	}.ui-tabs {
	}.ui-tabs>ul li.ui-tab-button-activ {
	background:#121212
}
.ui-tabs>ul li {
	float:left;
	border-top:#424242 solid 1px;
	border-left:#424242 solid 1px;
	border-right:#424242 solid 1px;
	border-radius:4px 4px 0 0
}
.ui-tabs>ul li a {
	padding:6px 8px;
	font-weight:bold;
	text-transform:uppercase;
	display:block
}
.ui-tabs .ui-tab {
	display:none
}
.ui-tabs .ui-tab .ui-tab-inner-wrapper {
	overflow:auto
}
.ui-tabs .ui-tab-activ {
	display:block
}
.ui-tabs>ul li:hover {
	background:#393939;
	color:#000
}
.ui-tabs.ui-tabs-video-bottom ul {
	border-bottom:#424242 solid 1px
}
.ui-tabs.ui-tabs-video-bottom>div {
	margin:10px 0
}
.ui-tabs.ui-tabs-video-bottom>ul li a {
	color:#fff
}
.ui-tabs.ui-tabs-video-bottom>ul li.ui-tab-button-activ {
	background:#121212
}
.ui-tabs.ui-tabs-video-bottom .ui-tab-comments .ui-tab-inner-wrapper {
	padding:3px;
	padding-bottom:80px
}
.ui-tabs.ui-tabs-video-details {
	margin-bottom:10px
}
.ui-tabs.ui-tabs-video-details>ul {
	float:right
}
.ui-tabs.ui-tabs-video-details>ul li {
	}.ui-tabs.ui-tabs-video-details>ul li a {
	}.ui-tabs.ui-tabs-video-details>ul li a:hover {
	color:#fff
}
.ui-tabs.ui-tabs-video-details .ui-tab {
	background:#121212;
	border:#424242 solid 1px;
	border-radius:4px
}
.ui-tabs.ui-tabs-video-details #share {
	padding:10px
}
.ui-tabs.ui-tabs-video-details #share textarea.link,.ui-tabs.ui-tabs-video-details #share textarea.embed {
	width:100%;
	padding:.75em 1em;
	background:#fff;
	color:#000;
	border:#191919 solid 1px;
	display:table-cell;
	border-radius:.25em;
	font-size:1em;
	line-height:1.2rem;
	text-align:left;
	overflow-y:auto;
	vertical-align:middle;
	resize:none;
	cursor:pointer;
	outline:none;
	margin-bottom:10px
}
.ui-tabs.ui-tabs-video-details #share textarea.embed {
	height:90px
}
.ui-tabs.ui-tabs-video-details #share textarea.link {
	margin-top:10px;
	height:40px
}
.ui-tabs.ui-tabs-video-details #share input {
	width:100%;
	height:30px;
	margin-bottom:10px;
	font-size:18px;
	color:#ccc;
	background:#191919;
	border:#191919 solid 1px
}
.ui-tabs.ui-tabs-video-details #download {
	padding:10px;
	text-align:center
}
.ui-tabs.ui-tabs-video-details #download span {
	margin:4px;
	padding:10px;
	background:#191919;
	border-radius:4px;
	display:inline-block
}
.eico {
	}.eico:before {
	position:relative;
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:6px;
	top:2px;
	content:''
}
.eico-time {
	margin-left:12px
}
.eico-comments {
	margin-left:6px
}
.eico-comments a,.eico-comments a:hover {
	display:inline-block;
	width:6px;
	height:10px;
	font-size:12px;
	color:#858585 !important
}
.eico-comments:after {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:-4px;
	margin-right:6px;
	content:''
}
.llist {
	}.llist a {
	display:inline-block;
	margin:3px;
	padding:3px;
	line-height:16px;
	border-radius:2px;
	color:#fff;
	background:#ff0039;
	text-transform:capitalize
}
.llist .label {
	padding-right:2px
}
.llist a:hover {
	background:#121212
}
.llist-2 a {
	display:inline-block;
	line-height:16px;
	font-size:14px;
	text-transform:capitalize
}
.llist-2 span:after {
	content:","
}
.llist-2 span:last-child:after {
	content:""
}
.llist-2 .label {
	padding-right:2px
}
.llist-2 a:hover {
	}.video-details .card {
	padding:10px;
	color:#ccc
}
.video-details .card h1 {
	margin-bottom:5px;
	line-height:2rem;
	font-size:1.25rem
}
.video-details .card>div {
	margin-bottom:10px
}
.video-details .card .starring {
	}.video-details .card .description {
	margin-top:10px
}
.video-details .card .studio {
	margin-top:20px
}
.video-details .video-tags {
	}.container-relates-posts {
	position:relative
}
.container-relates-posts>div {
	position:relative
}
.container-relates-posts>div .rp-mask {
	position:absolute;
	z-index:99998;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.7);
	display:none
}
.container-relates-posts>div #loading-icon {
	position:absolute;
	display:table;
	height:100%;
	width:100%
}
.container-relates-posts>div #loading-icon>div {
	display:table-cell;
	vertical-align:middle
}
.container-relates-posts>div .nofound-video-message {
	margin:24px 6px;
	text-align:center
}
.related-posts-bottom {
	margin:6px 0
}
.related-posts-bottom div {
	text-align:center
}
.related-posts-bottom a {
	display:inline-block;
	margin:0 4px;
	padding:10px;
	border-radius:4px;
	background:#ff0039;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	white-space:nowrap;
	margin:4px
}
.related-posts-bottom a:hover {
	color:#fff
}
.spinner {
	width:26px;
	height:40px;
	margin:0 auto;
	transform:none;
	font-size:10px
}
.spinner>div {
	float:left;
	height:100%;
	width:4px;
	margin-left:2px;
	margin-right:2px;
	display:block;
	background-color:#fff;
	-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
	animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.spinner .rect2 {
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s
}
.spinner .rect3 {
	-webkit-animation-delay:-1.0s;
	animation-delay:-1.0s
}
.spinner .rect4 {
	-webkit-animation-delay:-0.9s;
	animation-delay:-0.9s
}
.spinner .rect5 {
	-webkit-animation-delay:-0.8s;
	animation-delay:-0.8s
}
@-webkit-keyframes sk-stretchdelay {
	0%,40%,100% {
	-webkit-transform:scaleY(0.4)
}
20% {
	-webkit-transform:scaleY(1.0)
}
}@keyframes sk-stretchdelay {
	0%,40%,100% {
	transform:scaleY(0.4);
	-webkit-transform:scaleY(0.4)
}
20% {
	transform:scaleY(1.0);
	-webkit-transform:scaleY(1.0)
}
}.find-on-page {
	position:relative;
	width:250px
}
.find-on-page input {
	width:100%;
	padding:8px;
	font-size:14px;
	color:#ccc;
	border:#E4E4E4 solid 0;
	border-radius:4px;
	background:#272727
}
.find-on-page #found_text {
	width:100%;
	padding:8px;
	border:#313131 solid 1px;
	border-top:#313131 solid 0;
	display:none
}
.find-on-page #found_text .found-substr {
	font-weight:bold;
	text-decoration:underline
}
.find-on-page #found_text a {
	display:block;
	margin:9px 2px;
	font-size:14px
}
.grid-lists {
	margin-top:20px;
	font-size:14px
}
.grid-lists h6 {
	padding:8px;
	text-transform:uppercase
}
.grid-lists ul {
	padding:12px 6px;
	background:#1b1b1b;
	border-radius:2px
}
.grid-lists ul li {
	margin:4px 0;
	text-transform:capitalize
}
.grid-lists ul li span {
	margin:0 6px;
	color:#ccc
}
.nothingfound {
	padding:10px;
	margin-bottom:30px;
	border:#313131 solid 1px;
	text-align:center
}
.nothingfound h1 {
	font-size:38px;
	color:#fff
}
.nothingfound h2 {
	font-size:28px;
	color:#fff
}
.vid-deleted-message {
	position:relative;
	padding-top:10%;
	font-size:16px;
	text-align:center
}
.vid-deleted-message span {
	display:block;
	margin-bottom:20px
}
.vid-deleted-message img {
	max-width:240px
}
.right-advertising {
	}.right-advertising>span {
	display:inline-block;
	margin-bottom:4px
}
.right-advertising h1 {
	margin-bottom:8px;
	font-size:11px;
	color:#cacaca
}
.right-advertising iframe {
	margin-bottom:4px
}
.studio-logo {
	display:inline-block;
	margin-top:10px
}
.studio-logo img {
	max-width:240px;
	border:#424242 solid 1px
}
.ico-search {
	float:left;
	display:block;
	width:15px;
	height:32px;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer
}
.search-block {
	float:right
}
.search-block input {
	margin:0;
	padding:0;
	height:32px;
	border:0
}
.search-block input[type=text] {
	padding-left:8px;
	font-size:14px;
	color:#262626;
	background:#fffcfc
}
input:focus::-moz-placeholder {
	color:#272727
}
input:focus::-webkit-input-placeholder {
	color:#272727
}
.search-block.tsb-open {
	display:block
}
@media (max-width:1010px) {
	.container-main .container-header .filter-video,.container-main .container-header h2 {
	float:none
}
.container-main .container-header .filter-video>span {
	margin-left:0;
	margin-right:6px
}
.container-main .container-header .filter-video {
	margin-top:20px
}
}@media (max-width:1010px) {
	.header-main .wrapper-1 .wrapper-1-3>div {
	display:none
}
}@media screen and (max-width:1142px) {
	.section-content.section-video {
	width:980px;
	margin:0 auto
}
.section-content.section-video .column-left {
	width:69%
}
.section-content.section-video .column-right {
	width:30%
}
}@media screen and (max-width:1010px) {
	.section-content.section-video {
	width:720px;
	margin:0 auto
}
.section-content.section-video .column-left {
	float:none;
	width:100%
}
.section-content.section-video .column-right {
	float:none;
	width:100%
}
}@media screen and (max-width:740px) {
	.section-content.section-video {
	width:auto;
	padding:0 !important
}
}@media (max-width:1010px) {
	.search-block form {
	float:right;
	width:100%
}
.search-block input[type=text] {
	width:100%
}
.search-block input[type=text]:focus {
	width:100%
}
}.grid {
	width:100%
}
@media (min-width:415px) {
	.grid .cell:nth-child(n) {
	clear:none !important
}
.grid .cell:nth-child(2n+1) {
	clear:both !important
}
.grid .cell {
	width:49.999%
}
}@media (min-width:1024px) {
	.grid .cell:nth-child(n) {
	clear:none !important
}
.grid .cell:nth-child(4n+1) {
	clear:both !important
}
.grid .cell {
	width:24.999%
}
}
.video-listing a,.topnav li,.thumb-wrapper,.search-block input,body.mobile-menu-open .mobile-nav-menu,.mobile-nav-menu li {
	-webkit-transition:.2s ease-in-out;
	-moz-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out
}
.hcc {
	font-family:'PT Sans',Arial,Helvetica,sans-serif !important
}
.hc__menu__count,.hc__menu__item {
	color:#fff !important
}
.hc__menu__comment::before {
	width:0;
	height:0;
	margin:12px 0 0 5px;
	border-style:solid;
	border-width:5px 3px 0 3px;
	border-color:#fff transparent transparent transparent !important
}
.hc__nick {
	position:relative;
	font-size:13px;
	color:#ff0039 !important;
	cursor:pointer
}
.hc__message__txt,.hc__message__txt b,.hc__message__txt u,.hc__message__txt i,.hc__message__txt s,.hc__message__txt q,.hc__message__txt code {
	position:relative;
	margin-bottom:10px;
	line-height:20px;
	font-size:14px;
	color:#fff !important;
	word-wrap:break-word
}
.hc__reply__photo img {
	width:45px;
	margin:0;
	padding:0;
	-o-border-radius:0 !important;
	-moz-border-radius:0 !important;
	-khtml-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	border-radius:0 !important;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	-o-box-shadow:0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
	-moz-box-shadow:0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
	-khtml-box-shadow:0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
	box-shadow:0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1)
}
.hc__avatar img {
	width:35px;
	height:35px;
	margin:0;
	padding:0;
	-o-border-radius:0 !important;
	-moz-border-radius:0 !important;
	-khtml-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	border-radius:0 !important;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	-o-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
	-moz-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
	-khtml-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
	box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)
}
.hc__form__send {
	background:#ff0039 !important
}
#description .readmore_text,#description .bless,#description.moreopen .bmore {
	display:none
}
#description.moreopen .readmore_text,#description.moreopen .bless {
	display:inline !important
}
#description .bmore {
	}#description .rmb {
	white-space:nowrap;
	color:#ff0039;
	cursor:pointer
}
.sletter {
	margin:12px 0
}
.sletter a {
	display:inline-block;
	margin-right:4px;
	padding:4px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px
}
.sletter a:hover,.sletter a.activ {
	background:#fff;
	color:#000
}
.selected-letter-list {
	margin-bottom:80px;
	padding:6px
}
.lnothingfound {
	text-transform:capitalize
}
.video-views .view_count {
	color:var(--link-color);
	margin-right:2px
}
html {
	font-size:12px
}
ol,ul {
	list-style:none;
	padding:0
}
table {
	border-collapse:separate;
	border-spacing:0
}
caption,th,td {
	font-weight:normal;
	text-align:left
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
.ui-tab-inner-wrapper h1 {
	font-size:1.8rem;
	font-weight:bold;
	color:var(--text-color);
	line-height:2rem;
	margin-bottom:8px
}
.ui-tab-inner-wrapper {
	margin-bottom:5px;
	margin-top:5px
}
.llist-2 {
	font-size:1rem
}
.video-title {
	line-height:2rem
}
.ui.loading.loading.loading.loading.loading.loading.button {
	background:transparent
}
.heart.icon {
	color:#f35c44
}
@media (max-width:640px) {
	.ui.container.site {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0;
	padding-right:0
}
.grid .cell {
	width:50%;
	padding:4px;
	float:left
}
.grid {
	margin-right:0;
	margin-left:0
}
.application-name p {
	margin:0;
	padding-left:px;
	font-size:21px
}
.site {
	padding-left:4px;
	padding-right:4px
}
.container.w-site {
	width:100%
}
}.ui.inverted.menu {
	background:#0c0b0b !important
}
a.categorie-item {
	margin:0 !important;
	padding:.88rem 0 !important;
	font-size:15px !important;
	color:#444 !important
}
.categorie_item a {
	color:brown;
	padding:1.4rem 1.8rem;
	font-weight:500
}
.categorie_item a:hover {
	background:#B92400;
	color:#fff
}
.upload-tip .item {
	color:rgba(0,0,0,.4)
}
.categorie-items h5 {
	color:#272626
}
.list_item .text {
	margin-right:.7rem;
	text-decoration:none;
	font-weight:600;
	font-size:1rem;
	margin-bottom:.4rem
}
.upload-button .ui.button {
	background-color:#2185d0
}
.upload-button {
	font-size:12px
}
.upload-container * {
	color:#2B333F
}
.__user_tabs {
	width:100%
}
.__user_tabs a {
	color:var(--link-color)
}
.user-menu .q-item a {
	color:var(--link-color)
}
.q-tab__label {
	color:var(--link-color)
}
.user-container-inner {
	padding-left:0;
	padding-right:0
}
.q-notification.text-theme-color,.q-notification.bg-theme-color,.xxbtn .q-btn.bg-theme-color {
	background:#fce13d;
	color:#0a0a0a
}
.xxbtn .q-btn.bg-transparent-color {
	background:rgba(252,225,61,0);
	color:#0a0a0a
}
svg.text-theme-color,.text-theme-color {
	fill:#fce13d;
	color:#fce13d
}
.theme-color--text {
	fill:#fce13d;
	color:#fce13d !important
}
.q-field .col,.q-notification .col {
	padding:0
}
.v-application--wrap .row,.comic_list .row,.q-btn-item .row,.q-tabs .row,.q-tabs.row,.q-field .row,.q-field.row,.chapter_list .row,.TopicHeader.row,.q-dialog .row,.setting .row,.q-item.row,.q-banner.row,.q-banner .row,.q-menu .row,.q-notification .row,.xxbtn .q-btn .row {
	margin-right:0;
	margin-left:0
}
.q-banner .q-btn__content {
	padding:0
}
.q-banner {
	padding:0
}
.chpter_menu.v-btn .v-btn__content {
	color:#0a0a0a
}
.v-application--wrap .theme--light.v-pagination .v-pagination__item--active {
	color:rgba(0,0,0,1);
	font-weight:bold
}
#comment-textarea {
	height:3em
}
@media (max-width:640px) {
	.ui.container.site {
	margin-left:0 !important;
	margin-right:0 !important;
	padding-left:0;
	padding-right:0
}
.grid .cell {
	width:50%;
	padding:4px;
	float:left
}
.grid {
	margin-right:0;
	margin-left:0
}
.application-name p {
	margin:0;
	padding-left:px;
	font-size:21px
}
.site {
	padding-left:4px;
	padding-right:4px
}
.container.w-site {
	width:100%
}
}






/*新增样式开始*/

.header-main{
	/*
	position:fixed;
	top:0;
	height:84px;
	z-index:1000;
	*/
	padding-top:0px;
	width:100%;
    /*
	background-color:#101010;
	*/
}
.pdtop{
	/*
	height:88px;
	*/
}

h2 .t{
	ovflow:hidden;
	float:left;
	margin-right:30px;
	
}
h2 .arrow {
	position:relative;float:left;
}
h2 .arrow a{
	width:50px;
	font-weight:400;font-size:16px;
}

        /**上箭头：利用div的边框旋转*/
        .arrow-top{
            margin-top: 32px;
            margin-left: 20px;
            width: 10px;
            height: 10px;
            border-top: 1px solid #757575;
            border-right: 1px solid #757575;
            transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
        }
        /*右箭头：利用css伪类:after旋转*/
        .arrow-right:after {
            content: "";
            position: absolute;
            top: 10px;
            left:30px;
            margin: 0px;
            border-right: 1px solid #CDCDCD;
            border-bottom: 1px solid #CDCDCD;
            width: 10px; height: 10px;
            transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
        /*rotate(-45deg)等同于矩阵转换matrix(0.71, 0.71, 0.71, -0.71, 0, 0)*/
            /*transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);*/
        }
        /*下箭头：利用css伪类:after与矩阵*/
        .arrow-bottom:after {
            content: "";
            position: absolute;
            top: 6px;
            left: 100px;
            margin: 20px;
            border-right: 1px solid #757575;
            border-bottom: 1px solid #757575;
            width: 10px;
            height: 10px;
            transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
        }
        /*左箭头：利用css伪类:after与矩阵*/
        .arrow-left:after {
            content: "";
            position: absolute;
            top: 10px;
            left: 150px;
            margin: 20px;
            border-right: 1px solid #757575;
            border-bottom: 1px solid #757575;
            width: 10px;
            height: 10px;
            transform: matrix(-0.71,-0.71, -0.71, 0.71, 0, 0)
        }

.searchmini{
	margin-right:1.5rem;width:3.5rem;height:3.5rem;flex-shrink:0;fill:#9ca3af;
}
.sitelogo{
	width:80%;text-align:center;
	padding-left:4rem;
}
.pd08{
	padding-left:0.8rem;
}
/*新增样式完成*/

/* wrap-menu start */
.wrap-menu dl,.wrap-menu dt,.wrap-menu dd{margin:0;padding:0;}
.wrap-menu{margin:0 auto;width:1270px;overflow:hidden;color:#aaa;}

.wrap-menu .m{margin-top:5px;border-radius:5px;box-sizing:border-box;background:#101010;padding:0 20px;}
.wrap-menu .m dl{float:left;width:100%;padding:5px 0;}
.wrap-menu .m dl:first-child{border-top:0;}
.wrap-menu .m dl,#subMenuBox dl{border-top:1px solid rgba(255,255,255,.1);}
.wrap-menu .m dt,.wrap-menu .m dd{float:left;line-height:40px;text-align:center;}
.wrap-menu .m dt{width:8%;font-size:18px;}
.wrap-menu .m dt a {color:#FFFF80;}
.wrap-menu .m dt a:hover{color:#FFFF80;}
.wrap-menu .m dt:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background:rgba(255,255,255,.2);}
.wrap-menu .m dt .cur,.wrap-menu .m dd .cur{color:#ffbf00;}
.wrap-menu .m #subMenuBox {display: none;}

.wrap-menu .m dd{width:11.5%;font-size:16px;color:#fff;}
.wrap-menu .m dd a {color:#fff;text-overflow: ellipsis; white-space: nowrap;}
.wrap-menu .m dd a:hover{color:#ffbf00;}
.wrap-menu .m dd.cur a {color:#ffbf00;text-overflow: ellipsis; white-space: nowrap;}
.wrap-menu .m dd.cur a:hover{color:#ffbf00;}

@media screen and (max-width:1280px){
	.wrap-menu{width:100%;}
	.wrap-menu .m{margin-top:5px;}
	.wrap-menu .m dt:after{margin:13px 2.1% 0;}
}
@media screen and (max-width:760px){
	.wrap-menu .m{margin-top:2px;border-radius:0;padding:0;width:100%;}
	.wrap-menu .m dl{padding:3px 0;}
	.wrap-menu .m dt{width:14%;line-height:56px;font-size:16px;}
	.wrap-menu .m dt:after{margin:22px 3% 0;}
	.wrap-menu .m #subMenuBox {display: block !important;}
	.wrap-menu .m dd{width:21.5%;line-height:26px;font-size:14px;}
}
/* wrap-menu end */



/* warp-novelpic start */

.wrap-novelpic{margin:0 auto;width:1264px;overflow:hidden;color:#aaa;}
@media screen and (max-width:1280px){
	.wrap-novelpic{width:100%;}
}
.wrap-novelpic .textlink {margin-top:10px;padding-top:10px;color: #fff;font-size: 16px;}
.wrap-novelpic .textlink a {color: #fff;}
.wrap-novelpic .title{width:100%;height:30px;margin:0;border-bottom: 1px solid #aaa;}
.wrap-novelpic .title h3{float:left;font-size:16px;color:#f00;line-height:20px;margin:0 0 0 15px;padding:0;font-weight:bold;}
.wrap-novelpic .title h3 a{color:#c5cde9;}
.wrap-novelpic .title h3 a:hover{color:#fff;}
.wrap-novelpic .title h3 em{font-size:26px;padding-right:5px;color:#ffbf00;}
.wrap-novelpic .title .more{float:right;}
.wrap-novelpic .title .total{color: #333;float:right;line-height:40px;font-size:14px;text-align:right;margin-right: 10px;}
.wrap-novelpic .title .total em{padding:0 5px;color:#ffbf00;font-weight:bold;}

/* Mod */
.wrap-novelpic .mod{margin-top:20px;}
.wrap-novelpic .mod .row-book{box-sizing: border-box;background: #202020;padding: 0 10px;}
.wrap-novelpic .mod .row-book dl {display: flex;flex-wrap: nowrap;    padding: 13px 5px 13px 5px;    border-bottom: dashed 1px #404040;font-size:16px;font-weight:normal;}
.wrap-novelpic .mod .row-book dt {display: flex;width:90%;justify-content: flex-start;overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.wrap-novelpic .mod .row-book dt a{color:#fff;text-decoration:none;}
.wrap-novelpic .mod .row-book dt a:hover{color:#FF0000;text-decoration:none;}
.wrap-novelpic .mod .row-book dd {justify-content: end;display: flex;width: 120px;color:#fff;}


/* Content */
.wrap-novelpic .main{background: #202020;box-sizing: border-box;color: #fff;padding: 0 10px;font-size: 16px;}
.wrap-novelpic .main h1{display:block;height:50px;line-height:36px;margin:0;padding-top:15px;color:#fff;font-size:24px;text-align:center;overflow:hidden;}
.wrap-novelpic .main h2{margin:0;padding:0;color: #fff;font-size: 14px; text-align: center;overflow: hidden;border-bottom: 1px solid #404040;}
.wrap-novelpic .main .content {margin-top:10px;}
.wrap-novelpic .main .content img{display:block;margin:20px auto;width:expression(this.width> 1300 ? 1300 : true);}
.wrap-novelpic .main .content p{padding:5px 0;text-indent:2em;line-height:30px;}
.wrap-novelpic img{max-width: 97%;    max-height: 100%;    width: expression(this.width > 700 && this.height < this.width ? 700:true);    height: auto;    margin: 10px auto;    display: block;    padding: 1px;}

/* warp-novelpic end */

/* dplayer css start */
@media (min-width:768px) {
    .dplayer-container[class*="9:16"] {
        width:30%;
    }
    .dplayer-container[class*="16:9"] {
        width:100%;
    }

}
@media (max-width:767px) {
    .dplayer-container[class*="9:16"] {
        width:80%;
    }
    .dplayer-container[class*="16:9"] {
        width:100%;
    }
}
.dplayer-container {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.dplayer-video {
    width: 100%;
    height: auto;
}
/* dplayer css end */

/*临时增加 隐藏下载按钮*/
#downloadCollapse-button{
	display:none;
}