@charset "UTF-8";
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 { box-sizing: content-box; height: 0; overflow: visible }
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, pre { 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 { 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] { 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 }

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/*@font-face {
  font-family: "阿里巴巴普惠体 2.0 65 Medium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/mEVeYO0A8nJw/_p_Zx4wU280TbgIBx653t.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/mEVeYO0A8nJw/i7RX5JR3OjQ5XqPtrh7lT.woff") format("woff");
  font-display: swap;
}
*/
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/*@font-face {
  font-family: "思源黑体 Medium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/mEVeYO0A8nJw/kwqWb9aaaj5366l89V3iC.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/mEVeYO0A8nJw/mrJ2Qz28IDuWNX1Tog5JF.woff") format("woff");
  font-display: swap;
}
*/
/*::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f5f5}
::-webkit-scrollbar-track{background-color:#e0e0e0}
::-webkit-scrollbar-thumb{background-color:#00c250;background-image:-webkit-linear-gradient(45deg,#ff5c00 25%,transparent 25%,transparent 50%,#ff5c00 50%,#ff5c00 75%,transparent 75%,transparent)}*/
/*::-webkit-scrollbar { width: 10px; height: 9px }
::-webkit-scrollbar-track { background-color: #FFF; }
::-webkit-scrollbar-thumb { background-color: #356be8; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent); }
}*/
::-webkit-scrollbar {
	width:10px;
	height:4px;
	background-color:#fff
}
::-webkit-scrollbar-track {
	background-color:#fff
}
::-webkit-scrollbar-thumb {
	background-color:#ccc;
	border-radius:10px
}
.container { margin-left: auto; margin-right: auto }
@media (max-width:575px) {
.container { max-width: 460px; padding-left: 10px; padding-right: 10px }
}
@media (max-width:768px) {
.container { max-width: 720px; padding-left: 15px; padding-right: 15px }
}
@media (max-width:991px) {
.container .container.small { padding: 0 }
}
@media (min-width:992px) {
.container {/* max-width: 960px;*/ padding-left: 20px; padding-right: 20px }
.container.small { max-width: 780px }
}
@media (max-width:1229px) {
.container .container.medium { padding: 0 }
}
@media (min-width:1300px) {
.container { max-width: 1280px }
.container.medium { max-width: 1030px }
.full-screen .container { max-width: 1440px }
}
@media (min-width:1450px) {
.max_width .container { max-width: 1440px }
.max_width .container.medium { max-width: 1020px }
.max_width .col-lg-1-5 { flex: 0 0 20%; width: 20%; max-width: 20% }
}
.container.medium { max-width: 1030px }
.navbar .menu-item-mega>.sub-menu, .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px }
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .navbar .menu-item-mega.mega-col-2>.sub-menu>.menu-item, .navbar .menu-item-mega.mega-col-3>.sub-menu>.menu-item, .navbar .menu-item-mega.mega-col-6>.sub-menu>.menu-item, .navbar .menu-item-mega>.sub-menu>.menu-item { min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; width: 100% }
.col-1 { flex: 0 0 8.333333%; max-width: 8.333333% }
.col-2 { flex: 0 0 16.666667%; max-width: 16.666667% }
.col-3 { flex: 0 0 25%; max-width: 25% }
.col-4 { flex: 0 0 33.333333%; max-width: 33.333333% }
.col-5 { flex: 0 0 41.666667%; max-width: 41.666667% }
.col-6 { flex: 0 0 50%; max-width: 50% }
.col-7 { flex: 0 0 58.333333%; max-width: 58.333333% }
.col-8 { flex: 0 0 66.666667%; max-width: 66.666667% }
.col-9 { flex: 0 0 75%; max-width: 75% }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333% }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667% }
.col-12 { flex: 0 0 100%; max-width: 100% }
@media (min-width:576px) {
.col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333% }
.col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667% }
.col-sm-3 { flex: 0 0 25%; max-width: 25% }
.col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333% }
.col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667% }
.col-sm-6 { flex: 0 0 50%; max-width: 50% }
.col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333% }
.col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667% }
.col-sm-9 { flex: 0 0 75%; max-width: 75% }
.col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333% }
.col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667% }
.col-sm-12 { flex: 0 0 100%; max-width: 100% }
}
@media (min-width:768px) {
.col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333% }
.col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667% }
.col-md-3 { flex: 0 0 25%; max-width: 25% }
.col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333% }
.col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667% }
.col-md-6 { flex: 0 0 50%; max-width: 50% }
.col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333% }
.col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667% }
.col-md-9 { flex: 0 0 75%; max-width: 75% }
.col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333% }
.col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667% }
.col-md-12 { flex: 0 0 100%; max-width: 100% }
}
@media (min-width:992px) {
.col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333% }
.col-lg-2, .navbar .menu-item-mega.mega-col-6>.sub-menu>.menu-item { flex: 0 0 16.666667%; max-width: 16.666667% }
.col-lg-3, .navbar .menu-item-mega>.sub-menu>.menu-item { flex: 0 0 25%; max-width: 25% }
.col-lg-4, .navbar .menu-item-mega.mega-col-3>.sub-menu>.menu-item { flex: 0 0 33.333333%; max-width: 33.333333% }
.col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667% }
.col-lg-6, .navbar .menu-item-mega.mega-col-2>.sub-menu>.menu-item { flex: 0 0 50%; max-width: 50% }
.col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333% }
.col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667% }
.col-lg-9 { flex: 0 0 75%; max-width: 75% }
.col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333% }
.col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667% }
.col-lg-12 { flex: 0 0 100%; max-width: 100% }
}
@media (min-width:1200px) {
.col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333% }
.col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667% }
.col-xl-3 { flex: 0 0 25%; max-width: 25% }
.col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333% }
.col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667% }
.col-xl-6 { flex: 0 0 50%; max-width: 50% }
.col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333% }
.col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667% }
.col-xl-9 { flex: 0 0 75%; max-width: 75% }
.col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333% }
.col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667% }
.col-xl-12 { flex: 0 0 100%; max-width: 100% }
}
@media (max-width:575px) {
.hidden-xs { display: none !important }
}
@media (min-width:576px) and (max-width:767px) {
.hidden-sm { display: none !important }
}
@media (min-width:768px) and (max-width:991px) {
.hidden-md { display: none !important }
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-lg { display: none !important }
}
@media (min-width:1200px) {
.hidden-xl { display: none !important }
}
html { box-sizing: border-box; --accent-color: #1a1a1a }
*, :after, :before { box-sizing: inherit }
body { background-color: #f1f5f8; color: #555; font-family: Lato, sans-serif; font-size: 14px; line-height: 24px; text-rendering: optimizeLegibility; word-break: break-word; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
a { color: #555; text-decoration: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
a:hover { color: #1678ff }
h1, h2, h3, h4, h5, h6 { color: #555; font-weight: 700; line-height: 1.2; margin: 0 0 15px }
p { margin: 0 0 8px }
img { display: block; height: auto; max-width: 100%; vertical-align: middle }
img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: 0 0 !important; padding: 0 !important }
blockquote p { line-height: 30px !important }
blockquote>:last-child { margin-bottom: 0 !important }
blockquote cite { color: #aaa; display: block; font-size: 14px; font-style: normal; margin-top: -5px }
hr { background-color: #1a1a1a; border: 0; border-radius: 50%; height: 5px; margin: 30px auto; position: relative; width: 5px }
hr:after, hr:before { background-color: #1a1a1a; border-radius: 50%; content: ""; height: 5px; position: absolute; width: 5px }
hr:before { right: 20px }
hr:after { left: 20px }
table { border-collapse: collapse; font-size: 13px; margin: 0 0 15px }
td, th { border: 1px solid #f4f4f4; padding: 8px 12px }
dl { padding-left: 0 }
/*dt { font-weight: 700 }*/
dd { margin: 0 0 15px 0 }
embed, iframe { border: 0; display: block; overflow: hidden; width: 100% }
figure { margin: 0 }
pre { overflow-y: scroll }
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], textarea { border: 0; border-radius: 0; font-family: Lato, sans-serif; line-height: 36px; margin-bottom: 10px; padding: 0 12px; transition: border-color cubic-bezier(.77, 0, .175, 1); width: 100%; border: 1px solid #f1f1f1 }
textarea { height: 100%; line-height: 1; padding: 9px 12px; resize: vertical; border: 1px solid #d0d0d0; border-radius: 4px; max-height: 100px }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; border: 1px solid #e6e6e6; border-radius: 0; color: #1a1a1a; font-family: inherit; font-size: 14px; height: 40px; line-height: 40px; outline: 0; padding: 0 14px; width: 100% }
label { display: inline-block; margin-bottom: 5px; vertical-align: middle }
input[type=checkbox]+label { margin-bottom: 0; margin-left: 2px }
.edui-gray { box-sizing: content-box; border-radius: 4px }
.edui-gray .edui-editor { border-radius: 4px }
.edui-gray .edui-editor:hover { border-color: #00c250 }
@-webkit-keyframes hue {
from { -webkit-filter: hue-rotate(0) }
to { -webkit-filter: hue-rotate(-360deg) }
}
form.inline { position: relative }
form.inline .inline-field { margin-bottom: 0; padding-right: 20px; text-overflow: ellipsis; outline: 0 }
form.inline button[type=submit] { background-color: transparent; border: 0; color: #1a1a1a; font-size: 16px; height: 30px; line-height: 30px; margin-top: -15px; padding: 0; position: absolute; right: 0; text-align: center; top: 50%; width: 30px }
.dropdown, .dropdown div, .dropdown div::after, .dropdown li { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out }
.dropdown .selected::after, .dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none }
.dropdown { position: relative; width: 100%; border: 1px solid #ccc; cursor: pointer; background: #fff; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-bottom: 10px }
.dropdown.open { z-index: 99999 }
.dropdown:hover { box-shadow: 0 0 5px rgba(0, 0, 0, .15) }
.dropdown.focus { box-shadow: 0 0 5px rgba(51, 102, 248, .4) }
.dropdown .carat { position: absolute; right: 12px; top: 50%; margin-top: -4px; border: 6px solid transparent; border-top: 8px solid #a2a2a2 }
.dropdown.open .carat { margin-top: -10px; border-top: 6px solid transparent; border-bottom: 8px solid #34495e }
.dropdown.disabled .carat { border-top-color: #999 }
.dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden }
.dropdown select { position: absolute; left: 0; top: 0 }
.dropdown.touch .old { width: 100%; height: 100% }
.dropdown.touch select { width: 100%; height: 100%; opacity: 0 }
.dropdown .selected, .dropdown li { display: block; font-size: 15px; line-height: 1; padding: 9px 12px; overflow: hidden; white-space: nowrap }
.dropdown.disabled .selected { color: #999 }
.dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 2px 2px 0; box-shadow: inset -55px 0 25px -20px #fff }
.dropdown div { position: absolute; height: 0; left: -1px; right: -1px; top: 100%; margin-top: -1px; background: #fff; border: 1px solid #ccc; border-top: 1px solid #eee; border-radius: 0 0 3px 3px; overflow: hidden; opacity: 0; z-index: 99 }
.dropdown.open div { opacity: 1; z-index: 2 }
.dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #fff }
.dropdown.scrollable.bottom div::after { opacity: 0 }
.dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; padding: 0; margin: 0 }
.dropdown.scrollable.open ul { overflow-y: auto }
.dropdown li { list-style: none; padding: 8px 12px }
.dropdown li.focus { background: #34495e; position: relative; z-index: 3; color: #fff }
.dropdown li.active { font-weight: 700 }
.button, .navigation .nav-next a, .navigation .nav-previous a, button[type=submit], input[type=submit] { border: none; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-family: Lato, sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 1px; line-height: 1; outline: 0; padding: 12px 20px; text-align: center; text-transform: uppercase }
.button:hover, .navigation .nav-next a:hover, .navigation .nav-previous a:hover, button[type=submit]:hover, input[type=submit]:hover { opacity: .8; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.button.transparent, .navigation .nav-next a.transparent, .navigation .nav-previous a.transparent, button[type=submit].transparent, input[type=submit].transparent { background-color: transparent !important; border: 1px solid rgba(255, 255, 255, .3) }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 100px; text-align: right; opacity: 0; outline: 0; background: #fff; cursor: pointer; display: block }
.btn { border: none; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 36px; outline: 0; text-align: center; text-transform: uppercase; position: relative }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; opacity: .35 }
.btn:hover { opacity: .8; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff }
.btn--def { background-color: #ffc107; color: #fff }
.btn--primary { background-color: #1678ff; color: #fff }
.btn--secondary { background-color: #2196f3; color: #fff }
.btn--danger { color: #fff }
.btn--block { width: 100% !important }
.site { position: relative; overflow: hidden }
.site-content { padding-bottom: 30px; padding-top: 60px }
.home .site-content { padding-bottom: 0; padding-top: 0 }
.single-post .site-content { padding-bottom: 30px }
@media (max-width:767px) {
.site-content { padding-bottom: 30px; padding-top: 30px }
.page-template-page-modular .site-content { padding-bottom: 15px; padding-top: 15px }
}
.sidebar-left .sidebar-column .widget-area { padding-right: 30px }
@media (max-width:575px) {
.sidebar-column .widget-area { margin: 60px auto 0; max-width: 300px; padding: 0 !important }
}
@media (max-width:991px) {
.sidebar-column .widget-area { margin: 10px auto 0; max-width: 460px; padding: 0 !important }
}
@media (min-width:992px) {
.content-column { flex: 0 0 72%; max-width: 72% }
.sidebar-main { flex: 0 0 50%; max-width: 50% }
.sidebar-column { flex: 0 0 28%; max-width: 28% }
.sidebar-left .sidebar-column { order: -1 }
}
.u-clearfix:after, .u-clearfix:before { content: " "; display: table }
.u-clearfix:after { clear: both }
.u-plain-list { list-style-type: none; margin: 0; padding: 0 }
.u-permalink { bottom: 0; left: 0; outline: 0; position: absolute; right: 0; top: 0; z-index: 50 }
.u-border-title { align-items: center; display: flex }
.u-border-title:before { background-color: #1a1a1a; content: ""; height: 2px; margin-right: 10px; width: 30px }
.u-text-format>:first-child, .u-text-format>:first-child>:first-child { margin-top: 0 !important }
.u-text-format>:last-child, .u-text-format>:last-child>:last-child { margin-bottom: 0 !important }
.u-text-format h1, .u-text-format h2, .u-text-format h3, .u-text-format h4, .u-text-format h5, .u-text-format h6 { font-weight: 900; margin-bottom: 12px; margin-top: 12px }
.u-text-format h1 { font-size: 28px }
.u-text-format h2 { font-size: 25px }
.u-text-format h3 { font-size: 20px }
.u-text-format h4 { font-size: 19px }
.u-text-format h5 { font-size: 16px }
.u-text-format h6 { font-size: 13px; text-transform: uppercase }
.u-text-format dl dl, .u-text-format dl ol, .u-text-format dl ul, .u-text-format ol dl, .u-text-format ol ol, .u-text-format ol ul, .u-text-format ul dl, .u-text-format ul ol, .u-text-format ul ul { margin: 0 }
.u-text-format li { margin: 0; list-style: none; }
.u-text-format .fluid-width-video-wrapper { margin: 30px 0 }
.u-module-margin { margin: -30px 0 }
.u-module-margin .post { margin: 30px 0 }
@media (max-width:767px) {
.u-module-margin { margin: -15px 0 }
.u-module-margin .post { margin: 15px 0 }
}
.lazyload:not(.visible), .lazyloading:not(.visible) { opacity: 0 }
.lazyloaded { opacity: 1; transition: opacity 1s cubic-bezier(.77, 0, .175, 1) }
.wpcf7 p { font-family: Lato, sans-serif !important }
.wpcf7-form { margin: 30px 0 }
.wpcf7-form label { display: block }
.wpcf7-form-control-wrap { display: block; margin-top: 5px }
.boxes2 .owl-nav { display: none }
.owl .owl-next.disabled, .owl .owl-prev.disabled { background-color: #aaa !important; cursor: default }
div.wpcf7-response-output { background-color: #f4f4f4; border: 0; line-height: 1.2; margin: 30px 0 0; padding: 15px; text-align: center }
.section.search.parallax { display: flex; min-height: 200px; position: relative; text-align: center; padding: 0 }
.section.search.parallax img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
.section.search.parallax .container { margin: auto; padding-bottom: 0; padding-top: 0; width: 100% }
.cs-header { background: url(../images/banner-uisumo-02.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative }
.home-filter--content { display: block; width: 100%; margin: 20px 0; z-index: 2; position: relative; box-shadow: 0 34px 20px -24px rgba(0, 36, 100, .06); padding: 20px; background: linear-gradient(to right, #34495e, #4e6b88, #34495e); background-position: center center; background-size: cover; background-repeat: no-repeat }
.home-filter--content:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(91, 91, 91, .4); z-index: -1 }
.home-filter--content .focusbox-title { margin-bottom: 10px; color: #fff; font-weight: 400; font-size: 28px; text-align: center; padding-top: 30px; letter-spacing: 5px }
.home-filter--content .focusbox-desc { color: #fff; font-weight: 400; text-align: center }
.home-filter--content .form-box { padding: 6px; background-color: rgba(255, 255, 255, .3); border-radius: 4px; position: relative; margin: 20px 0; margin-right: 20%; margin-left: 20%; z-index: 999 }
.home-filter--content .form-box input[type=text] { border: 1px solid #cccc; border-radius: 4px; padding-right: 6em; padding-left: 1em; width: 100% !important; margin: 0 }
@keyframes aspAnFadeInDrop {
0% { opacity: 0; transform: translate(0, -50px) }
100% { opacity: 1; transform: translate(0, 0) }
}
@-webkit-keyframes aspAnFadeInDrop {
0% { opacity: 0; transform: translate(0, -50px); -webkit-transform: translate(0, -50px) }
100% { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0) }
}
@media (max-width:768px) {
.home-filter--content .focusbox-title { font-size: 18px; padding-top: 20px }
.home-filter--content .focusbox-desc { font-size: 12px }
.home-filter--content .form-box { margin-bottom: 20px; margin-right: 5%; margin-left: 5% }
.home-filter--content .form-box input[type=text] { margin-bottom: 10px }
}
.site-header { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #fff; box-shadow: 0 1px 3px rgba(26, 26, 26, .1); left: 0; position: absolute; right: 0; top: 0; transition: background-color .5s cubic-bezier(.77, 0, .175, 1), box-shadow .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1); transition: background-color .5s cubic-bezier(.77, 0, .175, 1), box-shadow .5s cubic-bezier(.77, 0, .175, 1), transform .6s cubic-bezier(.77, 0, .175, 1); transition: background-color .5s cubic-bezier(.77, 0, .175, 1), box-shadow .5s cubic-bezier(.77, 0, .175, 1), transform .6s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1); z-index: 9999 }
.navbar-full .site-header { padding: 0 30px }
.slide-now .site-header { box-shadow: none; -webkit-transform: translateY(-70px); transform: translateY(-70px) }
.header-gap { height: 70px }
.navbar { align-items: center; display: flex; height: 70px; position: relative }
.navbar .logo { max-width: 140px; height: auto }
.navbar .sep { display: flex; height: 100%; margin: 0 20px 0 30px; width: 1px }
.navbar .sep:after { background-color: #e6e6e6; content: ""; height: 50%; margin: auto; transition: background-color .5s cubic-bezier(.77, 0, .175, 1); width: 100% }
.navbar .menu-item { display: inline-block; position: relative }
.navbar .menu-item.active:before {
    position: absolute;
    content: '';
    background: #1678ff;
    width: 0;
    height: 3px;
    left: 0px;
    right: 0;
    margin: 0px auto;
    bottom: 18px;
    transition: all 500ms ease;
    -webkit-mask-image: linear-gradient(-75deg, rgba(244, 55, 55, 0.24) 50%, #f43737 50%, rgba(0, 0, 0, 1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}
.navbar .menu-item.active:after {
    position: absolute;
    content: '';
    background: #ffffff;
    width: 6px;
    height: 3px;
    right: 32%;
    bottom: 18px;
    transition: all 300ms ease;
    display: none;
}
.navbar .menu-item.active:before {
    width: 30px;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.navbar .menu-item .hot {
    display: block;
    width: 30px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 10px;
    background: url(../images/ceo-hot.gif) no-repeat;
}
.navbar .menu-item .new {
    display: block;
    width: 30px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 10px;
    background: url(../images/ceo-new.gif) no-repeat;
}

.navbar .nav-list>li.active>a { color: #1678ff }
.navbar .menu-item>a { display: block; font-weight: 600; /*letter-spacing: .2px; */text-transform: uppercase }
.navbar .menu-item>a .emoji { margin-left: 0 !important; margin-right: 5px !important }
.navbar .menu-item.menu-item-has-children>a:after { color: #454545; content: "\f282"; font-family: bootstrap-icons; font-size: 12px; font-weight: 400; margin-left: 5px; transition: color .5s cubic-bezier(.77, 0, .175, 1) }
.navbar .menu-item:hover>a:after,
.navbar .menu-item.active>a:after {color: #1678ff;}
.navbar .menu-item:hover>.sub-menu { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible }
.navbar .nav-list>.menu-item>a { font-size: 16px; line-height: 71px; margin: 0 12px; transition: color .5s cubic-bezier(.77, 0, .175, 1);color: #333;font-weight: normal;}
.navbar .nav-list>.menu-item>a i {display: none;}
.navbar .nav-list>.menu-item>a:hover {color: #1678ff;}
.navbar .sub-menu { background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 30px rgba(0, 0, 0, .3); list-style-type: none; margin: -1px 0 0 -18px; min-width: 180px; opacity: 0; padding: 20px 0; position: absolute; top: 100%; -webkit-transform: translateY(5px); transform: translateY(5px); transition: all .5s cubic-bezier(.77, 0, .175, 1); visibility: hidden; z-index: 80 }
.navbar .sub-menu .menu-item { display: block }
.navbar .sub-menu .menu-item>a { align-items: center; display: flex; font-size: 13px; font-weight: 500; line-height: 20px; padding: 9px 30px; transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1); transition: transform .3s cubic-bezier(.77, 0, .175, 1); transition: transform .3s cubic-bezier(.77, 0, .175, 1), -webkit-transform .3s cubic-bezier(.77, 0, .175, 1) }
.navbar .sub-menu .menu-item>a:hover { opacity: 1; -webkit-transform: translateX(5px); transform: translateX(5px) }
.navbar .sub-menu .menu-item.menu-item-has-children>a { justify-content: space-between }
.navbar .sub-menu .menu-item.menu-item-has-children>a:after { content: "\f285"; font-family: bootstrap-icons; font-size: 12px; line-height: 1; margin-right: -4px }
.navbar .sub-menu .sub-menu { left: 100%; margin: -20px 0 0; top: 0 }
.navbar .actions { display: flex; flex-grow: 1; justify-content: flex-end }
.navbar .actions>div+div { margin-left: 5px }
.navbar .navbar-button, .off-canvas .canvas-close { align-items: center; border-radius: 50%; cursor: pointer; display: flex; font-size: 16px; height: 30px; justify-content: center; width: 30px; margin-right: 10px; background-color: #f6f6f6; border: 0; color: #555 }
.navbar .login-btn { align-items: center; border-radius: 4px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 30px; justify-content: center; width: 80px; margin-right: 10px; background-color: #f6f6f6; border: 0; color: #555 }
.navbar .user-pbtn { align-items: center; border-radius: 4px; cursor: pointer; display: flex; font-size: 14px; height: 30px; justify-content: center; max-width: 100px; margin-right: 10px; border: 0; color: #555 }
.navbar .user-pbtn img { align-items: center; border-radius: 30px; cursor: pointer; display: flex; font-size: 14px; height: 30px; justify-content: center; margin-right: 5px; border: 2px solid #eee; width: 30px }
.navbar .user-pbtn span { -webkit-line-clamp: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.navbar .login-btn:hover, .navbar .user-pbtn:hover { opacity: .8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .site-header, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .site-header { background-color: transparent; box-shadow: none }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.text, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.text, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a { color: #fff }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.regular, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.regular { opacity: 0 }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.contrary, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.contrary { opacity: 1 }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .sep:after, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .sep:after { background-color: rgba(255, 255, 255, .3) }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a:after, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a:after { color: rgba(255, 255, 255, .6) }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .burger, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .navbar-button, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .burger, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .navbar-button { background-color: #fff; border-color: #fff }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field { background-color: transparent; color: #fff }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder { color: #fff }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder { color: #fff }
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder { color: #fff }
.navbar-sticky_transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .header-gap, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .header-gap { height: 0 }
.navbar-sticky:not(.ads-before-header) .site-header, .navbar-sticky_transparent:not(.ads-before-header) .site-header, .stick-now .site-header { position: fixed !important }
.navbar-hidden .navbar .logo { margin-right: 0 }
.navbar-hidden .navbar .sep { display: none }
@media (max-width:991px) {
.navbar .sep { display: none }
}
.navbar .menu-item-mega:hover .mega-menu, .navbar .menu-item-mega:hover .sub-menu { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible }
.mega-menu { padding: 25px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 30px rgba(0, 0, 0, .3); left: 0; opacity: 0; position: absolute; right: 0; top: 100%; -webkit-transform: translateY(5px); transform: translateY(5px); transition: all .5s cubic-bezier(.77, 0, .175, 1); visibility: hidden; z-index: 80 }
.mega-menu .entry-media { margin-bottom: 20px }
.mega-menu .owl .owl-next, .mega-menu .owl .owl-prev { bottom: 20px; top: auto }
.mega-menu .owl .owl-prev { right: 62px }
.mega-menu .owl .owl-next { right: 30px }
.navbar .menu-item-mega { position: static }
.navbar .menu-item-mega>.sub-menu { left: 0; margin: 0; padding: 40px 0; right: 0 }
.navbar .menu-item-mega>.sub-menu>.menu-item>a { color: #aaa; font-size: 15px; letter-spacing: 0; line-height: 1.2; margin-bottom: 5px; pointer-events: none; text-transform: none }
.navbar .menu-item-mega>.sub-menu .menu-item-has-children>a:after { display: none }
.navbar .menu-item-mega>.sub-menu .sub-menu { box-shadow: none; margin: 0; min-width: auto; opacity: 1; padding: 0; position: static; -webkit-transform: translateY(0); transform: translateY(0) }
.navbar .menu-item-mega>.sub-menu .sub-menu .sub-menu { display: none }
.burger { border-radius: 50%; cursor: pointer; height: 30px; position: relative; width: 30px; background-color: #f6f6f6; border: 0}
.burger:after, .burger:before { background-color: #34495e; content: ""; height: 2px; left: 10px; position: absolute; width: 10px }
.burger:before { top: 10px }
.burger:after { bottom: 10px }
@media (min-width:992px) {
.no-off-canvas:not(.navbar-hidden) .burger { display: none }
}
.logo-wrapper { position: relative }
.logo:not(.text) { transition: opacity .5s cubic-bezier(.77, 0, .175, 1) }
.logo.contrary { left: 0; opacity: 0; position: absolute; top: 0 }
.logo.text { font-size: 20px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; transition: color .5s cubic-bezier(.77, 0, .175, 1) }
.section { padding-top: 10px }
.p-0 { padding: 0 !important }
.p-10 { padding: 10px !important }
.pt-0 { padding-top: 0 !important }
.pt-10 { padding-top: 10px !important }
.pt-20 { padding-top: 20px !important }
.pt-30 { padding-top: 30px !important }
.pt-40 { padding-top: 40px !important }
.pt-45 { padding-top: 45px !important }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px !important }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px !important }
.pt-150 { padding-top: 150px !important }
.pb-0 { padding-bottom: 0 !important }
.pb-10 { padding-bottom: 10px !important }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px !important }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px !important }
.mt-0 { margin-top: 0 !important }
.mt-xs { margin-top: 10px !important }
.mt-5 { margin-top: 5px !important }
.mt-10 { margin-top: 10px !important }
.mt-15 { margin-top: 15px !important }
.mt-20 { margin-top: 20px !important }
.mt-30 { margin-top: 30px !important }
.mt-40 { margin-top: 40px !important }
.mt-50 { margin-top: 50px !important }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px !important }
.mt-80 { margin-top: 80px !important }
.mt-90 { margin-top: 90px !important }
.mt-100 { margin-top: 100px !important }
.mt-150 { margin-top: 150px }
.mb-0 { margin-bottom: 0 !important }
.mb-15 { margin-bottom: 15px }
.mb-10 { margin-bottom: 10px !important }
.mb-20 { margin-bottom: 20px !important }
.mb-25 { margin-bottom: 25px !important }
.mb-30 { margin-bottom: 30px !important }
.mb-40 { margin-bottom: 40px !important }
.mb-50 { margin-bottom: 50px !important }
.mb-55 { margin-bottom: 55px !important }
.mb-60 { margin-bottom: 60px !important }
.mb-70 { margin-bottom: 70px !important }
.mb-75 { margin-bottom: 75px !important }
.mb-80 { margin-bottom: 80px !important }
.mb-90 { margin-bottom: 90px !important }
.mb-100 { margin-bottom: 100px !important }
.mb-150 { margin-bottom: 150px !important }
.ml-0 { margin-left: 0 !important }
.ml-5 { margin-left: 5px !important }
.ml-10 { margin-left: 10px !important }
.mr-10 { margin-right: 10px !important }
.mr-15 { margin-right: 15px !important }
.mr-20 { margin-right: 20px !important }
table thead { background: #fff }
th { text-align: left }
table thead tr th { font-size: 14px; font-weight: 600; text-transform: capitalize; color: #282828; line-height: 30px !important; border-bottom-width: 0 !important; border-color: #eee; padding: 0 }
table tbody tr td { font-size: 13px; font-weight: 500; line-height: 26px; color: #9b9b9b; vertical-align: middle; padding: none }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd }
.table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd }
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border: 0 }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border: 0; border-top: 1px solid #ddd }
.bgcolor-fff { background-color: #fff }
.widget_magsy_module_parallax>.container, .widget_magsy_module_slider_center>.container { max-width: none; padding: 0 }
.home .home-vip-mod { background-color: #fff; padding: 30px 0 }
.home-vip-mod .vip-cell { position: relative; display: block; width: 100%; border-radius: 5px; -webkit-box-shadow: 0 1px 4px rgba(24, 38, 16, .1); box-shadow: 0 1px 4px rgba(24, 38, 16, .1); text-align: center; border: 1px solid rgba(171, 171, 171, .23); margin: 10px 0 }
.home-vip-mod .vip-cell .time { font-size: 14px; display: block; padding: 10px 0 0 12px; color: #666; text-align: left }
.home-vip-mod .vip-cell .price { text-align: center; font-size: 30px; padding: 15px 0; font-weight: 700; line-height: 1em; color: #ff9800 }
.Huserxiala .Hinfolist ul .qiandao a { color: #fd721e }
.Huserxiala .Hinfolist ul .qiandao a:hover { border-radius: 2px; color: #fff; background: #fd721e }
.home-vip-mod .vip-cell .price span { font-size: 25px; display: inline-block; -webkit-transform: translateY(-15px); transform: translateY(-15px); font-weight: 400 }
.home-vip-mod .vip-cell p { padding: 0 10%; font-size: 14px; line-height: 1.8em; color: #666; text-align: center }
.home-vip-mod .vip-cell a.primary { display: inline-block; min-width: 56%; margin: 0 auto 20px; padding: 6px 12px; border-radius: 5px; color: #fff; font-size: 14px; text-decoration: none }
.home-vip-mod .vip-cell a.primary:hover { opacity: .8 }
.home-vip-mod .vip-cell .tehui { position: absolute; display: inline-block; padding: 0 15px 0 15px; line-height: 22px; font-size: 12px; font-weight: 700; border-radius: 13px; position: absolute; right: 10px; top: 10px; color: #ff5722; border: 1px solid #eee }
.home-vip-mod .vip-cell .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 20px auto 0 auto; width: 80px; height: 60px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.home-vip-mod .vip-text { -webkit-box-shadow: none; box-shadow: none; text-align: left; border: 0 }
.home-vip-mod .vip-text h4 { font-size: 24px; line-height: 30px; margin: 30px 0; letter-spacing: 3px }
.home-vip-mod .vip-text p { padding-right: 15px; padding-left: 0; text-align: left }
.module.parallax { display: flex; min-height: 220px; position: relative; text-align: center }
.module.parallax img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
.module.parallax .container { margin: auto; padding-bottom: 30px; padding-top: 30px }
.module.parallax .entry-title { color: #fff; font-size: 22px; font-weight: 500; margin-bottom: 0; position: relative }
.module.parallax .button, .module.parallax .navigation .nav-next a, .module.parallax .navigation .nav-previous a, .module.parallax button[type=submit], .module.parallax input[type=submit] { margin: 30px 5px 0; position: relative; z-index: 60; background-color: #34495e }
@media (max-width:767px) {
.module.parallax { min-height: 250px }
.module.parallax .entry-title { font-size: 20px }
.module.parallax .button, .module.parallax .navigation .nav-next a, .module.parallax .navigation .nav-previous a, .module.parallax button[type=submit], .module.parallax input[type=submit] { width: 100% }
.module.parallax .button+.button, .module.parallax .navigation .nav-next a+.navigation .nav-next a, .module.parallax .navigation .nav-previous a+.navigation .nav-previous a, .module.parallax button[type=submit]+button[type=submit], .module.parallax input[type=submit]+input[type=submit] { margin-top: 10px }
}
.slider.big { border-radius: 4px; overflow: hidden }
.slider.big.diy { box-shadow: none; -webkit-box-shadow: none; border-radius: 4px }
.module.slider.diy .post { text-align: center; display: flex; justify-content: center; align-items: center }
.slider.big.diy .slider-title { margin: 0; font-weight: 700; font-size: 26px; text-align: center; color: #fff; letter-spacing: 1px }
.slider.big.diy .slider-desc { margin: 15px 0 0; font-weight: 400; font-size: 16px; line-height: 1.8; color: #fff; letter-spacing: .3px }
.module.slider .post { background-position: center; background-size: cover; height: 400px; position: relative }
.module.slider .post:before { background-color: #1f2b38; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: opacity 1s cubic-bezier(.77, 0, .175, 1) }
.module.slider .post.lazyloaded:before { opacity: 0 }
.module.slider .entry-wrapper { bottom: 0; left: 0; max-width: 300px; padding: 60px 20px 30px; position: absolute; right: 0; top: 0; transition: opacity .5s cubic-bezier(.77, 0, .175, 1) }
.module.slider .entry-wrapper:before { background-color: #1f2b38; bottom: 0; content: ""; left: 0; opacity: .6; position: absolute; right: 0; top: 0 }
.module.slider .entry-wrapper>* { position: relative }
.module.slider .entry-excerpt { color: #fff; margin-top: 30px; -webkit-line-clamp: 5 }
.module.slider .entry-footer a { color: #34495e }
.module.slider.owl .owl-next, .module.slider.owl .owl-prev { top: 50%; margin-top: -40px; }
.module.slider.owl .owl-prev { left: 0 }
.module.slider.owl .owl-next { right: 0 }
.module.slider.center .owl-item:not(.center) .entry-wrapper { opacity: 0 }
.module.slider.thumbnail .entry-wrapper { align-items: center; display: flex; flex-direction: column; justify-content: center; max-width: none; padding: 30px; text-align: center }
.module.slider.thumbnail .entry-wrapper:before { opacity: .4 }
.module.slider.thumbnail .entry-wrapper>* { max-width: 500px }
.module.slider.thumbnail .entry-header .entry-meta { justify-content: center }
.module.slider.thumbnail.owl .owl-dots { bottom: -25px }
.module.slider.thumbnail.owl .owl-dot { border: 3px solid #fff; border-radius: 50%; height: 50px; margin: 0 3px; overflow: hidden; width: 50px }
.module.slider.thumbnail.owl .owl-dot.active { border-color: var(--primary-color) }
@media (max-width:768px) {
.module.slider.thumbnail .entry-header .entry-title { font-size: 30px }
.module.slider .post { height: 320px }
.module.slider .entry-wrapper { max-width: none }
.module.slider.owl .owl-dots { bottom: 10px }
.module.slider.diy .post { height: 160px }
.slider.big.diy .slider-title { font-size: 18px; letter-spacing: 0 }
.slider.big.diy .slider-desc { font-size: 14px; letter-spacing: 0; margin: 8px 0 0 }
}
@media (max-width:991px) {
.module.slider.center .entry-wrapper { max-width: none }
}
.module.image { position: relative }
.module.image .caption { margin-top: 15px; text-align: center }
.sm-flex { display: -ms-flexbox !important; display: flex !important }
.flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important }
.list-homegrid-overlay .list-content { position: absolute; right: 0; bottom: 0; left: 0 }
.list-homegrid-overlay .list-content { padding: 15px; z-index: 1; background-image: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) }
.list-homegrid-overlay .list-body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: none; flex: none }
.list-homegrid-overlay .list-title { color: #fff; }
.gridpost .list-item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; border: 0; border-radius: 4px; overflow: hidden; padding: 0 1px; }
.gridpost .media { position: relative; display: block; overflow: hidden; padding: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: inherit }
@media (max-width:767.98px) {
.gridpost .media { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.gridpost .media3:after { content: ''; display: block; padding-top: 58.38% }
.gridpost .media:after { content: ''; display: block; padding-top: 60.88% }
.gridpost .media-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: .5rem .75rem; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff }
.gridpost .media-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 0; border-radius: inherit; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(120, 120, 120, .1) }
@media (max-width:768px) {
.gridpost .media-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.gridpost .overlay { width: 100%; height: 100%; position: absolute; opacity: .3; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out }
.gridpost .overlay-hover:hover .overlay, a:hover .overlay { opacity: 0 }
.category-box { position: relative; overflow: hidden; border-radius: 4px }
.category-box .entry-thumbnails { background-color: #f4f4f4; border-radius: 2px; display: flex; height: 180px; overflow: hidden }
.category-box .thumbnail { position: relative }
.category-box .thumbnail img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% }
.category-box .big { margin-right: 4px; width: 70% }
.category-box .small { flex-direction: column; height: 100%; width: 30% }
.category-box .small .thumbnail { height: 50% }
.category-box .small .thumbnail:first-child { margin-bottom: 4px }
.category-box .small .thumbnail:last-child { margin-top: 4px }
.category-box .small span { align-items: center; color: #fff; display: flex; font-size: 20px; font-weight: 900; height: 100%; justify-content: center; position: relative; width: 100%; background-color: rgba(52, 73, 94, .5) }
.category-box .entry-title { z-index: 1; align-items: center; display: flex; font-size: 20px; height: 100%; justify-content: center; width: 100%; position: relative; color: #fff; font-weight: 600; background: rgba(52, 73, 94, .3) }
.category-box .entry-title:after { content: ""; background: #fff; width: 40px; height: 2px; bottom: 70px; position: absolute }
.uposts { position: relative; display: block; background-color: #fff; margin-bottom: 20px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .02); border-radius: 4px; padding: 20px }
.uposts .codesign-list { height: 66px; background: rgba(51, 51, 51, .8); border-radius: 5px 5px 0 0; padding: 24px; margin: -20px -20px 22px -20px; position: relative; background-size: 100%; background-position: center center }
.uposts h4.codeisgn-h4 { margin-bottom: 0; text-align: center; font-size: 18px; color: #fff; position: relative; z-index: 1 }
.uposts .codeisgn-h4 a { color: #fff }
.uposts span.codesign-esc { text-align: center; line-height: 38px; color: rgba(255, 255, 255, .6); position: relative; z-index: 1; display: block }
.uposts .codesign-cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #0000002c; border-radius: 4px 4px 0 0; z-index: 0 }
.uposts .hentry { margin-bottom: 15px; position: relative; display: inline-block; width: 100% }
.uposts .hentry .title { font-size: 14px; font-weight: 400; line-height: 1.5; margin: 0; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.uposts .hentry .title a { color: #666 }
.uposts .hentry .title a:hover { color: #1678ff }
.uposts .hentry .post-num { background-color: #999; color: #fff; display: inline-block; font-size: 14px; width: 18px; height: 18px; line-height: 18px; margin: 0 8px 0 0; text-align: center; border-radius: 4px }
.uposts .post-num.num-1 { background-color: #f44336 }
.uposts .post-num.num-2 { background-color: #4caf50 }
.uposts .post-num.num-3 { background-color: #ffc107 }
.uposts .post-num.num-4 { background-color: #00bcd4 }
.uposts .post-num.num-5 { background-color: #2196f3 }
.uposts .post-num.num-6 { background-color: #e91e63 }
.uposts .post-num.num-7 { background-color: #34495e }
.uposts .post-num.num-8 { background-color: #f4e3ab }
.uposts .meta { position: absolute; position: absolute; top: 0; right: 0; color: #999; font-size: 13px }
.author-box { position: relative; float: left; line-height: 30px; display: flex; justify-content: center; align-items: center }
.author-box .author-image { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #eee; overflow: hidden; display: flex; }
.content-show .author-box .author-image img, .detail-page .author-box .author-image img { margin-top: 0 }
.author-box .author-image img:hover { cursor: pointer }
.author-box .author-info { margin-left: 10px }
.author-box .author-name { font-size: 16px; margin-bottom: 0; font-weight: 500; line-height: 1; }
.author-box .author-name span img { height: 28px; }
.author-box .author-bio { font-size: 14px; font-weight: 500 }
.author-box .author-meta { align-items: center; display: flex; font-size: 16px; margin-top: 10px }
.author-box .author-meta>a { color: #aaa; line-height: 1.5 }
.author-box .author-meta>a+a { margin-left: 4px }
.author-box .author-meta>a:last-child { font-size: 12px; font-weight: 700; text-transform: uppercase }
.author-box .author-meta>a+a:last-child { border-left: 1px solid #e6e6e6; margin-left: 10px; padding-left: 10px }
.author-box .author-meta>a:last-child:after { content: "\f054"; font-family: "Material Design Icons"; margin-left: 3px }
.post-grid .entry-media { margin-bottom: 0; position: relative }
.post-grid .entry-media img { margin: 0 auto; width: 100%; }
.entry-media { margin-bottom: 10px; position: relative }
.entry-media .placeholder { background-color: #fff; height: 0; overflow: hidden; }
.entry-media img { margin: 0 auto; width: 100%; overflow: hidden }
.entry-media img:hover { opacity: .8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.entry-format { background-color: rgba(0, 0, 0, .4); border-radius: 50%; color: #fff; font-size: 15px; height: 25px; left: 10px; line-height: 25px; position: absolute; text-align: center; top: 10px; width: 25px }
.entry-star { display: block; border-radius: 50%; font-size: 15px; height: 25px; right: 10px; line-height: 25px; position: absolute; text-align: center; top: 10px; width: 25px; opacity: 0; visibility: hidden }
.post-grid:hover .entry-star, .post-list:hover .entry-star { transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; opacity: 1; visibility: visible; z-index: 99 }
.widget .entry-format, .widget .entry-star { display: none }
#crumbs { padding-bottom: 10px; font-size: 14px; opacity: .5 }
.post-edit-link { float: right; color: #ccc }
.entry-header { word-break: break-word }
.entry-header .entry-meta { align-items: center; color: #aaa; display: flex; flex-wrap: wrap; font-size: 11px; letter-spacing: .2px; margin-bottom: 10px; text-transform: uppercase; text-align: center }
.entry-header .entry-meta>span+span { margin-left: 15px }
.entry-header .entry-meta a { color: #aaa }
.entry-header .entry-meta .meta-author a { align-items: center; display: flex }
.entry-header .entry-meta .avatar { border-radius: 50%; height: 15px; margin-right: 8px; width: 15px }
.entry-header .entry-meta .meta-category { display: flex; flex-wrap: wrap }
.entry-header .entry-meta .meta-category a { align-items: center; display: flex }
.entry-header .entry-meta .meta-category a+a { margin-left: 8px }
.entry-header .entry-meta .meta-category .dot { background-color: var(--accent-color); border-radius: 50%; height: 6px; margin-right: 5px; width: 6px; background-color: #fd721f }
.entry-header .entry-meta .meta-category a:nth-child(2) .dot { background-color: #4caf50 }
.entry-header .entry-meta .meta-category a:nth-child(3) .dot { background-color: #2196f3 }
.entry-header .entry-title { font-size: 15px; font-weight: 500; letter-spacing: -.2px; margin-bottom: 0 }
.article-list .entry-wrapper .entry-footer { display: flex; font-size: 11px; font-weight: 700; letter-spacing: .2px; margin-top: 10px; text-transform: uppercase }
.article-list .entry-wrapper .entry-footer a { position: relative; margin-right: 5px; color: #aaa; padding: 4px 6px; border-radius: 4px; font-weight: 500; background: #f6f6f6; line-height: 1 }
.article-list .entry-wrapper .entry-footer .footer-author { align-items: center; display: flex }
.article-list .entry-wrapper .entry-footer .footer-author img { border-radius: 50%; height: 20px; margin-right: 5px; width: 20px }
@media (max-width:767px) {
.entry-action { flex-direction: column }
.entry-action .action-share { margin-top: 15px }
}
@media (max-width:576px) {
.helper-index .entry-footer, .list-index .entry-footer { display: block !important }
.entry-excerpt, .entry-footer { display: none !important }
.module.slider .entry-excerpt { display: block !important }
.module.slider .owl-nav { display: none }
}
.entry-navigation { background-color: #fff; display: block; margin-top: 30px; position: relative; border-radius: 5px; padding: 20px 20px 20px 20px }
.article-nav { overflow: hidden; font-size: 14px; color: #bbb }
.article-nav span { float: left; position: relative; width: 50% }
.article-nav span.article-nav-next { float: right; text-align: right }
.article-nav span.article-nav-next::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; display: block; width: 1px; background-color: #eee }
.article-nav a { color: #999; margin-right: 10px; display: inline-block }
.article-nav span.article-nav-next a { margin-left: 10px; margin-right: 0 }
.article-nav a:hover { color: #1678ff }
@media (max-width:991px) {
.entry-navigation { margin-bottom: 30px }
}
.entry-tags { display: flex; flex-wrap: wrap; margin-top: 20px }
.entry-tags a { background-color: #f4f4f4; border: 1px solid #e6e6e6; border-radius: 3px; color: #555; font-size: 13px; font-weight: 700; line-height: 1; margin: 0 5px 5px 0; padding: 5px 10px }
.article-footer { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding-top: 30px; position: relative }
@media (max-width:576px) {
.article-footer { display: flex }
.author-box { display: none }
}
.post-list { display: flex; margin-bottom: 30px; position: relative; padding: 10px; background: #fff; border-radius: 4px }
.post-list .entry-media { flex-shrink: 0; margin-bottom: 0; margin-right: 20px; width: 220px }
@media (max-width:767px) {
.post-list .entry-media { width: 120px }
.post-list .entry-title { font-size: 16px }
}
.post-grid { float: left; margin-bottom: 20px; background-color: #fff; border-radius: 4px; transition: box-shadow .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-box-shadow .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1); transform: translate(0, 0); border: 1px solid #eee;padding: 8px 8px 0; }
.post-grid:hover { -webkit-box-shadow: 0 34px 20px -24px rgba(136, 161, 206, .3); box-shadow: 0 34px 20px -24px rgba(136, 161, 206, .3); -webkit-transform: translateY(-5px); transform: translateY(-5px); -ms-transform: translateY(-5px) }
@media (max-width:575px) {
.post-list { margin-bottom: 10px }
.post-grid { margin-bottom: 20px }
.posts-wrapper .col-6:nth-child(2n) { padding-left: 5px; padding-right: 15px }
.posts-wrapper .col-6:nth-child(2n-1) { padding-left: 15px; padding-right: 5px }
.cat-posts-wrapper .col-6:nth-child(2n) { padding-left: 5px; padding-right: 15px }
.cat-posts-wrapper .col-6:nth-child(2n-1) { padding-left: 15px; padding-right: 5px }
}
.post-grid .entry-wrapper { padding: 10px 2px; }
.grid_author_avt { position: relative; z-index: 9; display: block; width: 100px; height: 36px; margin-top: -24px; margin-left: -10px; transform: translateZ(0) }
.grid_author_avt:hover { opacity: 1 !important }
.grid_author_avt:after { content: ''; position: absolute; width: 100%; height: 100%; background-position: right top; background-repeat: no-repeat; background-size: 100px 30px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==); top: -3px; left: 50%; transform: translate(-50%, 0); z-index: -1 }
.grid_author_bggo { position: absolute; margin: auto; top: 0; right: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; z-index: 9 }
.bg-cover { background-size: cover; background-position: 50% 50% }
.canvas-opened { overflow-y: hidden }
.canvas-opened .off-canvas { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible }
.off-canvas { background-color: #fff; height: 100vh; overflow-y: scroll; padding: 60px 0 15px; position: fixed; right: 0; top: 0; -webkit-transform: translateX(320px); transform: translateX(320px); transition: -webkit-transform .6s cubic-bezier(.77, 0, .175, 1); transition: transform .6s cubic-bezier(.77, 0, .175, 1); transition: transform .6s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1); width: 320px; z-index: 9999; -webkit-overflow-scrolling: touch }
.off-canvas .logo { display: flex; justify-content: center; margin: 0 auto 30px; padding: 0 20px; max-width: 220px }
.off-canvas .canvas-close { position: absolute; right: 15px; top: 15px }
.off-canvas .canvas-close .mdi { transition: -webkit-transform .5s cubic-bezier(.77, 0, .175, 1); transition: transform .5s cubic-bezier(.77, 0, .175, 1); transition: transform .5s cubic-bezier(.77, 0, .175, 1), -webkit-transform .5s cubic-bezier(.77, 0, .175, 1) }
.off-canvas .canvas-close:hover .mdi { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
.off-canvas .mega-menu { display: none }
.off-canvas .widget-area .widget { padding: 20px }
.off-canvas .widget-area .widget+.widget { margin-top: 30px }
.off-canvas .widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget { margin-top: -20px }
.off-canvas .widget-area .widget .widget-title { border-bottom: 1px solid #e6e6e6; margin: -20px -20px 20px; padding: 15px 20px }
body:not(.canvas-visible) .off-canvas { visibility: hidden }
.dimmer { background: rgba(52, 73, 94, 0.9); pointer-events: auto; bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 999 }
.term-bar { align-items: center; background-color: #34495e; background-position: center; background-size: cover; display: flex; flex-direction: column; justify-content: center; padding: 80px 0; position: relative; text-align: center }
.term-bar:before { background-color: #34495e; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: opacity 1s cubic-bezier(.77, 0, .175, 1) }
.term-bar.lazyloaded:before { opacity: .5 }
.term-bar .term-title { color: #fff; font-size: 23px; font-weight: 900; line-height: 1; margin: 0; position: relative;text-transform: uppercase; }
@media (max-width:768px) {
.term-bar { padding: 40px 0 }
.term-bar .term-title { margin: 0 }
}
.search-no-results .term-bar { display: none }
.infinite-scroll-action { display: flex; justify-content: center }
@media (max-width:767px) {
.infinite-scroll-action { margin-top: 20px }
}
.infinite-scroll-button { min-width: 250px }
.pagination-infinite_button .infinite-scroll-request, .pagination-infinite_button .posts-navigation, .pagination-infinite_button:not(.paged-next) .infinite-scroll-button, .pagination-infinite_scroll .infinite-scroll-button, .pagination-infinite_scroll .posts-navigation { display: none !important }
.breadcrumbs { font-size: 13px; text-align: left; margin-bottom: 10px; margin-top: -50px; color: #999; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.breadcrumbs a { color: #999 }
@media (max-width:575px) {
.breadcrumbs { margin-bottom: 10px; margin-top: -20px }
}
.entry-wrapper .widget-pay { margin-bottom: 30px; margin-top: 30px; border-top: 1px solid #eee; padding-top: 10px }
.article-content { border-radius: 4px; background-color: #fff; word-wrap: break-word; padding: 20px }
.article-content img { border-radius: 5px; cursor: pointer; -webkit-box-shadow: 0 0 5px #c7c7c7; box-shadow: 0 0 5px #c7c7c7; }

/* .article-content pre{margin:20px 0;padding:10px 20px;border:none;background:#03152a;color:#b3b3b3;font:12px/20px 'courier new'} */
.article-content blockquote { position: relative; margin: 15px 0 20px 0; padding: 10px 45px; border-radius: 5px; border: 1px dashed #ddd; background-color: #e7faee }
.article-content blockquote:before { position: absolute; top: 20px; left: 20px; display: block; width: 16px; height: 14px; color: #fff; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat; content: '' }
.article-content blockquote:after { position: absolute; right: 20px; bottom: 20px; display: block; width: 16px; height: 14px; color: #fff; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat; content: '' }
.article-content blockquote p { margin: 0; margin-bottom: 10px; padding: 0 }
.article-content blockquote p b { color: #1678ff }
.article-content .entry-header .entry-meta { margin-bottom: 10px }
.article-content .entry-header .entry-title { font-size: 1.6em; font-weight: 600; letter-spacing: .5px; height: inherit; }
.archives .item { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #eee }
.archives h3 { float: left; margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #4caf50; line-height: 20px; margin-top: 0 }
@media (max-width:575px) {
.article-content { padding: 10px }
.article-content .entry-header .entry-title, .entry-header .entry-title { font-size: 14px; font-weight: 600; padding-bottom: 10px }
.post-edit-link { display: none }
.archives h3 { display: none }
}
.site-xerhu { display: block; width: 100% }
.site-xerhu a img { width: 100% }
.site-xerhu .xerhu-list-header { padding-bottom: 30px }
.site-xerhu .xerhu-list-footer { padding-top: 30px }
.widget-area .widget { position: relative; background-color: #fff; padding: 20px; border-radius: 5px; clear: both; overflow: hidden }
.widget-area .widget-qrcode { position: relative; background-color: #fff; padding: 20px; border-radius: 5px; height: 100%; clear: both; overflow: hidden }
.widget-area .widget-author { background: #f6fdfc; border: 1px solid #e9ecf3; height: 100% }
.widget-area .widget-author:before { content: ''; position: absolute; left: 0; top: 0; opacity: .3; background-image: -webkit-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: -o-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: linear-gradient(44deg, #9febbe 48%, #f6fdfc 91%); width: 60px; height: 76px; -webkit-border-radius: 0 0 100% 0; border-radius: 0 0 100% 0 }
.widget-area .widget-author:after { content: ''; position: absolute; bottom: 0; right: 0; opacity: .3; background-image: -webkit-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: -o-linear-gradient(46deg, #9febbe 48%, #f6fdfc 91%); background-image: linear-gradient(44deg, #9febbe 48%, #f6fdfc 91%); width: 60px; height: 76px; -webkit-border-radius: 100% 0 0 0; border-radius: 100% 0 0 0 }
.widget-area .widget+.widget { margin-top: 20px }
.widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget { margin-top: 20px }
.widget-area .widget .widget-title { font-size: 18px; letter-spacing: .5px; line-height: 1; margin-bottom: 15px; text-transform: uppercase; color: #333; /*font-weight: 600*/ }
.widget ul { list-style-type: none; margin: 0; padding: 0 }
.widget ul li { line-height: 20px; padding: 5px 0; list-style: none }
.widget ul li>a { display: inline-block }
.widget ul li+li>a, .widget ul ul li>a { margin-top: 0 }
.widget-area .widget.widget-adss { overflow: hidden; padding: 0; border-radius: 0 }
.widget-adss a { width: 100% }
.widget-adss .asr { display: block; padding: 30px 15px; text-align: center; color: #fff !important; background: #23a468;background: rgb(35 164 104 / 85%); }
.widget-adss .asr h4 { margin: 0; font-size: 18px; font-weight: 700; color: #fff }
.widget-adss .asr h5 { margin: 15px 0 0; font-weight: 400; color: #fff }
.widget-adss .asr .btn { margin-top: 20px; font-weight: 400; border-radius: 100px; text-align: center; vertical-align: top; user-select: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 4px 30px; line-height: inherit }
.btn-outline { color: #fff; background-color: transparent; border: 1px solid #fff }
.btn-outline.focus, .btn-outline:focus, .btn-outline:hover { color: #555; background-color: #fff }
.widget-userstop li { position: relative; display: flex; margin-bottom: 10px }
.widget-userstop li span { font-size: 14px }
.widget-userstop li .index { color: #080808; font-size: 18px; width: 20px; line-height: 30px; font-weight: 600 }
.widget-userstop li .index.num-1 { color: #f44336 }
.widget-userstop li .index.num-2 { color: #4caf50 }
.widget-userstop li .index.num-3 { color: #ffc107 }
.widget-userstop li .index.num-4 { color: #00bcd4 }
.widget-userstop li .index.num-5 { color: #2196f3 }
.widget-userstop li .index.num-6 { color: #e91e63 }
.widget-userstop li .index.num-7 { color: #34495e }
.widget-userstop li .index.num-8 { color: #f4e3ab }
.widget-userstop li .avatar { width: 40px }
.widget-userstop li .avatar img { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; display: block }
.widget-userstop li .name { flex: 1; line-height: 30px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.widget-userstop li .credits { min-width: 80px; line-height: 30px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1678ff }
.widget .widget-pay { display: block }
.widget-pay .rateinfo-abs { display: inline-block; padding-top: 30px }
.widget-pay .pay--rateinfo { margin-bottom: 10px; padding: 10px 0; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; z-index: 11 }
.widget-pay .pay--rateinfo b .price { color: #ffc107; font-size: 28px; margin-right: 5px }
.widget-pay .pay--rateinfo .desc { color: #626a71 }
.widget-pay .boosvip-abs { padding: 4px 12px; text-align: center; background-color: #eee; color: #fd721f; font-size: 14px }
.widget-pay .pay--content { position: relative }
.widget-pay .pay-box .pwd { padding: 5px; margin-top: 10px; display: block; background-color: #fffacd; color: #999; border-radius: 4px; text-align: center; border: 1px dashed #ffc12b }
.widget-pay .pay-box .pwd .copypaw { cursor: copy; font-weight: 600; background-color: #c1c1c1; border-radius: 4px; color: #d2d2d2; padding: 0 10px; background-image: linear-gradient(45deg, #9e9e9e 25%, #fff 0, #fff 50%, #9e9e9e 0, #9e9e9e 75%, #fff 0); background-size: 2px 2px }
.widget-pay .pay-box .pwd .copypaw:hover { cursor: copy; color: #fff }
.widget-pay .pay-box .go-pay { margin-top: 10px; display: none }
.widget-pay .pay--content p { margin-bottom: 10px; text-align: center }
.widget-pay .pay--btn { padding-bottom: 20px }
.widget-pay .pay--content .info { display: block; padding-bottom: 20px }
.pay--content .info .price { color: #fd721f; font-size: 24px; font-weight: 600; line-height: 1; text-transform: capitalize; text-align: center }
.pay--content .info .price font i { margin-right: 10px }
.pay--content .info .price span { font-size: 16px }
.pay--content .info .vip_rate { padding: 6px 12px; background-color: #f3f7ff; border-radius: 4px; text-align: center }
.pay--content .info .paynum { position: absolute; top: 0; right: 0; font-size: 12px }
.widget-pay .agent--contact { overflow: hidden; border-radius: 4px }
.agent--contact .list-paybody { padding: 8px; background-color: #f6fdfc }
.widget-pay .ac_qqhao { padding-top: 20px; text-align: center }
.agent--contact ul li { display: flex; justify-content: space-between; align-items: center; color: #8c8c8c; font-size: 13px }
.xerhu-widget-posts .posts { display: block }
.xerhu-widget-posts a { font-size: 14px }
.xerhu-widget-posts .posts .left { padding: 10px 0 5px 115px; overflow: hidden; border-bottom: 1px solid #f0f0f0 }
.xerhu-widget-posts .posts .entry-media { margin-bottom: 10px; position: relative; width: 100px; float: left; margin-left: -115px }
.widget_tag_cloud .tagcloud { display: flex; flex-wrap: wrap }
.widget_tag_cloud .tagcloud>a { align-items: center; border: 1px solid #e6e6e6; border-radius: 3px; color: #555; display: flex; font-size: 12px !important; font-weight: 500; line-height: 1; margin: 0 6px 6px 0; padding: 6px 8px; text-transform: uppercase }
.widget_tag_cloud .tagcloud>a:hover { background-color: #1678ff; color: #fff; border: 1px solid #1678ff }
.widget_text .textwidget>:last-child { margin-bottom: 0 }
@-webkit-keyframes fadeIn {
0% { opacity: 0 }
100% { opacity: 1 }
}
@keyframes fadeIn {
0% { opacity: 0 }
100% { opacity: 1 }
}
@-webkit-keyframes fadeOut {
0% { opacity: 1 }
100% { opacity: 0 }
}
@keyframes fadeOut {
0% { opacity: 1 }
100% { opacity: 0 }
}
@-webkit-keyframes scaleOut {
0% { -webkit-transform: scale(0); transform: scale(0) }
100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes scaleOut {
0% { -webkit-transform: scale(0); transform: scale(0) }
100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}
.alignleft { float: left; margin: 10px 30px 10px 0 !important }
.alignright { float: right; margin: 10px 0 10px 30px !important }
.aligncenter { clear: both; display: block; margin: 30px auto !important }
.alignnone { margin: 30px 0 !important }
@media (max-width:767px) {
.alignleft, .alignright { float: none; margin: 20px auto !important }
}
.wp-caption { max-width: 100%; position: relative }
.wp-block-image figcaption, .wp-caption-text { font-size: 13px; font-style: italic; line-height: 16px; margin-top: 15px; text-align: center }
.entry-content .gallery { margin-top: 30px }
.entry-content .gallery:after, .entry-content .gallery:before { content: " "; display: table }
.entry-content .gallery:after { clear: both }
.entry-content .gallery-item { float: left; margin-bottom: 30px; text-align: center; vertical-align: middle; width: 100% }
.entry-content .gallery-item img { display: inline-block; vertical-align: middle }
.entry-content .gallery-caption { display: block }
.entry-content .gallery-columns-2 .gallery-item { max-width: 50% }
.entry-content .gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left }
.entry-content .gallery-columns-3 .gallery-item { max-width: 33.33% }
.entry-content .gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: left }
.entry-content .gallery-columns-4 .gallery-item { max-width: 25% }
.entry-content .gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: left }
.entry-content .gallery-columns-5 .gallery-item { max-width: 20% }
.entry-content .gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: left }
.entry-content .gallery-columns-6 .gallery-item { max-width: 16.66% }
.entry-content .gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: left }
.entry-content .gallery-columns-7 .gallery-item { max-width: 14.28% }
.entry-content .gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: left }
.entry-content .gallery-columns-8 .gallery-item { max-width: 12.5% }
.entry-content .gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: left }
.entry-content .gallery-columns-9 .gallery-item { max-width: 11.11% }
.entry-content .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left }
.screen-reader-text { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
@media (min-width:1230px) {
body:not(.sidebar-right):not(.sidebar-left) .alignwide { margin-left: calc(-1000px / 2 + 100% / 2); margin-right: calc(-1000px / 2 + 100% / 2); max-width: 1000px }
body:not(.sidebar-right):not(.sidebar-left) .alignwide img { width: 100% }
}
body:not(.sidebar-right):not(.sidebar-left) .alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw }
body:not(.sidebar-right):not(.sidebar-left) .alignfull img { width: 100% }
.admin-bar .off-canvas, .admin-bar.navbar-sticky:not(.ads-before-header) .site-header, .admin-bar.navbar-sticky_transparent:not(.ads-before-header) .site-header, .admin-bar.stick-now .site-header { top: 32px }
.admin-bar .off-canvas { height: calc(100vh - 32px) }
.admin-bar ._404 { height: calc(100vh - 80px - 120px - 32px) }
@media screen and (max-width:782px) {
.admin-bar .off-canvas, .admin-bar.navbar-sticky:not(.ads-before-header) .site-header, .admin-bar.navbar-sticky_transparent:not(.ads-before-header) .site-header, .admin-bar.stick-now .site-header { top: 46px }
.admin-bar .off-canvas { height: calc(100vh - 46px) }
.admin-bar ._404 { height: calc(100vh - 80px - 60px - 46px) }
}
._404 { display: flex; height: calc(80vh - 80px - 120px) }
._404 ._404-inner { margin: auto }
._404 .entry-content, ._404 .entry-title { text-align: center }
._404 .entry-title { font-size: 30px; font-weight: 900; margin-bottom: 15px; margin-top: -60px }
._404 .search-form { margin: 45px auto 0; max-width: 350px }
@media (max-width:767px) {
._404 { height: calc(100vh - 80px - 60px) }
}
.flex-center { display: flex; justify-content: center; align-items: center }
img.mr-2 { width: 120px; margin-left: 10px }
img.qr-pay { display: inline-block; margin: 0; padding: 20px 0; width: 120px; text-align: center }
.form-group { margin-bottom: 30px; position: relative }
.form-control, select, textarea.form-control { font-family: Poppins, sans-serif; background-color: #f8f8f8; border: 1px solid #eee; font-size: 14px; color: #aaa; line-height: 42px; margin-bottom: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 0 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.form-control:focus, textarea.form-control:focus { border-color: #1678ff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none }
.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 }
.form-control::-webkit-input-placeholder { color: #aaa }
.form-control:-moz-placeholder { color: #aaa }
.form-control::-moz-placeholder { color: #aaa }
.form-control:-ms-input-placeholder { color: #aaa }
.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em }
a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer }
.label:empty { display: none }
.btn .label { position: relative; top: -1px }
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: text-bottom; background-color: #777; border-radius: 10px }
.badge-warning { color: #fff; background-color: #ffc107 }
.badge:empty { display: none }
.btn .badge { position: relative; top: -1px }
.btn-group-xs>.btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px }
a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer }
.form-box { background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 40px; margin-bottom: 30px }
.form-group { margin-bottom: 20px; position: relative }
input[type=checkbox], input[type=radio] { clear: none; display: inline-block; margin: -3px 4px 0 0; padding: 0 !important; width: 18px; height: 18px; min-width: 18px; outline: 0; border-radius: 2px; background: #e9eef2; color: #fff; vertical-align: middle; text-align: center; line-height: 0; cursor: pointer; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; -webkit-appearance: none }
input[type=radio] { border-radius: 20px }
input[type=checkbox]:checked, input[type=radio]:checked { background: #2196f3 }
input[type=checkbox]:checked:before, input[type=radio]:checked:before { display: inline-block; margin-top: 1px; color: #fff; content: "\f00c"; vertical-align: middle; font-size: 13px; font: normal normal normal 14px/1 FontAwesome; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
input[type=file] { display: block }
input[type=range] { display: block; width: 100% }
.csf-shortcode-button { display: none !important; opacity: 0 }
.mcolorbg4 { background: #ff6a6d }
.pcolorbg { background: #0674ec }
.scolorbg { background: #7347c1 }
.mcolorbg2 { background: #4caf50 }
.pcolorbg2 { background: #ffc107 }
.scolorbg2 { background: #ff5722 }
.btn.avatarinfo { margin-right: 0; padding-left: 0 }
.btn.avatarinfo label { position: relative }
.btn.avatarinfo a[class*=upload] { position: absolute; position: absolute; left: 50%; top: 50%; margin: -17px 0 0 -24px; width: 100%; height: 100% }
.btn.avatarinfo a[class*=upload] i { font-size: 20px; color: #000; opacity: .5 }
.btn.avatarinfo a[class*=upload] input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer }
.btn.avatarinfo img { margin: 0; padding: 0; margin-right: 0; border-radius: 50%; max-width: 50px }
.form_title_area { background: #fff; padding: 20px; margin-bottom: 20px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1); box-shadow: 0 2px 4px rgba(0, 0, 0, .1) }
.form_title_area h6 { display: inline-block }
.form_title_area small { float: right }
.form_title_area:after, .form_title_area:before { display: table; content: ""; clear: both }
.hide1, .hide2, .hide3, .hide4, .hide5 { display: none }
.media-modal-content .media-frame select.attachment-filters { display: none !important }
.media-modal-content .attachments-browser .search { display: none !important }
.charge .well { background-color: #f6f6f6; border: 1px solid #ff6a6d }
.input-group .payradio label { cursor: pointer }
.or { width: 100%; background: #ececec; height: 1px; margin-bottom: 33px; position: relative }
.or:before { content: 'Or'; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #fff; padding: 0 20px; color: #0674ec; font-weight: 500; transform: translate(-50%, -50%) }
.input-group .input-group-addon { border: none; font-size: 18px; color: #555 }
@media (max-width:768px) {
#pay-qrcode p { font-size: 16px; text-align: center; float: none; padding: 0; padding-top: 30px }
}
@media (max-width:576px) {
.form-box { padding: 20px }
}
.register-login-modal .modal-dialog { width: 370px; margin: 100px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.register-login-modal .modal-content { border: none; box-shadow: none; position: relative; background-color: transparent }
.register-login-modal .nav-tabs { border-bottom: none; text-align: center; padding-left: 0; padding: 10px; list-style: none; margin: 0 }
.register-login-modal .nav-tabs>li { float: none; display: inline-block; outline: none; }
.register-login-modal .nav-tabs>li>a { opacity: .3; padding: 0 10px; border: none; font-size: 15px; font-weight: 500; text-transform: capitalize; font-weight: 600; outline: none; }
.register-login-modal .nav-tabs>li.active>a, .register-login-modal .nav-tabs>li.active>a:focus, .register-login-modal .nav-tabs>li.active>a:hover, .register-login-modal .nav-tabs>li>a:active, .register-login-modal .nav-tabs>li>a:focus, .register-login-modal .nav-tabs>li>a:hover { background-color: transparent; border: none; opacity: 1 }
.register-login-modal .nav-tabs>li.active>a:after { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -5px; border: 10px solid transparent; border-bottom: 10px solid #fff }
.register-login-modal .tab-content { padding: 20px; background-color: #fff; border-radius: 4px }
.register-login-modal .open-oauth .btn { color: #fff !important; font-size: 14px; margin: 0; -webkit-border-radius: 50%; -moz-border-radius: 2px; position: relative; display: inline-block; margin-right: 10px; width: 32px; height: 32px; text-align: center; line-height: 32px; cursor: pointer; margin-left: 10px; padding: 0; letter-spacing: 0; font-weight: 400 }
.register-login-modal .open-oauth .btn:hover { opacity: .5 }
.register-login-modal .open-oauth { margin-bottom: 20px }
.register-login-modal .open-oauth .btn-qq { background-color: #1296db }
.register-login-modal .open-oauth .btn-weixin { background-color: #23bf36 }
.register-login-modal .open-oauth .btn-weibo { background-color: #ff9100 }
.register-login-modal .btn--facebook i { margin-right: 7px }
.register-login-modal .or-text { position: relative; text-align: center; line-height: 1; margin: 15px }
.register-login-modal .or-text:after { content: ""; position: absolute; top: 9px; left: 0; background-color: #e5e5e5; width: 100%; height: 1px }
.register-login-modal .or-text span { background-color: #fff; display: inline-block; padding: 0 8px; z-index: 2; position: relative }
.register-login-modal .form-group { margin-bottom: 15px }
.register-login-modal .input-checkbox { padding-top: 10px; margin-bottom: 25px }
.register-login-modal .label-checkbox span, .register-login-modal .label-checkbox span a { color: #aaa }
.register-login-modal .label-checkbox span a { text-decoration: underline }
.register-login-modal .forget-password { margin-top: 20px; display: block; text-align: center; text-decoration: underline; color: #aaa; font-size: 13px }
.modal-body { position: relative; padding: 15px }
.tab-content>.tab-pane { display: none }
.tab-content>.active { display: block }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear }
.fade.in { opacity: 1 }
.text-center { text-align: center }
.rollbar { position: fixed; right: 15px; bottom: 15px; z-index: 999; display: none; width: 50px }
.rollbar .rollbar-item { position: relative; margin-top: 10px; width: 35px; height: 35px; border-radius: 4px; background-color: #34495e; color: #fff; text-align: center; opacity: .5; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.rollbar .rollbar-item:hover { color: #fff; opacity: .9 }
.rollbar .rollbar-item .fa, .rollbar .rollbar-item .mdi { font-size: 15px; line-height: 35px }
@media (max-width:768px) {
.cs-moble-false { display: none }
.flinks { display: none }
.rollbar { right: -100px }
}
.alert-heading { font-weight: 600; font-size: 1.5rem; margin-top: .15rem }
.alert-flush { border-radius: 0; border-left: 0; border-right: 0 }
.alert-modern { display: inline-block; padding: 0; border-radius: 50rem; margin: 0 !important; padding: .3rem .8rem .375rem .8rem }
@media (max-width:768px) {
.alert-modern { width: 100% }
}
.alert-modern .alert-content .note { margin-left: .5rem; background-image: -webkit-linear-gradient(45deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 6s infinite linear; max-width: 600px }
.alert-modern .alert-content { -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.alert-dark { background-color: #fff; color: #34495e; border: 0 }
.notify-content { position: relative; margin: 0 auto; padding: 0; overflow: hidden }
.notify-content h3 { letter-spacing: 2px; padding: .8em; text-align: center; font-size: 24px; font-weight: 400; background: rgba(0, 0, 0, .1); border-radius: 3px 3px 0 0; margin: 0; margin-bottom: 0; color: #fffF }
.notify-content div { padding: 15px 30px 30px; margin: 0; font-weight: 300; font-size: 16px; color: #fff; text-align: left }
@media only screen and (max-width:1023px) {
.tpt-search { display: none }
}
.pagination { margin-bottom: 1rem; margin-top: 1rem; text-align: center; font-size: .875rem }
.pagination ul { margin: 0; padding: 0; list-style-type: none }
.pagination ul a, .pagination ul span { display: inline-block; margin: 5px 5px; padding: .35rem 1rem; border-radius: 4px }
.pagination ul a { background-color: #ddd; color: #666; text-decoration: none; opacity: 1 }
.pagination ul span { color: #888; cursor: default }
.pagination ul a:focus, .pagination ul a:hover { opacity: .8 }
.pagination ul a.page-num-current { background-color: #555; color: #fff }
.pagination ul a.next-page { background: #1678ff; background-image: linear-gradient(135deg, #779fd7 10%, #1678ff 100%); color: #fff }
.pagination-loading { padding: 15px 0; text-align: center }
.pagination-loading img { max-width: 70px }
@media (max-width:768px) {
.pagination-loading img { max-width: 50px }
}
.slicknav_menu { position: relative; }
.slicknav_menu ul, .slicknav_menu li { list-style: none; list-style-type: none; margin: 0; padding: 0; }
.slicknav_menu .slicknav_nav {    /* background-color: #eee; */
padding: 10px; width: 100%; position: relative; overflow: hidden; display: -ms-flexbox; display: -webkit-box !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.slicknav_menu .slicknav_nav li.slicknav_parent { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
.slicknav_menu .slicknav_nav>li { width: 100%; padding: .25rem; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.slicknav_menu .slicknav_nav li.current-menu-item a { color: #007bff; }
.slicknav_menu .slicknav_nav .sub-menu { border-radius: 0 0 2px 2px; overflow: hidden; background: #eaeaea; padding: 5px; position: relative; }
.slicknav_menu .slicknav_nav .sub-menu>li { width: 100%; float: none; }
.slicknav_menu .slicknav_nav .sub-menu>li>a { border: none; border-radius: 0; line-height: 1; background: #f7f7f7; margin: 10px 5px; border-radius: 4px; padding: 10px 5px; }
.slicknav_menu .slicknav_nav .sub-menu>li+li>a { }
.slicknav_menu .menu-item>a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 1; outline: none; padding: 12px 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; background: #f7f7f7; }
.slicknav_menu .menu-item>a>i { margin-left: 0 !important; margin-right: 5px !important; }
.slicknav_menu .slicknav_item a { margin-left: 10px; outline: none; }
.slicknav_menu .slicknav_item a i { margin-left: 0 !important; margin-right: 5px !important; }
.slicknav_menu .slicknav_nav .sub-menu .sub-menu { width: 100%; }
.slicknav_menu .slicknav_nav .sub-menu .sub-menu li { width: 100%; float: none; }
.slicknav_menu hr { padding: 0; margin: 0; }
.slicknav_menu .slicknav_arrow { font-size: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; margin-right: 10px; }
.slicknav_menu .slicknav_arrow:before { content: "\f078"; font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome"; font-size: 11px; font-weight: 600; }

.mobile-menu .sub-menu:before {display: none;}