@import "common.css";
@import "friend-links.css";
@import "list.css";
@import "view_page.css";
@import "member-profile.css";

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
	word-break: break-all;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    -webkit-font-smoothing: antialiased;
    overflow-x: auto;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

legend,
menu {
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    outline: none
}
abbr,
address,
cite,
dfn,
em,
var {
    font-style: normal
}
img {
    vertical-align: middle;
    border: 0
}
hr {
    border-style: solid
}

[type=button],
[type=reset],
[type=submit],
[type=text],
button,
label,
select,
textarea {
    border: none;
    outline: none
}

[type=button]:focus,
[type=reset]:focus,
[type=submit]:focus,
[type=text]:focus,
button:focus,
label:focus,
select:focus,
textarea:focus {
    outline: none
}

.button,
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

.button {
    background-color: transparent;
    padding: 0
}

textarea {
    resize: none
}

.layout {
    width: 1200px;
    margin: 0 auto
}

.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.clear {
    zoom: 1
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.skeleton {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background-image: -webkit-linear-gradient(left, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-color: #e6e6e6;
    background-size: 400% 100%;
    -webkit-animation: skeleton-loading 1.4s ease infinite;
    animation: skeleton-loading 1.4s ease infinite
}

.lazy {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

/* 页面框架 */
.pagebase {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto;
    min-width: 980px
}

.pagebase-background {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100
}
.pagebase-left {
    width: 240px;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 101;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: inset -1px 0 0 0 #e6e6e8;
    box-shadow: inset -1px 0 0 0 #e6e6e8
}

.pagebase-left-logo {
    width: 100%;
    padding: 14px 0 33.86px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.pagebase-left-logo .logo {
    margin: 0 auto;
	width: 146px;
    height: 36px;
    position: relative;
    display: block;
}
.pagebase-left-logo .logo img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.pagebase-left .pagebase-left-logo .pagebase-left-switch {
    float: left;
    margin: 6px 0 0 16px;
}
.pagebase-left-menus-wrap {
    overflow: hidden;
    position: relative;
    padding-top: 83.56px;
    top: -83.56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.pagebase-left-menus,
.pagebase-left-menushover {
    width: 100%;
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}
.pagebase-left-menus:hover,
.pagebase-left-menushover:hover {
    scrollbar-width: auto;
    -ms-overflow-style: auto
}
.pagebase-left-menus::-webkit-scrollbar {
    display: none
}
.pagebase-left-fullmain {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.pagebase-left-fullmain .pagebase-left-logo .pagebase-left-switch {
    float: left;
    margin: 6px 0 0 16px
}

.pagebase-left-fullmain .pagebase-left-logo .logo {
    float: left;
    margin: 0 0 0 24px;
}

.pagebase-left-show {
    -webkit-transform: translate(0);
    transform: translate(0)
}
.page-leftinner {
    width: 185px;
    margin-left: 28px;
    overflow: hidden
}

.page-leftinner-group {
    padding: 16px 0
}

.page-leftinner-group:before {
    height: 1px;
    overflow: hidden;
    width: 100%;
    font-size: 0;
    line-height: 0;
    content: " ";
    display: block;
    background-color: #e6e6e6;
    position: relative;
    top: -16px
}

.page-leftinner-group:first-child:before {
    display: none
}

.page-leftinner-group-menu {
    position: relative;
    width: 176px;
    height: 40px;
    margin: 8px auto 0;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    line-height: 40px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #111622;
    padding: 0 0 0 37px;
    cursor: pointer;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 9px
}

.page-leftinner-group-menu-active,
.page-leftinner-group-menu:hover {
    background-color: #f7f7f7;
    font-weight: 500
}

.page-leftinner-group-menu:first-child {
    margin: 0 auto
}

.page-leftinner-group-menu .new {
    position: absolute;
    top: 50%;
    right: 36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-family: PingFangSC-Regular;
    width: 36px;
    height: 15px;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0;
    line-height: 14px;
    background: #ff2626;
    border-radius: 3px
}

.page-leftinner-group-subtitle {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #111622;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 500;
    line-height: 32px;
    padding-left: 13px
}

.page-leftinner-group-more {
    padding-left: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjAxNyAxNS4wMDNoLS4wNWEuNzQ1Ljc0NSAwIDAxLS4yNDYtLjA1M2wtLjA2NC0uMDMtLjA2NC0uMDM3LTQuMzk1LTIuODM1YS43NS43NSAwIDAxLjcxNi0xLjMxNGwuMDk4LjA1M0wxMiAxMy4zNjFsMy45ODgtMi41NzRhLjc1Ljc1IDAgMDEuOTAyIDEuMTk0bC0uMDg4LjA2Ny00LjM5NSAyLjgzNWEuNzQyLjc0MiAwIDAxLS4yOTEuMTExbC0uMDk5LjAxeiIgZmlsbD0iIzExMTYyMiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 8px;
    background-size: 24px 24px
}

.page-leftinner-group-dynamic,
.page-leftinner-group-more {
    width: 176px;
    margin: 8px auto 0;
    height: 40px;
    display: block;
    overflow: hidden;
    line-height: 40px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #111622;
    cursor: pointer
}

.page-leftinner-group-dynamic {
    white-space: nowrap;
    position: relative;
    padding: 0 10px 0 39px;
    text-overflow: ellipsis
}

.page-leftinner-group-dynamic:hover {
    background-color: #f7f7f7
}

.page-leftinner-group-dynamic-icon {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 11px;
    top: 10px
}

.page-leftinner-group-nodynamic {
    padding-left: 13px;
    margin-left: 0;
    cursor: default
}

.page-leftinner-group-nodynamic:hover {
    background-color: transparent
}

.page-leftinner .page-leftinner-icon-recommend {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjE3MyA0LjY2bDQgMi41ODhBNCA0IDAgMDEyMCAxMC42MDZWMTdhNCA0IDAgMDEtNCA0SDhhNCA0IDAgMDEtNC00di02LjM5NGE0IDQgMCAwMTEuODI3LTMuMzU4bDQtMi41ODhhNCA0IDAgMDE0LjM0NiAwek0xMC44MSA1LjgybC0uMTY4LjEtNCAyLjU4N2EyLjUgMi41IDAgMDAtMS4xMzUgMS45MThsLS4wMDcuMTgxVjE3YTIuNSAyLjUgMCAwMDIuMzM2IDIuNDk1TDggMTkuNWg4YTIuNSAyLjUgMCAwMDIuNDk1LTIuMzM2TDE4LjUgMTd2LTYuMzk0YTIuNSAyLjUgMCAwMC0uOTk0LTEuOTk1bC0uMTQ4LS4xMDQtNC0yLjU4OGEyLjUgMi41IDAgMDAtMi41NDgtLjF6TTEyIDEyLjM1N2EuOC44IDAgMDEuOC44djMuMzM4YS44LjggMCAxMS0xLjYgMHYtMy4zMzhhLjguOCAwIDAxLjgtLjh6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+)
}

.page-leftinner .page-leftinner-icon-recommend-active,
.page-leftinner .page-leftinner-icon-recommend:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjE3MyA0LjY2bDQgMi41ODhBNCA0IDAgMDEyMCAxMC42MDZWMTdhNCA0IDAgMDEtNCA0SDhhNCA0IDAgMDEtNC00di02LjM5NGE0IDQgMCAwMTEuODI3LTMuMzU4bDQtMi41ODhhNCA0IDAgMDE0LjM0NiAwek0xMiAxMi4zNThhLjguOCAwIDAwLS44Ljh2My4zMzhhLjguOCAwIDEwMS42IDB2LTMuMzM4YS44LjggMCAwMC0uOC0uOHoiIGZpbGw9IiMxMTE2MjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.page-leftinner .page-leftinner-icon-hotvideo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjk5NiA1LjE5TDggOS45NzVhLjEzOS4xMzkgMCAwMS0uMTk1LjAyTDYuMzk3IDguODRhMS4xOTQgMS4xOTQgMCAwMC0xLjkzNCAxLjEyN2wxLjQ0OSA4LjQyMWExLjYzOSAxLjYzOSAwIDAwMS42MTUgMS4zNjFoOC45NDZjLjc5OCAwIDEuNDgtLjU3NSAxLjYxNS0xLjM2MWwxLjQ0LTguMzY2YTEuMTk0IDEuMTk0IDAgMDAtMS45NjItMS4xMDRsLTEuMjM0IDEuMDczYS4xMzkuMTM5IDAgMDEtLjE5Mi0uMDRMMTMuMDA4IDUuMTdhMS4xOTQgMS4xOTQgMCAwMC0yLjAxMi4wMnptLTEuNzE0IDUuNTY3bDIuNzMyLTQuMzY2IDIuODcxIDQuMzgzYTEuNjM5IDEuNjM5IDAgMDAyLjI3LjQ3M2wuMDktLjA2NS4wODctLjA3LjU3Mi0uNDk4LTEuMjk0IDcuNTJhLjEzOS4xMzkgMCAwMS0uMTM3LjExNkg3LjUyN2wtLjA0OC0uMDA5YS4xMzkuMTM5IDAgMDEtLjA5LS4xMDZMNi4wOCAxMC41MmwuNzc0LjYzNWExLjYzOSAxLjYzOSAwIDAwMi40MjgtLjM5OHoiIGZpbGw9IiMxMTE2MjIiLz48L3N2Zz4=)
}

.page-leftinner .page-leftinner-icon-hotvideo-active,
.page-leftinner .page-leftinner-icon-hotvideo:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjk5NiA1LjE5TDggOS45NzVhLjEzOS4xMzkgMCAwMS0uMTk1LjAyTDYuMzk3IDguODRhMS4xOTQgMS4xOTQgMCAwMC0xLjkzNCAxLjEyN2wxLjQ0OSA4LjQyMWExLjYzOSAxLjYzOSAwIDAwMS42MTUgMS4zNjFoOC45NDZjLjc5OCAwIDEuNDgtLjU3NSAxLjYxNS0xLjM2MWwxLjQ0LTguMzY2YTEuMTk0IDEuMTk0IDAgMDAtMS45NjItMS4xMDRsLTEuMjM0IDEuMDczYS4xMzkuMTM5IDAgMDEtLjE5Mi0uMDRMMTMuMDA4IDUuMTdhMS4xOTQgMS4xOTQgMCAwMC0yLjAxMi4wMnoiIGZpbGw9IiMxMTE2MjIiLz48L3N2Zz4=)
}

.page-leftinner .page-leftinner-icon-search-results {
    background-image: url("../images/search-results-ico.png")
}

.page-leftinner .page-leftinner-icon-search-results-active,
.page-leftinner .page-leftinner-icon-search-results:hover {
    background-image: url(../images/search-results-active-ico.png)
}

.page-leftinner .page-leftinner-icon-video {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDQuMDIxYTcuOTc5IDcuOTc5IDAgMDE2Ljc5NiAxMi4xNjIuNzUuNzUgMCAwMS0xLjI3Ny0uNzg4IDYuNDc5IDYuNDc5IDAgMTAtNS43NTEgMy4wOGwuMjMyLjAwNGg1Ljk2N2EuNzUuNzUgMCAwMS4xMDIgMS40OTNsLS4xMDIuMDA3SDEyQTcuOTc5IDcuOTc5IDAgMTExMiA0LjAyem0uODI2IDkuOTc2YTEuMTY4IDEuMTY4IDAgMTEtMS42NTIgMS42NTIgMS4xNjggMS4xNjggMCAwMTEuNjUyLTEuNjUyem0yLjgxMy0yLjgyM2ExLjE2OCAxLjE2OCAwIDExLTEuNjUyIDEuNjUyIDEuMTY4IDEuMTY4IDAgMDExLjY1Mi0xLjY1MnptLTUuNjQ0IDBhMS4xNjggMS4xNjggMCAxMS0xLjY1MiAxLjY1MiAxLjE2OCAxLjE2OCAwIDAxMS42NTItMS42NTJ6bTIuODMtMi44MjNhMS4xNjggMS4xNjggMCAxMS0xLjY1IDEuNjUyIDEuMTY4IDEuMTY4IDAgMDExLjY1LTEuNjUyeiIgZmlsbD0iIzExMTYyMiIvPjwvc3ZnPg==)
}

.page-leftinner .page-leftinner-icon-video-active,
.page-leftinner .page-leftinner-icon-video:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDQuMDIxYTcuOTggNy45OCAwIDAxNy45NzkgNy45ODNsLS4wMDIuMTQ4LS4wMDMuMS4wMDEtLjA1Mi0uMDA2LjIwMmE3LjM5NyA3LjM5NyAwIDAxLS4wMTYuMjQxbC0uMDA1LjA2M2E3Ljk3IDcuOTcgMCAwMS0zLjI4NCA1Ljc3MmgxLjMwM2EuNzUuNzUgMCAwMS4xMDIgMS40OTRsLS4xMDIuMDA3aC01LjcxOGwtLjI0OS4wMDRhNy45NzkgNy45NzkgMCAwMS03Ljk3NS04LjIyOEw0LjAyMSAxMkE3Ljk3OSA3Ljk3OSAwIDAxMTIgNC4wMjF6bS44MjYgOS45NzZhMS4xNjggMS4xNjggMCAxMC0xLjY1MiAxLjY1MiAxLjE2OCAxLjE2OCAwIDAwMS42NTItMS42NTJ6bTIuODEzLTIuODIzYTEuMTY4IDEuMTY4IDAgMTAtMS42NTIgMS42NTIgMS4xNjggMS4xNjggMCAwMDEuNjUyLTEuNjUyem0tNS42NDQgMGExLjE2OCAxLjE2OCAwIDEwLTEuNjUyIDEuNjUyIDEuMTY4IDEuMTY4IDAgMDAxLjY1Mi0xLjY1MnptMi44My0yLjgyM2ExLjE2OCAxLjE2OCAwIDEwLTEuNjUgMS42NTIgMS4xNjggMS4xNjggMCAwMDEuNjUtMS42NTJ6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+)
}

.page-leftinner .page-leftinner-icon-serials-video {
    background-image: url(../images/ico-serials-video.png)
}

.page-leftinner .page-leftinner-icon-serials-video-active,
.page-leftinner .page-leftinner-icon-serials-video:hover {
	background-image: url(../images/ico-serials-video-active.png)
}

.page-leftinner .page-leftinner-icon-history {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDRhOCA4IDAgMTEwIDE2IDggOCAwIDAxMC0xNnptMCAxLjVhNi41IDYuNSAwIDEwMCAxMyA2LjUgNi41IDAgMDAwLTEzem0wIDEuNTc2YS43NS43NSAwIDAxLjc0My42NDhsLjAwNy4xMDJ2NC4yNjlsMi4wNDEgMi4wNDFhLjc1Ljc1IDAgMDEuMDczLjk3N2wtLjA3My4wODRhLjc1Ljc1IDAgMDEtLjk3Ni4wNzNsLS4wODQtLjA3My0yLjI2MS0yLjI2YS43NS43NSAwIDAxLS4yMS0uNDEzbC0uMDEtLjExOHYtNC41OGEuNzUuNzUgMCAwMS43NS0uNzV6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+)
}

.page-leftinner .page-leftinner-icon-history-active,
.page-leftinner .page-leftinner-icon-history:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDRhOCA4IDAgMTEwIDE2IDggOCAwIDAxMC0xNnptMCAzLjA3NmEuNzUuNzUgMCAwMC0uNzUuNzV2NC41OGwuMDEuMTE4YS43NS43NSAwIDAwLjIxLjQxMmwyLjI2IDIuMjYxLjA4NS4wNzNhLjc1Ljc1IDAgMDAuOTc2LS4wNzNsLjA3My0uMDg0YS43NS43NSAwIDAwLS4wNzMtLjk3N2wtMi4wNDEtMi4wNDFWNy44MjZsLS4wMDctLjEwMkEuNzUuNzUgMCAwMDEyIDcuMDc2eiIgZmlsbD0iIzExMTYyMiIvPjwvc3ZnPg==)
}

.page-leftinner .page-leftinner-icon-collect {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuODY2IDUuNjYxbC0xLjEzIDIuMzEyYS42Ny42NyAwIDAxLS41MDguMzdsLTIuNTQ4LjM2YTIuMzc1IDIuMzc1IDAgMDAtMS4zMiA0LjA1OWwxLjg1MSAxLjc4OGEuNjcuNjcgMCAwMS4xOTQuNTk4bC0uNDQ1IDIuNTM1YTIuMzc1IDIuMzc1IDAgMDAzLjQ1MyAyLjUwOWwyLjI3My0xLjIwN2EuNjcuNjcgMCAwMS42MjggMGwyLjI3MyAxLjIwN2EyLjM3NSAyLjM3NSAwIDAwMy40NTMtMi41MWwtLjQ0NS0yLjUzNGEuNjcuNjcgMCAwMS4xOTQtLjU5OGwxLjg1LTEuNzg4YTIuMzc1IDIuMzc1IDAgMDAtMS4zMTktNC4wNmwtMi41NDgtLjM1OWEuNjcuNjcgMCAwMS0uNTA5LS4zN2wtMS4xMjktMi4zMTJhMi4zNzUgMi4zNzUgMCAwMC00LjI2OCAwem0yLjUxOC4yNTZhLjg3NS44NzUgMCAwMS40MDIuNDAybDEuMTMgMi4zMTNhMi4xNyAyLjE3IDAgMDAxLjY0NyAxLjE5NmwyLjU0OC4zNmEuODc1Ljg3NSAwIDAxLjQ4NiAxLjQ5NWwtMS44NSAxLjc4OWEyLjE3IDIuMTcgMCAwMC0uNjMgMS45MzZsLjQ0NiAyLjUzNWEuODc1Ljg3NSAwIDAxLTEuMjcyLjkyNGwtMi4yNzMtMS4yMDdhMi4xNyAyLjE3IDAgMDAtMi4wMzYgMEw4LjcxIDE4Ljg2N2EuODc1Ljg3NSAwIDAxLTEuMjcyLS45MjRsLjQ0Ni0yLjUzNWEyLjE3IDIuMTcgMCAwMC0uNjMtMS45MzZsLTEuODUtMS43ODlhLjg3NS44NzUgMCAwMS40ODYtMS40OTVsMi41NDgtLjM2YTIuMTcgMi4xNyAwIDAwMS42NDctMS4xOTZsMS4xMy0yLjMxM2EuODc1Ljg3NSAwIDAxMS4wNjgtLjQ0NGwuMTAyLjA0MnoiIGZpbGw9IiMxMTE2MjIiLz48L3N2Zz4=)
}

.page-leftinner .page-leftinner-icon-collect-active,
.page-leftinner .page-leftinner-icon-collect:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuODY2IDUuNjYxbC0xLjEzIDIuMzEyYS42Ny42NyAwIDAxLS41MDguMzdsLTIuNTQ4LjM2YTIuMzc1IDIuMzc1IDAgMDAtMS4zMiA0LjA1OWwxLjg1MSAxLjc4OGEuNjcuNjcgMCAwMS4xOTQuNTk4bC0uNDQ1IDIuNTM1YTIuMzc1IDIuMzc1IDAgMDAzLjQ1MyAyLjUwOWwyLjI3My0xLjIwN2EuNjcuNjcgMCAwMS42MjggMGwyLjI3MyAxLjIwN2EyLjM3NSAyLjM3NSAwIDAwMy40NTMtMi41MWwtLjQ0NS0yLjUzNGEuNjcuNjcgMCAwMS4xOTQtLjU5OGwxLjg1LTEuNzg4YTIuMzc1IDIuMzc1IDAgMDAtMS4zMTktNC4wNmwtMi41NDgtLjM1OWEuNjcuNjcgMCAwMS0uNTA5LS4zN2wtMS4xMjktMi4zMTJhMi4zNzUgMi4zNzUgMCAwMC00LjI2OCAweiIgZmlsbD0iIzExMTYyMiIvPjwvc3ZnPg==)
}

.page-leftinner .page-leftinner-icon-live {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjE0MyA0LjY2OGEyLjQwMSAyLjQwMSAwIDAxMy4xMzQgMS44NThsMS4zNTQgNy42ODFhMi40MDEgMi40MDEgMCAwMS0yLjM3IDIuODE4bC04Ljc0NS0uMDIzLTEuMjk0IDEuODgzYTEuNTc2IDEuNTc2IDAgMDEtMi4wNjIuNDg1bC0uMTI5LS4wOGExLjU3NSAxLjU3NSAwIDAxLS42NTgtMS4wMjdMNS43NjYgMTQuOGwtLjY4Ni0zLjlhMi40MDEgMi40MDEgMCAwMTEuNTk0LTIuNjl6bTEuNjIzIDEuOTg2YS45MDEuOTAxIDAgMDAtMS4xNDItLjU2NUw3LjE1NSA5LjYzMWEuOTAxLjkwMSAwIDAwLS41OTkgMS4wMWwuNjg4IDMuODk4LjYwNiAzLjQ2NmEuMDc2LjA3NiAwIDAwLjEzNy4wM0w5LjcyOSAxNS41bDkuNTM2LjAyNGEuOTAxLjkwMSAwIDAwLjg5LTEuMDU3TDE4LjggNi43ODZhLjkwMS45MDEgMCAwMC0uMDM0LS4xMzJ6TTguNjM5IDExLjI0NmwuMzkgMi4yMTUuOTMtLjE0Yy4yMi0uMDM0LjQzMi4xMzEuNDc0LjM2OC4wNDIuMjM3LS4xMDMuNDUyLS4zMjQuNDgxbC0xLjQ3OS4xOTJhLjU3Ni41NzYgMCAwMS0uNjE1LS40NzFsLS40MjctMi40MjVhLjU3My41NzMgMCAwMS40My0uNjU2LjUyLjUyIDAgMDEuNjIxLjQzNnptMi43ODctLjU4M2wuNDcgMi42NjljLjA1OC4zMjctLjEzNC42MjMtLjQyOC42NjItLjI5NC4wMzgtLjU3OS0uMTktLjYzNS0uNTFsLS40NTktMi42Yy0uMDU2LS4zMi4xMzMtLjYzMS40MjMtLjY5Ni4yOS0uMDY1LjU3MS4xNDguNjI5LjQ3NXptMy40NTctMS4zMDRjLjI4OC4wOTguNDY1LjQ2My4zOTQuODFsLS42NTQgMy4wNjZjLS4wNTIuMjM0LS4yMTcuMzg4LS40MTIuNDE2bC0uMDEzLjAwMWMtLjE5Ni4wMjQtLjQwNi0uMDgtLjUzNi0uMjg1TDEyLjAyIDEwLjgzYy0uMTgtLjI3Mi0uMTM1LS42NTQuMS0uODU3LjIzNC0uMjA1LjU3LS4xNS43NS4xMjdsLjk3NSAxLjUxMi4zODgtMS44MDVjLjA3Mi0uMzQzLjM2My0uNTQ0LjY1LS40NDd6bTMuNTA1LS4zMzFjLjA1LjI4Ni0uMDg2LjU1NC0uMzA0LjU5OGwtMS4xODQuMjQuMTE4LjY2OS45MjMtLjE3M2MuMjE5LS4wNDEuNDM3LjE1Ni40ODcuNDQxLjA1LjI4NS0uMDg3LjU0NS0uMzA2LjU4MmwtLjkyNy4xNTMuMTE4LjY3IDEuMTk1LS4xODFjLjIyLS4wMzMuNDM5LjE3Mi40OS40NTguMDUuMjg3LS4wODguNTQyLS4zMDkuNTdsLTEuNzY0LjIzYS4zNTUuMzU1IDAgMDEtLjIwMy0uMDM2Yy0uMi0uMDgtLjM2Ny0uMjktLjQxMy0uNTUzbC0uNTItMi45NDVjLS4wNTgtLjMzNC4wOTMtLjY1My4zNDQtLjc1MmEuMzMzLjMzMyAwIDAxLjA1Ny0uMDE4bDEuNzEzLS4zODRjLjIxNy0uMDQ4LjQzNC4xNDQuNDg1LjQzeiIvPjwvc3ZnPg==)
}

.page-leftinner .page-leftinner-icon-live-active,
.page-leftinner .page-leftinner-icon-live:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjE0MyA0LjY2OGEyLjQwMSAyLjQwMSAwIDAxMy4xMzQgMS44NThsMS4zNTQgNy42ODFhMi40MDEgMi40MDEgMCAwMS0yLjM3IDIuODE4bC04Ljc0NS0uMDIzLTEuMjk0IDEuODgzYTEuNTc2IDEuNTc2IDAgMDEtMi4wNjIuNDg1bC0uMTI5LS4wOGExLjU3NSAxLjU3NSAwIDAxLS42NTgtMS4wMjdMNS43NjYgMTQuOGwtLjY4Ni0zLjlhMi40MDEgMi40MDEgMCAwMTEuNTk0LTIuNjl6bS05LjA0IDYuMTNsLS4wODYuMDEyYS41NzMuNTczIDAgMDAtLjQzLjY1NmwuNDI4IDIuNDI1YS41NzYuNTc2IDAgMDAuNjE1LjQ3MWwxLjQ3OS0uMTkyYy4yMi0uMDI5LjM2Ni0uMjQ0LjMyNC0uNDgtLjA0Mi0uMjM4LS4yNTQtLjQwMy0uNDc0LS4zN2wtLjkzLjE0LS4zOS0yLjIxNGEuNTIuNTIgMCAwMC0uNjIyLS40MzZ6bTIuNzgtLjYyMWwtLjA4Ni4wMWMtLjI5LjA2Ni0uNDc5LjM3Ny0uNDIzLjY5NmwuNDU5IDIuNjAyYy4wNTYuMzE5LjM0LjU0Ny42MzUuNTA5LjI5NC0uMDM5LjQ4Ni0uMzM1LjQyOC0uNjYybC0uNDctMi42NjljLS4wNTgtLjMyNy0uMzQtLjU0LS42My0uNDc1em00LS44MThjLS4yODctLjA5Ny0uNTc4LjEwNC0uNjUuNDQ3bC0uMzg4IDEuODA1LS45NzQtMS41MTJjLS4xOC0uMjc2LS41MTctLjMzMi0uNzUxLS4xMjctLjIzNS4yMDMtLjI4LjU4NS0uMS44NTdsMS42NDIgMi41MzhjLjEzLjIwNi4zNC4zMDkuNTM2LjI4NWwuMDEzLS4wMDFjLjE5NS0uMDI4LjM2LS4xODIuNDEyLS40MTZsLjY1NC0zLjA2NWMuMDcxLS4zNDgtLjEwNi0uNzEzLS4zOTQtLjgxMXptMy4wOTItLjc3bC0uMDcyLjAwOC0xLjcxMy4zODRhLjMzMy4zMzMgMCAwMC0uMDU3LjAxOGMtLjI1MS4wOTktLjQwMi40MTgtLjM0NC43NTJsLjUyIDIuOTQ1Yy4wNDYuMjYyLjIxMi40NzIuNDEzLjU1M2EuMzU1LjM1NSAwIDAwLjIwMy4wMzZsMS43NjQtLjIzYy4yMi0uMDI4LjM1OS0uMjgzLjMwOC0uNTctLjA1LS4yODYtLjI3LS40OTEtLjQ5LS40NThsLTEuMTk0LjE4LS4xMTgtLjY2OS45MjctLjE1M2MuMjItLjAzNy4zNTYtLjI5Ny4zMDYtLjU4Mi0uMDUtLjI4NS0uMjY4LS40ODItLjQ4Ny0uNDQxbC0uOTIzLjE3My0uMTE4LS42NyAxLjE4NC0uMjM5Yy4yMTgtLjA0NC4zNTQtLjMxMi4zMDQtLjU5OC0uMDUtLjI4Ny0uMjY4LS40OC0uNDg1LS40M3oiLz48L3N2Zz4=)
}

.page-leftinner .page-leftinner-icon-talker {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMjQgMHYyNEgwVjBoMjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNOS4zOTQgNC4yaDUuMjEyYTMgMyAwIDAxMyAzdjUuNTc5YTMgMyAwIDAxLTMgM0g5LjM5NGEzIDMgMCAwMS0zLTNWNy4yYTMgMyAwIDAxMy0zem0tLjE3NyAxNS4xODRoNS41NjZNNy4zNzIgMTEuOWgyLjI0Mk03LjUzMiA4LjA4aDIuMjQybTQuODAyIDMuODJoMi4yNDJtLTIuMDgyLTMuODJoMi4yNDJNMTIgMTYuMzIzdjMuMDYxIiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PC9zdmc+)
}

.page-leftinner .page-leftinner-icon-talker-active,
.page-leftinner .page-leftinner-icon-talker:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMjQgMHYyNEgwVjBoMjR6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGQ9Ik04LjIxMyAwYTMgMyAwIDAxMyAzdjUuNTc5YTMgMyAwIDAxLTMgM0gzLjAwMmEzIDMgMCAwMS0zLTNMMCA4LjIxMmEuNjk4LjY5OCAwIDAwLjQ3Ni4xODdoMi42NWEuNy43IDAgMTAwLTEuNEguNDc2QS42OTguNjk4IDAgMDAwIDcuMTg3VjQuMzkyYS42OTguNjk4IDAgMDAuNDc2LjE4N2gyLjY1YS43LjcgMCAxMDAtMS40SC40NzZBLjY5OC42OTggMCAwMDAgMy4zNjZMLjAwMiAzYTMgMyAwIDAxMy0zaDUuMjExem0yLjE0OCA3aC0yLjY1YS43LjcgMCAxMDAgMS40aDIuNjVhLjcuNyAwIDEwMC0xLjR6bTAtMy44MmgtMi42NWEuNy43IDAgMTAwIDEuNGgyLjY1YS43LjcgMCAxMDAtMS40eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjM5MyA0LjgzKSI+PHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTAgMGgxMS4yMTN2MTEuNTc5SDBWMHoiLz48L2c+PHBhdGggZD0iTTkuMzk1IDQuODNoNS4yMTJhMyAzIDAgMDEzIDN2NS41NzlhMyAzIDAgMDEtMyAzSDkuMzk1YTMgMyAwIDAxLTMtM1Y3LjgzYTMgMyAwIDAxMy0zek04LjYyIDIwLjAxNGg2LjU5OW0tMy4yMTgtMy4wNjF2My4wNjEiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48L3N2Zz4=)
}


.pagebase-right {
    height: 100%;
    margin-left: 240px;
    padding-top: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pagebase-right-fullmain {
    margin-left: 0
}

.pagebase-right-top {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    height: 64px
}

.pagebase-right-top,
.pagebase-right-top-content {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pagebase-right-top-content {
    background: hsla(0, 0%, 100%, .9);
    min-width: 1340px;
    position: relative;
    height: 100%
}

.pagebase-right-bottom {
    padding: 5px 22px 22px;
    height: 100%;
    background-color: #fafafa;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
}

.pagebase-right-bottom-fullmain {
    padding: 0;
    background-color: #fff
}
.container {
    background-color: #fafafa;
    width: 100%;
    padding: 10px 64px 0px;
}
.content, .main-content {
	width: 100%;
	overflow: hidden;
}

/* network */
.network {
	display: inline-block;
	line-height:22px;
	font-size:14px;
	transform: translateX(-50%);
	position:relative;
	left:50%;
}
.network a{
	color:#ff2626;
}
.network a:hover {
	color: #f56c08;
}
.network .network-fabu {
	font-weight:600;
	color:#ff2626;
	background:url('../images/laba-ico.png') no-repeat right center;
	padding-right:22px;
	background-size:20px 20px;
}
.network .fabu-dizhi {
	
}
.network .fabu-wangzhi {
	
}

/* 404提示信息 */
.page-error {
	padding: 10px;
	background: transparent;
	color: #e44242;
	border: 1px solid #e44242;
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	margin: 20px 0 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* page top */
.pagebase-top {
    width: 100%;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    min-width: 1100px;
    height: 64px;
    border-bottom: 1px solid #e6e6e8
}

.pagebase-top-left {
    width: 240px;
    float: left;
    padding-top: 14px;
    overflow: hidden
}

.pagebase-top-left .pagebase-left-switch {
    float: left;
    margin: 6px 0 0 16px
}

.pagebase-top-left .logo {
    float: left;
    margin-left: 24px
}

.pagebase-top-search {
    width: 440px;
    height: 36px;
    margin: 14px 0 0 32px;
    float: left
}

.pagebase-top-right {
    float: right;
    padding-top: 16px
}

.pagebase-top-right:after {
    clear: both;
    display: none;
    content: " "
}

.pagebase-top-hanyu .pagebase-top-search {
    width: 600px
}

.pagebase-top-hanyu .pagebase-top-search .search-input input {
    width: 500px
}

.pagebase-top-hanyu .pagebase-top-left {
    width: 140px
}
.pagebase-top .logo {
    width: 146px;
    height: 36px;
	position: relative;
    display: block;
}
.pagebase-top .logo img {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.pagebase-left-switch {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuNSA1Ljc1aDEzYS41LjUgMCAwMS41LjV2LjVhLjUuNSAwIDAxLS41LjVoLTEzYS41LjUgMCAwMS0uNS0uNXYtLjVhLjUuNSAwIDAxLjUtLjV6bTAgNS41aDEzYS41LjUgMCAwMS41LjV2LjVhLjUuNSAwIDAxLS41LjVoLTEzYS41LjUgMCAwMS0uNS0uNXYtLjVhLjUuNSAwIDAxLjUtLjV6bTAgNS41aDEzYS41LjUgMCAwMS41LjV2LjVhLjUuNSAwIDAxLS41LjVoLTEzYS41LjUgMCAwMS0uNS0uNXYtLjVhLjUuNSAwIDAxLjUtLjV6IiBmaWxsPSIjMTExNjIyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px auto;
    width: 24px;
    height: 24px;
    font-size: 0;
    overflow: hidden;
    cursor: pointer
}

.page-top-rightinfo {
    white-space: nowrap;
    padding-right: 35px;
    font-size: 0;
    line-height: 0;
    height: 32px
}

.page-top-rightinfo-btn {
    float: left;
    height: 32px;
    border-radius: 5px;
    margin-left: 16px;
    padding: 0 8px 0 30px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #111622;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 32px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 8px;
    cursor: pointer;
    position: relative;
    white-space: nowrap
}

.page-top-rightinfo-btn:hover {
    background-color: #f7f7f7
}

.page-top-rightinfo-btn:first-child {
    margin: 0
}

.page-top-rightinfo-download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIuMjVBMi43NSAyLjc1IDAgMDExNi43NSA1djEwQTIuNzUgMi43NSAwIDAxMTQgMTcuNzVINkEyLjc1IDIuNzUgMCAwMTMuMjUgMTVWNUEyLjc1IDIuNzUgMCAwMTYgMi4yNXptMCAxLjVINmMtLjY5IDAtMS4yNS41Ni0xLjI1IDEuMjV2MTBjMCAuNjkuNTYgMS4yNSAxLjI1IDEuMjVoOGMuNjkgMCAxLjI1LS41NiAxLjI1LTEuMjVWNWMwLS42OS0uNTYtMS4yNS0xLjI1LTEuMjV6bS0xLjgxMyA5LjM3OGEuNzUuNzUgMCAwMS4xMDIgMS40OTNsLS4xMDIuMDA3SDcuODEzYS43NS43NSAwIDAxLS4xMDItMS40OTNsLjEwMi0uMDA3aDQuMzc0ek0xMCA1LjM3YS43NS43NSAwIDAxLjc1Ljc1djMuNjZsLjU3NS0uNTEuMDg5LS4wNjdhLjc1Ljc1IDAgMDEuOTA1IDEuMTlsLTEuODM4IDEuNjI3LS4wNjEuMDQ2LS4wODUuMDUtLjEyMS4wNDctLjEwNi4wMjRhLjcyLjcyIDAgMDEtLjQwMy0uMDUzbC0uMDkzLS4wNDgtLjA2Mi0uMDQyLTEuODctMS42NS0uMDc3LS4wOGEuNzUuNzUgMCAwMS4wMTMtLjk4bC4wOC0uMDc3YS43NS43NSAwIDAxLjk3OS4wMTNsLjU3NS41MVY2LjEybC4wMDctLjEwMUEuNzUuNzUgMCAwMTEwIDUuMzd6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+)
}

.page-top-rightinfo-download:hover .page-top-rightinfo-downloadtip-outer {
    display: block
}

.page-top-rightinfo-download.type1 {
    background-image: unset
}

.page-top-rightinfo-download.type1 .downloadtip-show-enter,
.page-top-rightinfo-download.type1 .downloadtip-show-exit {
    opacity: 0 !important
}

.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    /*display: block;*/
    width: 171px;
    height: 285px;
    left: unset;
    -webkit-transform: translate(-70px);
    transform: translate(-70px);
    padding: 20px 0 0
}

.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip {
    padding: 20px 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .97);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
    border-radius: 10px
}

.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-title {
    margin-bottom: 8px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #000;
    line-height: 16px
}

.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-imgborder {
    margin: 18px auto 13px;
    width: 128px;
    height: 128px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 12px;
    overflow: hidden
}

.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(data:image/png;base64,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)
}

.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 22px
}

.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-text img {
    width: 22px;
    height: 22px;
    margin-right: 6px
}

.page-top-rightinfo-download.type1 .page-top-rightinfo-downloadtip-outer .page-top-rightinfo-downloadtip-text span {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 22px
}

.page-top-rightinfo-download.type1:after {
    content: "";
    width: 44px;
    height: 44px;
    background-image: url(../images/icon-earn.gif);
    background-size: cover;
    position: absolute;
    top: -7px;
    left: -8px
}

.page-top-rightinfo-gohome {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjg5IDMuMzEybDMuNSAyLjI0NkEzLjUgMy41IDAgMDExNyA4LjUwNFYxNGEzLjUgMy41IDAgMDEtMy41IDMuNWgtN0EzLjUgMy41IDAgMDEzIDE0VjguNTA0YTMuNSAzLjUgMCAwMTEuNjEtMi45NDZsMy41LTIuMjQ2YTMuNSAzLjUgMCAwMTMuNzggMHpNOS4wNjQgNC40OTFsLS4xNDQuMDg0LTMuNSAyLjI0NmEyIDIgMCAwMC0uOTEzIDEuNTE0bC0uMDA3LjE2OVYxNGEyIDIgMCAwMDEuODUgMS45OTVMNi41IDE2aDdhMiAyIDAgMDAxLjk5NS0xLjg1TDE1LjUgMTRWOC41MDRhMiAyIDAgMDAtLjc4MS0xLjU4NmwtLjEzOS0uMDk3LTMuNS0yLjI0NmEyIDIgMCAwMC0yLjAxNi0uMDg0ek0xMCA5Ljc1YS43NS43NSAwIDAxLjc1Ljc1VjEzYS43NS43NSAwIDExLTEuNSAwdi0yLjVhLjc1Ljc1IDAgMDEuNzUtLjc1eiIgZmlsbD0iIzIyMiIvPjwvc3ZnPg==);
    display: none
}
.pagebase-fullmain .page-top-rightinfo-gohome {
    display: block
}
.pagebase-fullmain .pagebase-top-search .search-input input {
    width: 214px;
}

.page-top-rightinfo-chuangzuo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjAxMyAxNi4zMDNhLjc1Ljc1IDAgMDEuMTAyIDEuNDkzbC0uMTAyLjAwN0g4LjE0OWEuNzUuNzUgMCAwMS0uMTAyLTEuNDkzbC4xMDItLjAwN2gzLjg2NHpNMTAgMi4xOTdhNi4xODMgNi4xODMgMCAwMTMuODEgMTEuMDU0bC0uMDguMDU5djEuNTc1YS43NS43NSAwIDAxLS42NDguNzQzbC0uMTAxLjAwN0g3LjcyM2EuNzUuNzUgMCAwMS0uMTAyLTEuNDkzbC4xMDItLjAwN2g0LjUwN3YtMS4yMTFhLjc1Ljc1IDAgMDEuMjUzLS41NjJsLjA4Ni0uMDY1YTQuNjgzIDQuNjgzIDAgMTAtNS43OTEtLjUxOC43NS43NSAwIDExLTEuMDMzIDEuMDg4QTYuMTgzIDYuMTgzIDAgMDExMCAyLjE5N3ptLjk4NCAyLjk4MWEzLjEyIDMuMTIgMCAwMTIuMjEgMi4xOTQuNzUuNzUgMCAwMS0xLjQ0OC4zOTMgMS42MiAxLjYyIDAgMDAtMS4wMDktMS4wOTRsLS4xMzYtLjA0MmEuNzUuNzUgMCAwMS4zODMtMS40NXoiIGZpbGw9IiMxMTE2MjIiLz48L3N2Zz4=)
}

.page-top-rightinfo-msg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjA0MyAzLjcyYzEuNDg4IDAgMi44NzQuMTA3IDQuMTY4LjMyM2wuNTM1LjA5N2EzLjc1IDMuNzUgMCAwMTIuOTU1IDIuOTI4Yy4xODcuOTEzLjI4IDEuOTA1LjI4IDIuOTc1IDAgLjg5LS4wNjUgMS43MjEtLjE5NyAyLjUwM2wtLjA2OC4zNzFhMy43NSAzLjc1IDAgMDEtMi45NTYgMi45MzdjLTEuNDUxLjI4NC0zLjAzOC40MjYtNC43Ni40MjZhMjUuNTkgMjUuNTkgMCAwMS00LjIxMy0uMzI3bC0uNTQyLS4wOThBMy43NSAzLjc1IDAgMDEyLjI5IDEyLjkyYTE0Ljc0IDE0Ljc0IDAgMDEtLjI3LTIuOTE5YzAtLjkwMS4wNjUtMS43NDIuMTk4LTIuNTM0bC4wNy0uMzc1YTMuNzUgMy43NSAwIDAxMi45Ni0yLjk0YzEuNDc1LS4yODggMy4wNzMtLjQzIDQuNzk2LS40M3pNMy45MTYgNi44OTRjLS4wNy4xNTItLjEyMy4zMTMtLjE1Ny40OGwtLjA2NS4zNTJBMTMuNzYgMTMuNzYgMCAwMDMuNTIgMTBjMCAuOTYuMDggMS44MzQuMjQgMi42MjEuMTguODkyLjg4IDEuNTg4IDEuNzYzIDEuNzZsLjUyMi4wOTVjMS4yMTMuMjAyIDIuNTMxLjMwNCAzLjk1Ni4zMDQgMS42MyAwIDMuMTItLjEzMyA0LjQ3Mi0uMzk4YTIuMjQ2IDIuMjQ2IDAgMDAxLjc3MS0xLjc1bC4wNjQtLjM0N2MuMTE2LS42ODUuMTc0LTEuNDMyLjE3NC0yLjI0MiAwLS45NzMtLjA4NC0xLjg2NC0uMjUtMi42NzRhMi4yNTQgMi4yNTQgMCAwMC0uMTE4LS4zOTJMMTEuOTMgOS40NDhhMy43NSAzLjc1IDAgMDEtMy42NTcuMDg5bC0uMi0uMTEzem02LjEyNy0xLjY3NGMtMS42MyAwLTMuMTMzLjEzNS00LjUxLjQwM2EyLjI1MyAyLjI1MyAwIDAwLS41MzIuMTc0bDMuODUyIDIuMzQ1YTIuMjUgMi4yNSAwIDAwMi4xNTguMDk5bC4xNTYtLjA4NCAzLjkyNi0yLjMyYTIuMjEzIDIuMjEzIDAgMDAtLjYyNC0uMjIzbC0uNTE2LS4wOTNjLTEuMTk4LS4yLTIuNTAyLS4zLTMuOTEtLjN6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+);
    margin-right: 36px
}

.page-top-rightinfo-upload {
    border: 1px solid #e6e6e8;
    height: 30px;
    line-height: 30px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjExIDkuMjU3bC4xMDQuMDI0LjEyMS4wNDguMDg1LjA1LjA2LjA0NCAxLjg0IDEuNjI3YS43NS43NSAwIDAxLS45MDYgMS4xOTFsLS4wODktLjA2Ny0uNTc1LS41MVYxN2EuNzUuNzUgMCAwMS0xLjQ5My4xMDJMOS4yNSAxN3YtNS4zMzdsLS41NzUuNTFhLjc1Ljc1IDAgMDEtLjk4LjAxNGwtLjA3OS0uMDc4YS43NS43NSAwIDAxLS4wMTMtLjk3OWwuMDc4LS4wOEw5LjU1IDkuNGwuMDc1LS4wNS4wOC0uMDRhLjcyLjcyIDAgMDEuNDA0LS4wNTN6bS4zOS02LjAwN2E2LjI1MiA2LjI1MiAwIDAxNi4xNjEgNS4xOTVsLjAzMi4yMDkuMDguMDQxYTMuNzUgMy43NSAwIDAxMS45NzIgMy4xMDVsLjAwNS4yYTMuNzUzIDMuNzUzIDAgMDEtMy4zNTQgMy43MjhsLS4xOTguMDE3LS4xOTguMDA1aC0yLjIzNWEuNzUuNzUgMCAwMS0uMTAyLTEuNDkzbC4xMDItLjAwN2gyLjIxM2wuMTU1LS4wMDRhMi4yNSAyLjI1IDAgMDAuNjEtNC4zNy43NS43NSAwIDAxLS41MDItLjY2NCA0Ljc1IDQuNzUgMCAwMC05LjMxNi0uOTk3Ljc1Ljc1IDAgMDEtLjY2LjU0NUEyLjc1IDIuNzUgMCAwMDIuNzUgMTEuNWEyLjc0OSAyLjc0OSAwIDAwMi40MDggMi43M2wuMTcuMDE1LjE3LjAwNWgxLjY3MWEuNzUuNzUgMCAwMS4xMDIgMS40OTNsLS4xMDIuMDA3SDUuNDc3bC0uMjEtLjAwNmE0LjI1IDQuMjUgMCAwMS0uNzMtOC4zODRsLjA5Ni0uMDIxYTYuMjU3IDYuMjU3IDAgMDE1LjYxMi00LjA4NGwuMjU1LS4wMDV6IiBmaWxsPSIjMTExNjIyIi8+PC9zdmc+)
}

.page-top-rightinfo-upload:hover {
    font-family: PingFangSC-Medium;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjExIDkuMjU3bC4xMDQuMDI0LjEyMS4wNDguMDg1LjA1LjA2LjA0NCAxLjg0IDEuNjI3YS43NS43NSAwIDAxLS45MDYgMS4xOTFsLS4wODktLjA2Ny0uNTc1LS41MVYxN2EuNzUuNzUgMCAwMS0xLjQ5My4xMDJMOS4yNSAxN3YtNS4zMzdsLS41NzUuNTFhLjc1Ljc1IDAgMDEtLjk4LjAxNGwtLjA3OS0uMDc4YS43NS43NSAwIDAxLS4wMTMtLjk3OWwuMDc4LS4wOEw5LjU1IDkuNGwuMDc1LS4wNS4wOC0uMDRhLjcyLjcyIDAgMDEuNDA0LS4wNTN6bS4zOS02LjAwN2E2LjI1MiA2LjI1MiAwIDAxNi4xNjEgNS4xOTVsLjAzMi4yMDkuMDguMDQxYTMuNzUgMy43NSAwIDAxMS45NzIgMy4xMDVsLjAwNS4yYTMuNzUzIDMuNzUzIDAgMDEtMy4zNTQgMy43MjhsLS4xOTguMDE3LS4xOTguMDA1aC0yLjIzNWEuNzUuNzUgMCAwMS0uMTAyLTEuNDkzbC4xMDItLjAwN2gyLjIxM2wuMTU1LS4wMDRhMi4yNSAyLjI1IDAgMDAuNjEtNC4zNy43NS43NSAwIDAxLS41MDItLjY2NCA0Ljc1IDQuNzUgMCAwMC05LjMxNi0uOTk3Ljc1Ljc1IDAgMDEtLjY2LjU0NUEyLjc1IDIuNzUgMCAwMDIuNzUgMTEuNWEyLjc0OSAyLjc0OSAwIDAwMi40MDggMi43M2wuMTcuMDE1LjE3LjAwNWgxLjY3MWEuNzUuNzUgMCAwMS4xMDIgMS40OTNsLS4xMDIuMDA3SDUuNDc3bC0uMjEtLjAwNmE0LjI1IDQuMjUgMCAwMS0uNzMtOC4zODRsLjA5Ni0uMDIxYTYuMjU3IDYuMjU3IDAgMDE1LjYxMi00LjA4NGwuMjU1LS4wMDV6IiBmaWxsPSIjRkZGIi8+PC9zdmc+);
    background-color: #ff2626;
    color: #fff;
    border-color: #ff2626
}

.page-top-rightinfo-user {
    float: left;
    margin-left: 24px;
    height: 32px;
    width: 32px;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTPj4+P////j4+Pb29vX19fj4+Pf39/T09PHx8fb29uTk5Ofn5+Hh4dvb2+zs7Mnbh48AAAAJdFJOUwCRDizpw0TM8FxCOtoAAAQeSURBVEjHhVe7btxWEKXzKlRtETeqUtgw4Mq1KsedVTkuXblO6dKf4M5AmnttgFKkxLrTuDZIYmuCG/gDKO4f7PbXUqDM6z74kDIrkCvu4cyZJ4dFMZbv7x8DyvlvT4q75LufEWQBHJ5+/eV23L13DLEO6HOxug33kFBgLR35hpfLuEf0szXGlMYbQwzgzaJdYucYx2KRASxY/4kMEoo+viQ0XXk9Ax5aNqtIEefgdIp7AIRjdiTeMxhJP5vEmRxVfQrCM1sfR/7IQaZP8OwRuLOpJ8zMox7PR77Pezf253dymGClnCSYJauEv0cMHV8vNYo++GRKl7N8HCJjyhAdLwo5RX9G4LEFYe8DXr7yycJ5ljxlr856oat3gl2NXIkcKX+RI/4ld7AAo7uo6Waz2dwoSTKOjifLapXsdxXJV5O4OC2ix5w8r64KLiHxKoD4/ZaCKByNuaqCtCZctfYTN1RUiAquI66qvSaqRHeo0X4Uip5d7RIQjZdSHgh8gcAD1ihF8zHDVXUwhLZPqLSd40IhnVc5sGq9xAwD9B6B7yAGsexGwLXwoXxfkC8QOs+PLKMESuwNJ5qz7yeWq0rCQwHCkP8ALjTADNiGnFt4Whw4JxWBtdBNgGv9BYEnxRG4UCxlNQVqg3trz4pDiBU1A9ahgg0OglcQp80CMPwEfxXHITrIcQ7UmjLYDtgu2h7m44JGr6ZdIQ0otb0AVB0WCkqMOn0LUFJTwB1er+MoIqCNt5kFoKbGsUavo3OWmbYMMygzTeB5rnOONhKZxcebVBUUxxCsqTfJadKoARcZk/wSokHzR1K4XJDexAmHKXylD5e57TqRp6I4tKlbxyqTz+jLKRVuZrucpkX5wxn2v8nlOk0UE3NrrDvB5srdNv/sFHhp0vMTo/OU2zXD7fe7HmHNdn9pco4rHAA2cfl3zzLwcZ1M8zgLI4VKfNjtk+zaMiq8oCEV3S6bIUPuhj5atvQ0PoiB/DAMwzbidrvhS9R4ooNUpEGNw6C4LX69jE6/KMI4I4XVwMgtat0iru/7Ng0zHfZcOg2GBVkOUTQ71n2Sx4cDcaVqmop1Crjvm0pKRx8fGnIu76ZK6mJhxK1G1okrykiFh74Z+gGP9M+afbbhoUntINWNthmMpz7UZHpo3uOnZlaJvaC0hrJ96hhtzyZUaAdw59mqALcB2+hzWI+uloFrXKaejPajD8JpgutagLPxguS6JYW1nSx8RwCfSYFqDYq7b2OFwnLBnXbMUNZCC9iBXdeRWqHRfcXbn80WTbx4XbP5jm+oa8TZ04XVFXmXNeNQbVXX7fLqionE5fvzJmjcfAPnYLW8XtPybW42XY0LEqlbXq9xYYdc8K6Xd7wCWF6/Hb0GnK/+56WCGdz9UsGvKc9p9/9j9pryH6zyzm/yXA6bAAAAAElFTkSuQmCC)
}

.page-top-rightinfo-user .topright-userinfo-outer {
    position: absolute;
    display: none;
    top: 22px;
    left: -21px;
    padding-top: 28px;
    width: 70px
}

.page-top-rightinfo-user:hover .topright-userinfo-outer {
    display: block
}
.page-top-rightinfo-unlogin{
	display:inline-block;
	color:#fff;
	width: 88px;
    height: 30px;
    background-color: #ff2626;
    border-radius: 5px;
    background-image: none;
    border: none;
    line-height: 30px;
	font-size:14px;
    text-align: center
}

.page-top-rightinfo-downloadtip {
    width: 130px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(80, 86, 102, .1);
    box-shadow: 0 4px 8px 0 rgba(80, 86, 102, .1);
    border-radius: 3px;
    padding: 9px 0 11px
}

.page-top-rightinfo-downloadtip-outer {
    display: none;
    padding-top: 10px;
    left: -5px;
    position: absolute;
    margin-top: -1px
}

.page-top-rightinfo-downloadtip-title {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    font-weight: 400;
    text-align: center;
    line-height: 18px
}

.page-top-rightinfo-downloadtip-img {
    width: 100px;
    height: 100px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 6px auto 0
}

.page-top-rightinfo-downloadtip-text {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    font-weight: 400;
    text-align: center;
    line-height: 18px;
    margin-top: 12px
}

.page-top-rightinfo-downloadtip-text span {
    display: inline-block;
    position: relative
}

.page-top-rightinfo-downloadtip-text-line {
    margin: 0 15px;
    width: 1px;
    height: 10px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    top: 1px
}

.page-top-rightinfo-msgcount {
    height: 14px;
    background: #f1403c;
    border-radius: 6px;
    padding: 0 4px;
    overflow: hidden;
    display: inline-block;
    font-family: DIN1451-MittelschriftLT;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0;
    position: absolute;
    line-height: 14px;
    top: 0;
    left: 57px
}

.page-top-rightinfo .popover-show-enter,
.page-top-rightinfo .popover-show-exit {
    opacity: 0
}

.page-top-rightinfo-popover {
    position: absolute;
    padding-top: 20px;
    right: 31px;
    top: 47px;
    font-family: PingFang-SC-Medium;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 1
}

.page-top-rightinfo-popover .login-popover {
    overflow: hidden;
    width: 422px;
    height: 265px;
    border-radius: 10px;
    background: hsla(0, 0%, 100%, .99);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700
}

.page-top-rightinfo-popover .login-popover-title {
    margin: 28px 0 19px 25px;
    font-size: 18px;
    line-height: 20px;
    color: #111622
}

.page-top-rightinfo-popover .login-popover-rights {
    height: 110px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 20px
}

.page-top-rightinfo-popover .login-popover-rights,
.page-top-rightinfo-popover .login-popover-rights .login-popover-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-top-rightinfo-popover .login-popover-rights .login-popover-right {
    height: 39px
}

.page-top-rightinfo-popover .login-popover-rights .login-popover-right img {
    width: 40px;
    height: 39px;
    margin-right: 6px
}

.page-top-rightinfo-popover .login-popover-rights .login-popover-right p {
    font-size: 16px;
    color: #505666;
    line-height: 18px;
    font-weight: lighter
}

.page-top-rightinfo-popover .login-popover-btn {
    position: absolute;
    right: 23px;
    bottom: 22px;
    height: 48px;
    width: 376px;
    background: #ff2626;
    border-radius: 10px;
    color: #fff;
    font-family: PingFangSC-Medium;
    font-size: 17px;
    text-align: center;
    line-height: 48px;
    cursor: pointer
}

.page-top-rightinfo em {
	display: inline-block;
	margin: 0 0 0 5px;
	width: 14px;
	height: 14px;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #fc5729;
	color: #ffffff;
}
.page-top-rightinfo em.small {
	font-size: 9px;
}

.topright-userinfo-list {
    padding: 10px 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .08);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    width: 120px;
    margin-left: -40px
}

.topright-userinfo-item {
    width: 112px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.topright-userinfo-item .icon {
    margin-right: 6px;
    font-size: 16px;
    vertical-align: middle
}

.topright-userinfo-item:hover {
    background: rgba(255, 65, 65, .06);
    color: #ff4141
}

.topright-userinfo-item:hover .icon {
    color: #ff4141
}

.gray-style {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}
.hktoast--mask {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(94, 54, 54, .4);
    position: fixed;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10000
}
.hktoast--mask.bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 400px
}
.hktoast--mask .hktoast {
    display: inline-block;
    padding: 10px 16px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    pointer-events: all
}
.hktoast--mask .hktoast-icon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px
}
.hktoast--mask .hktoast-icon.hksuccess-icon {
    color: #52c41a
}
.hktoast--mask .hktoast-icon.hkfail-icon {
    color: #f5222d
}
.hktoast--mask .hktoast-icon.hkwarning-icon {
    color: #faad14
}

@-webkit-keyframes rodal-fade-enter {
    0% {
        opacity: 0
    }
}

@keyframes rodal-fade-enter {
    0% {
        opacity: 0
    }
}

.hk-rodal--fade-enter {
    -webkit-animation: rodal-fade-enter .4s ease-in both;
    animation: rodal-fade-enter .4s ease-in both
}

@-webkit-keyframes rodal-fade-leave {
    to {
        opacity: 0
    }
}

@keyframes rodal-fade-leave {
    to {
        opacity: 0
    }
}

.hk-rodal--fade-leave {
    -webkit-animation: rodal-fade-leave .4s ease-out both;
    animation: rodal-fade-leave .4s ease-out both
}

@-webkit-keyframes rodal-zoom-enter {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes rodal-zoom-enter {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.hk-rodal--zoom-enter {
    -webkit-animation: rodal-zoom-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
    animation: rodal-zoom-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes rodal-zoom-leave {
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes rodal-zoom-leave {
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.hk-rodal--zoom-leave {
    -webkit-animation: rodal-zoom-leave .4s both;
    animation: rodal-zoom-leave .4s both
}

@-webkit-keyframes rodal-slideDown-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -.805rem, 0);
        transform: translate3d(0, -.805rem, 0)
    }
}

@keyframes rodal-slideDown-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -.805rem, 0);
        transform: translate3d(0, -.805rem, 0)
    }
}

.hk-rodal--slideDown-enter {
    -webkit-animation: rodal-slideDown-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
    animation: rodal-slideDown-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes rodal-slideDown-leave {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -.805rem, 0);
        transform: translate3d(0, -.805rem, 0)
    }
}

@keyframes rodal-slideDown-leave {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -.805rem, 0);
        transform: translate3d(0, -.805rem, 0)
    }
}

.hk-rodal--slideDown-leave {
    -webkit-animation: rodal-slideDown-leave .4s both;
    animation: rodal-slideDown-leave .4s both
}

@-webkit-keyframes rodal-slideLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1.208rem, 0, 0);
        transform: translate3d(-1.208rem, 0, 0)
    }
}

@keyframes rodal-slideLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1.208rem, 0, 0);
        transform: translate3d(-1.208rem, 0, 0)
    }
}

.hk-rodal--slideLeft-enter {
    -webkit-animation: rodal-slideLeft-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
    animation: rodal-slideLeft-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes rodal-slideLeft-leave {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-1.208rem, 0, 0);
        transform: translate3d(-1.208rem, 0, 0)
    }
}

@keyframes rodal-slideLeft-leave {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-1.208rem, 0, 0);
        transform: translate3d(-1.208rem, 0, 0)
    }
}

.hk-rodal--slideLeft-leave {
    -webkit-animation: rodal-slideLeft-leave .4s both;
    animation: rodal-slideLeft-leave .4s both
}

@-webkit-keyframes rodal-slideRight-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1.208rem, 0, 0);
        transform: translate3d(1.208rem, 0, 0)
    }
}

@keyframes rodal-slideRight-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1.208rem, 0, 0);
        transform: translate3d(1.208rem, 0, 0)
    }
}

.hk-rodal--slideRight-enter {
    -webkit-animation: rodal-slideRight-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
    animation: rodal-slideRight-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes rodal-slideRight-leave {
    to {
        opacity: 0;
        -webkit-transform: translate3d(1.208rem, 0, 0);
        transform: translate3d(1.208rem, 0, 0)
    }
}

@keyframes rodal-slideRight-leave {
    to {
        opacity: 0;
        -webkit-transform: translate3d(1.208rem, 0, 0);
        transform: translate3d(1.208rem, 0, 0)
    }
}

.hk-rodal--slideRight-leave {
    -webkit-animation: rodal-slideRight-leave .4s both;
    animation: rodal-slideRight-leave .4s both
}

@-webkit-keyframes rodal-slideUp-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, .805rem, 0);
        transform: translate3d(0, .805rem, 0)
    }
}

@keyframes rodal-slideUp-enter {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, .805rem, 0);
        transform: translate3d(0, .805rem, 0)
    }
}

.hk-rodal--slideUp-enter {
    -webkit-animation: rodal-slideUp-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
    animation: rodal-slideUp-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes rodal-slideUp-leave {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, .805rem, 0);
        transform: translate3d(0, .805rem, 0)
    }
}

@keyframes rodal-slideUp-leave {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, .805rem, 0);
        transform: translate3d(0, .805rem, 0)
    }
}

.hk-rodal--slideUp-leave {
    -webkit-animation: rodal-slideUp-leave .4s both;
    animation: rodal-slideUp-leave .4s both
}

@-webkit-keyframes rodal-flip-enter {
    0% {
        -webkit-transform: perspective(3.221rem) rotateX(60deg);
        transform: perspective(3.221rem) rotateX(60deg)
    }

    70% {
        -webkit-transform: perspective(3.221rem) rotateX(-15deg);
        transform: perspective(3.221rem) rotateX(-15deg)
    }

    to {
        -webkit-transform: perspective(3.221rem);
        transform: perspective(3.221rem)
    }
}

@keyframes rodal-flip-enter {
    0% {
        -webkit-transform: perspective(3.221rem) rotateX(60deg);
        transform: perspective(3.221rem) rotateX(60deg)
    }

    70% {
        -webkit-transform: perspective(3.221rem) rotateX(-15deg);
        transform: perspective(3.221rem) rotateX(-15deg)
    }

    to {
        -webkit-transform: perspective(3.221rem);
        transform: perspective(3.221rem)
    }
}

.hk-rodal--flip-enter {
    -webkit-animation: rodal-flip-enter .4s ease-in both;
    animation: rodal-flip-enter .4s ease-in both;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes rodal-flip-leave {
    0% {
        -webkit-transform: perspective(3.221rem);
        transform: perspective(3.221rem)
    }

    30% {
        -webkit-transform: perspective(3.221rem) rotateX(-15deg);
        transform: perspective(3.221rem) rotateX(-15deg)
    }

    to {
        -webkit-transform: perspective(3.221rem) rotateX(45deg);
        transform: perspective(3.221rem) rotateX(45deg)
    }
}

@keyframes rodal-flip-leave {
    0% {
        -webkit-transform: perspective(3.221rem);
        transform: perspective(3.221rem)
    }

    30% {
        -webkit-transform: perspective(3.221rem) rotateX(-15deg);
        transform: perspective(3.221rem) rotateX(-15deg)
    }

    to {
        -webkit-transform: perspective(3.221rem) rotateX(45deg);
        transform: perspective(3.221rem) rotateX(45deg)
    }
}

.hk-rodal--flip-leave {
    -webkit-animation: rodal-flip-leave .4s both;
    animation: rodal-flip-leave .4s both;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes rodal-rotate-enter {
    0% {
        -webkit-transform: rotate(-180deg) scale3d(.3, .3, .3);
        transform: rotate(-180deg) scale3d(.3, .3, .3)
    }
}

@keyframes rodal-rotate-enter {
    0% {
        -webkit-transform: rotate(-180deg) scale3d(.3, .3, .3);
        transform: rotate(-180deg) scale3d(.3, .3, .3)
    }
}

.hk-rodal--rotate-enter {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: rodal-rotate-enter .4s both;
    animation: rodal-rotate-enter .4s both
}

@-webkit-keyframes rodal-rotate-leave {
    to {
        -webkit-transform: rotate(180deg) scale3d(.3, .3, .3);
        transform: rotate(180deg) scale3d(.3, .3, .3)
    }
}

@keyframes rodal-rotate-leave {
    to {
        -webkit-transform: rotate(180deg) scale3d(.3, .3, .3);
        transform: rotate(180deg) scale3d(.3, .3, .3)
    }
}

.hk-rodal--rotate-leave {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: rodal-rotate-leave .4s both;
    animation: rodal-rotate-leave .4s both
}

@-webkit-keyframes rodal-door-enter {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes rodal-door-enter {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.hk-rodal--door-enter {
    -webkit-animation: rodal-door-enter .4s cubic-bezier(.4, 0, 0, 1.5) both;
    animation: rodal-door-enter .4s cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes rodal-door-leave {
    60% {
        -webkit-transform: scaleX(.01);
        transform: scaleX(.01)
    }

    to {
        -webkit-transform: scale3d(0, 1, .1);
        transform: scale3d(0, 1, .1)
    }
}

@keyframes rodal-door-leave {
    60% {
        -webkit-transform: scaleX(.01);
        transform: scaleX(.01)
    }

    to {
        -webkit-transform: scale3d(0, 1, .1);
        transform: scale3d(0, 1, .1)
    }
}

.hk-rodal--door-leave {
    -webkit-animation: rodal-door-leave .4s both;
    animation: rodal-door-leave .4s both
}

.footerlink {
    overflow: hidden;
    margin-top: -4px;
    padding-bottom: 20px
}

.footerlink-item {
    display: inline-block;
    width: 50%;
    padding: 0;
    margin: 24px 0 0;
    vertical-align: top
}

.footerlink-link {
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #46484d;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
	cursor:pointer
}

.footertext {
    overflow: hidden;
    padding: 8px 0 84px
}

.footertext-link,
.footertext-text {
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #7a7e85;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    white-space: wrap;
	word-wrap:break-word;
	word-break:keep-all;
}

.footertext-link:hover,
.footertext-text:hover {
    color: #7a7e85
}

/*搜索下拉层*/
.search-dropdown {
    visibility: hidden;
    position: absolute;
    width: 355px;
    padding: 16px 15px;
    top: -9999px;
    background: #fff;
    opacity: 0;
    left: 0;
    top: 45px;
    z-index: 999;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    -webkit-box-shadow: 0 4px 8px 0 rgba(80, 86, 102, .1);
    box-shadow: 0 4px 8px 0 rgba(80, 86, 102, .1);
    border-radius: 3px
}

.search-dropdown-show {
    visibility: visible
}

.search-dropdown-show-animate {
    opacity: 1
}

.search-dropdown-historybody {
    padding-bottom: 24px
}

.search-dropdown .result-list-header {
    position: relative
}

.search-dropdown .result-list-header,
.search-dropdown .result-list-header .remove {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #505666;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400
}

.search-dropdown .result-list-header .remove {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding-left: 20px;
    cursor: pointer
}

.search-dropdown .result-list-header .remove .icon {
    display: inline-block;
    font-size: 16px;
    vertical-align: -1px
}

.search-dropdown .result-list-header .remove:hover {
    color: #ff4141
}

.search-dropdown .result-list-body {
    overflow: hidden;
    margin: 8px 0 0 -8px;
    white-space: normal
}

.search-dropdown .result-list-item {
    display: inline-block;
    width: 33.33333%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 8px
}

.search-dropdown .result-list-link {
    display: block;
    height: 100%;
    background-color: #f7f7f7;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    padding: 0 5px;
    margin: 0 0 0 8px;
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #111622;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    font-weight: 400
}

.search-dropdown .result-list-link:hover {
    color: #ff4141;
    background: rgba(255, 65, 65, .06)
}

.search-dropdown .item-ul.topic_n .item-li a {
    font-size: 14px
}
/*搜索框*/
.search-input {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e8;
    border-radius: 3px;
    white-space: nowrap
}

.search-input:hover {
    background-color: #f2f2f2
}

.search-input-active,
.search-input-active:hover {
    background-color: #fff
}

.search-input input {
    display: inline-block;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 343px;
    height: 30px;
    line-height: 30px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #505666;
    border: 1px solid transparent;
    background-color: transparent;
    margin: 3px 0 0 6px;
    outline: none
}

.search-input-btn {
    height: 36px;
    float: right;
    width: 75px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjQyNCA0LjI1MkE2Ljk4OCA2Ljk4OCAwIDAxMTYuOSAxNS41OGwyLjM1NSAyLjM1NmEuNzUuNzUgMCAwMS0uOTc3IDEuMTMzbC0uMDg0LS4wNzMtMi4zNDctMi4zNDhBNi45ODggNi45ODggMCAxMTExLjQyNCA0LjI1em0wIDEuNWE1LjQ4OCA1LjQ4OCAwIDEwMCAxMC45NzUgNS40ODggNS40ODggMCAwMDAtMTAuOTc1eiIgZmlsbD0iIzY2NiIvPjwvc3ZnPg==);
    background-size: 24px 24px;
    background-position: 5px;
    background-repeat: no-repeat;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #666;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 36px;
    padding-left: 31px;
    cursor: pointer
}

.search-input:after {
    content: " ";
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 1px;
    height: 16px;
    background-color: #e6e6e6;
    position: absolute;
    right: 80px;
    top: 10px
}

.search-input-hanyu {
    border: none;
    border-radius: 0;
    background-color: #fff;
    width: 600px
}

.search-input-hanyu:after {
    display: none
}

.search-input-hanyu .page-search-input {
    height: 34px;
    margin: 0;
    vertical-align: top;
    border: 1px solid #7b7b7b;
    border-right: none;
    border-bottom: 1px solid #b6b6b6
}

.search-input-hanyu .search-input-btn {
    outline: medium;
    background: #3385ff;
    color: #fff;
    letter-spacing: 1px;
    border-bottom: 1px solid #2d78f4;
    height: 34px;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    text-align: center;
    width: 100px
}



.pop-mask {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.suitableaging {
    display: block;
    bottom: 54px;
    right: 34px;
    width: 50px;
    height: 93px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    border-radius: 25px;
    background-size: 36px 36px;
    background-position: center 7px;
    background-repeat: no-repeat;
    background-image: url(https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2022-1/1641793540029/f03349bed3c0.png);
    padding-top: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: MicrosoftYaHei;
    font-size: 13px;
    color: #333;
    text-align: center;
    line-height: 18px;
    letter-spacing: 2px;
    z-index: 99999
}

.backtop,
.suitableaging {
    position: fixed;
    cursor: pointer
}

.backtop {
    width: 40px;
    height: 40px;
    right: 40px;
    bottom: 120px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: none;
    z-index: 5000
}

.backtop:hover {
    color: #ff4141;
    width: 114px;
    border-radius: 24px;
    background-color: #ffecec
}

.backtop:hover .backtop-hover {
    display: inline;
    opacity: 1
}

.backtop.show {
    display: block
}

.backtop-inner {
    display: block;
    line-height: 40px;
    height: 100%;
    padding-right: 34px
}

.backtop-inner .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 42px;
    color: #666;
    display: inline-block
}

.backtop-hover {
    display: none;
    vertical-align: top;
    opacity: 0;
    height: 40px;
    margin-left: 12px;
    font-size: 16px;
    -webkit-transition: opacity .1s .2s;
    transition: opacity .1s .2s
}


[class*=" icon-"],
[class^=icon-] {
    font-family: hkfont;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-delete:before {
    content: "\e606"
}

.icon-wechat:before {
    content: "\e607"
}

.icon-weibo:before {
    content: "\e608"
}

.icon-download:before {
    content: "\e609"
}

.icon-upload:before {
    content: "\e60a"
}

.icon-thumb:before {
    content: "\e60b"
}

.icon-video:before {
    content: "\e60c"
}

.icon-time:before {
    content: "\e60d"
}

.icon-rightarrow:before {
    content: "\e60e"
}

.icon-thumbempty:before {
    content: "\e60f"
}

.icon-search:before {
    content: "\e610"
}

.icon-quit:before {
    content: "\e611"
}

.icon-personalcenter:before {
    content: "\e612"
}

.icon-qq:before {
    content: "\e613"
}

.icon-introduce:before {
    content: "\e614"
}

.icon-message:before {
    content: "\e615"
}

.icon-eye:before {
    content: "\e616"
}

.icon-identity:before {
    content: "\e617"
}

.icon-history:before {
    content: "\e618"
}

.icon-emoji:before {
    content: "\e619"
}

.icon-comment:before {
    content: "\e61a"
}

.icon-downarrow:before {
    content: "\e61b"
}

.icon-collect:before {
    content: "\e61c"
}

.icon-zhuanlan:before {
    content: "\e61e"
}

.icon-more:before {
    content: "\e61f"
}

.icon-uncollect:before {
    content: "\e622"
}

.icon-collected:before {
    content: "\e623"
}

.icon-guanzhu:before {
    content: "\e624"
}

.icon-arrow:before {
    content: "\e62b"
}

.icon-up:before {
    content: "\e62c"
}

.icon-creator:before {
    content: "\e62d"
}

.icon-update:before {
    content: "\e62e"
}

.icon-chart:before {
    content: "\e62f"
}

.icon-down:before {
    content: "\e630"
}

.icon-hold:before {
    content: "\e631"
}

.icon-1:before {
    content: "\e632"
}

.icon-7:before {
    content: "\e633"
}
/*
.icon-more1:before {
    content: "\e634"
}
*/
.icon-3:before {
    content: "\e635"
}

.icon-share:before {
    content: "\e636"
}

.icon-change:before {
    content: "\e637"
}

.icon-4:before {
    content: "\e638"
}

.icon-phone:before {
    content: "\e639"
}

.icon-8:before {
    content: "\e63a"
}

.icon-collect1:before {
    content: "\e63b"
}

.icon-9:before {
    content: "\e63c"
}

.icon-6:before {
    content: "\e63d"
}

.icon-10:before {
    content: "\e63e"
}

.icon-5:before {
    content: "\e63f"
}

.icon-comment1:before {
    content: "\e640"
}

.icon-2:before {
    content: "\e641"
}

.icon-like:before {
    content: "\e642"
}

.icon-hot:before {
    content: "\e643"
}

::-moz-selection {
    background: #e0e0e9;
    color: unset;
    text-shadow: none
}

::selection {
    background: #e0e0e9;
    color: unset;
    text-shadow: none
}

img::-moz-selection {
    background: transparent
}

img::selection {
    background: transparent
}


@-webkit-keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

img[lazy=loaded] {
    -webkit-animation: opacity .3s;
    animation: opacity .3s
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.video-tag {
    width: 32px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAA2CAMAAAAPkWzgAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUdwTP9FRf9CQv9BQf9LS/9BQf9CQv9BQf9BQf9CQv/////IyP94eP9dXf9wcP+rq/+UlP/c3P+0tP/n5/+Hh//z8/9OTv+hofj1Qu4AAAAKdFJOUwA5jv8Oun7k9lqpm5P+AAACVUlEQVRYw7WY67qEEBSGm1GjhCKH+7/TvaQzlfaM78/0SF7rYGGKT41+qxpX71ex6tfje+FPOQNQJuEmMwChT24AqnIDvA05AajJDcBlZoBzUl4AvgZQzr4lvK4AhhDC469aQnr/xOzcJiQNO76vABwA5hpg4IGuvXlkLVwAekIGdGMBPAjfJKO9cQRgukkCPum24iGAwbzV+JUmpIvU1gjAfRNXH4mBm7jzo4L3sZR4BLCxIGvfDi0tSgMY5SWd9TuNM+QDCEbV8OMaOt0Zn3E0ETBLLvELcmuWAxgzJYRADwEiGrU9QAyTJpPsPYDRSS5qlh7kpswYcxALv0gfoiTvAT25Ur92Gif7D4C6BKjFez6m7CBzD6DtJBhCtEfRTRg0T6l2xVUhYuf5NRLYNwB5XoigKoDvwcSBfQGIl5ZpGQu3kuVZ6icBKLiglTvR9RV1ADDEIh5kcSJAhhk0GWQGmPhYixQYMMS6pAD0KUC6BPXFjqUA4odfQ/e2t+t2JZznl2oqd1ncRwA4JZntusZgFattub4Ncgqg2+4FRqBHgOrszZIRbmPfFhn2DPA+XU26Va60UE3C0R4AmvNzg6tGVkarzgNAeXKHUu2SqZGK4AGGBwq6FudBMFROjJbGAfR0sWwBzZWBvPMMbVkaQIaA8vqeadS4uxyODB7ARSAbAorPXZw4uKr9d5DBhPu1ZvrDXsh46sneXdOanFcQByirzIAUJ30HKF51ZkDGMMz/iTR1ZkDxwpkBuXJpAyganBXgGJ86LwAQTVVnBYwJ9a4w/hnmD+q7X+rwJ7MzAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.content-main .content-layout.ant-layout-has-sider {
    display: table\9;
    width: 100%\9
}

.content-main .content-layout.ant-layout-has-sider .layout-content {
    display: table-cell\9;
    vertical-align: top\9;
    overflow-y: hidden\9
}

.content-main .content-layout.ant-layout-has-sider .ant-layout-sider {
    display: table-cell\9;
    vertical-align: top\9
}

.skeletonbg {
    background-color: #e6e6e6
}

.empty-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-orient: vertical;
    -webkit-flex-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.empty-item .empty-icon {
    width: 120px;
    height: 120px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain
}

.empty-item .empty-txt {
    font-size: 14px;
    color: #d9d9d9;
    line-height: 14px
}

#passport-login-pop * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.pass-qrcode-download .qrcode-hover,
.qrcode-download-link-box,
.Qrcode-status-con,
.tang-pass-pop-login .pass-text-input,
.tang-pass-pop-login .tang-pass-qrcode-imgWrapper {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

#passport-login-pop .Qrcode-status-guideAnim {
    background: url(https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2022-11/1669711109986/fcfa2315aad2.png) no-repeat 50%/134px 160px !important
}

#passport-login-pop .login-type-tab .switch-item.activ:after {
    background-color: #ff2626
}

#passport-login-pop .pass-qrcode-download a,
#passport-login-pop .tang-pass-login a,
#passport-login-pop a.pass-reglink {
    color: #ff2626
}

#passport-login-pop a.pass-reglink {
    font-weight: 500
}

#passport-login-pop .tang-pass-login .pass-fgtpwd {
    color: #858585;
    margin-top: -32px
}

#passport-login-pop .Qrcode-status-con p {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #1f1f1f;
    text-align: center;
    line-height: 18px;
    font-weight: 500
}

#passport-login-pop .Qrcode-status-con .Qrcode-refresh-btn {
    color: #ff2626
}

#passport-login-pop .pass-text-input-focus {
    caret-color: #ff2626;
    border: 1px solid #ff2626;
    -webkit-box-shadow: 0 0 3px rgba(255, 38, 38, .2);
    box-shadow: 0 0 3px rgba(255, 38, 38, .2)
}

#passport-login-pop .pass-button {
    background-color: #ff2626;
    -webkit-box-shadow: 0 6px 16px 0 rgba(255, 38, 38, .3);
    box-shadow: 0 6px 16px 0 rgba(255, 38, 38, .3)
}

#passport-login-pop .pass-button.pass-button-submit {
    color: #fff !important
}

#passport-login-pop .tang-pass-qrcode-title {
    font-size: 16px;
    line-height: 20px;
    color: #1f1f1f;
    font-weight: 500;
    width: 100%;
    margin: 0 auto 13px
}

#passport-login-pop .pass-qrcode-download .qrcode-hover .qrcode-download-link-box {
    margin-bottom: 5px
}

#passport-login-pop .pass-qrcode-download .qrcode-hover .qrcode-download-link-box .qrcode-download-link {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#passport-login-pop .pass-qrcode-download .qrcode-hover p {
    font-size: 16px;
    font-weight: 500
}

#passport-login-pop .pass-qrcode-download .pass-qrcode-icon {
    width: 20px;
    height: 20px;
    margin-right: 4px
}

#passport-login-pop .pass-qrcode-download .pass-link {
    padding: 7px 23px;
    font-size: 14px;
    font-weight: 500
}

#passport-login-pop .red-span {
    color: #ff2626
}

#passport-login-pop .pass-form-item.pass-form-item-password .pass-clearbtn {
    right: 14px
}

#passport-login-pop .pass-form-logo {
    background: url(https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2022-2/1645100826352/418a3aceca30.png) no-repeat 0/100% 100%;
    width: 121px
}

#passport-login-pop .Qrcode-status-success .Qrcode-status-icon {
    background: url(https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2022-2/1645101209011/c967d01d5527.png) no-repeat 50%/100% 100%
}

#passport-login-pop a.pass-reglink {
    color: #000
}

#passport-login-pop .pass-item-time-timing,
#passport-login-pop .pass-item-timer {
    color: #ff2626
}

#passport-login-pop .pass-sms-unreceive-tips {
    color: #858585;
    right: 50px
}

.video-small {
    left: 0;
    top: 0;
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none
}
.tags-cloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-flow:row wrap;	
	font-size: 16px;
	line-height: 1.5;
}
.tags-cloud a {
	padding: 4 8px;
	margin: 4px 5px;
	background: #fefefe;
}
.tags-cloud .all{
	width: 100%;
	padding:5px;
	text-align: center;
	font-weight: 600;
	margin: 5px 0;
	background: #fefefe;
}
.search-cloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-flow:row wrap;	
}
.search-cloud-type {
    background: #f00 !important;
    color: #fff !important;
	border-radius: 0px !important;
}
.search-cloud a{
	display:block;
}
.nav-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-flow:row wrap;
    margin-bottom: 6px;
    font-size: 14px;
    position: relative;
	margin: 5px 0px;
}

.nav-wrap .nav {
    min-width: 56px;
    padding: 0px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    background: #fefefe;
    border: 1px solid #e6e6e8;
    border-radius: 8px;
    margin: 2px 2px;
    float: left
}

.nav-wrap .nav-active,
.nav-wrap .nav:hover {
    background: #111622;
    border-radius: 8px;
    color: #fff;
    cursor: pointer
}

.loading-large {
    height: 60px;
    line-height: 60px
}

.loading-common {
    text-align: center
}

.loading-common span {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    margin: 3px;
    background: #cf00ff;
    border-radius: 50%;
    -webkit-animation: loading 1s infinite alternate;
    animation: loading 1s infinite alternate
}

.loading-common span:nth-of-type(2) {
    background: #ff4141;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.loading-common span:nth-of-type(3) {
    background: #f80;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes loading {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes loading {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.guess {
    width: 100%
}

.guess-top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guess-title {
    font-size: 30px;
    color: #111622
}

.guess-change {
    background: rgba(0, 0, 0, .04);
    border-radius: 15px;
    color: #000;
    height: 30px;
    padding: 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 16px
}

.guess-change.default:hover,
.guess-change.default:hover .icon {
    color: #ff4141
}

.guess-change.disabled .icon {
    -webkit-animation: rotated .4s linear infinite;
    animation: rotated .4s linear infinite
}

.guess-change .icon {
    font-size: 20px;
    margin-right: 2px;
    color: #979797
}


@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotated {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.guess-like-index {
    padding-right: 32px;
    margin-bottom: 80px
}


.hot-video-list {
    position: relative
}

.hot-video-list .title {
    margin-bottom: 24px;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #111622;
    letter-spacing: 0;
    line-height: 16px
}

.hot-video-list .control {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    right: 32px;
    top: 2px
}

.hot-video-list .control .click-icon {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.hot-video-list .control .left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMjQgMHYyNEgwVjBoMjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgb3BhY2l0eT0iNTAlIiBjbGlwLXBhdGg9InVybCgjYSkiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDIzYzYuMDc1IDAgMTEtNC45MjUgMTEtMTFTMTguMDc1IDEgMTIgMSAxIDUuOTI1IDEgMTJzNC45MjUgMTEgMTEgMTF6Ii8+PHBhdGggZD0iTTEzLjIgNy42NjRsLTMuODg4IDMuODkgMy45OTYgMy45OTYiLz48L2c+PC9zdmc+)
}

.hot-video-list .control .left.active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMjQgMHYyNEgwVjBoMjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyM2M2LjA3NSAwIDExLTQuOTI1IDExLTExUzE4LjA3NSAxIDEyIDEgMSA1LjkyNSAxIDEyczQuOTI1IDExIDExIDExeiIvPjxwYXRoIGQ9Ik0xMy4yIDcuNjY0bC0zLjg4OCAzLjg5IDMuOTk2IDMuOTk2Ii8+PC9nPjwvc3ZnPg==)
}

.hot-video-list .control .right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMjQgMHYyNEgwVjBoMjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgb3BhY2l0eT0iNTAlIiBjbGlwLXBhdGg9InVybCgjYSkiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEyIDIzQzUuOTI1IDIzIDEgMTguMDc1IDEgMTJTNS45MjUgMSAxMiAxczExIDQuOTI1IDExIDExLTQuOTI1IDExLTExIDExeiIvPjxwYXRoIGQ9Ik0xMC44IDcuNjY0bDMuODg4IDMuODktMy45OTYgMy45OTYiLz48L2c+PC9zdmc+)
}

.hot-video-list .control .right.active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMjQgMHYyNEgwVjBoMjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyM0M1LjkyNSAyMyAxIDE4LjA3NSAxIDEyUzUuOTI1IDEgMTIgMXMxMSA0LjkyNSAxMSAxMS00LjkyNSAxMS0xMSAxMXoiLz48cGF0aCBkPSJNMTAuOCA3LjY2NGwzLjg4OCAzLjg5LTMuOTk2IDMuOTk2Ii8+PC9nPjwvc3ZnPg==)
}

.hot-video-list .videolist,
.hot-video-list .videolist-item {
    margin-top: 0
}


.negative {
    color: #fc5729;
    background: url('../images/ico-rating-negative.png') no-repeat 100% 3px;
}

.user-corner-vip {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain
}

.user-corner-vip-1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUdwTP////////////////////////////////////////////////////////////////////////////////9BQf/v7/9RUf9dXf/6+v/V1f9JSf/Gxv/g4P9ubv+Ojv+dnf+np/+9vf+srP97e/+Hh/+2tt0VAeIAAAAUdFJOUwAWj+17OZ/4yU4KIeCsZgPUurfmUs2ZrgAAAuFJREFUSMeVV9mWgjAMRXaQEWUoO7Lq/3/i0E3akmInDx4ONiS5N1stC5Q4cv0wcYLASULf9WLLWC5uGOSSBI/bxUg1euSQBD/ed9Uw10p2rn792Y8WzXuZpmVuiv2dfeJ8xEMt3q8SfaR6zTX741dr3GUnmrVFirSvnoV+g9lhLvcrAmVg7tspwA9FqhiQTtqROp8dWI+pblOiE6mo8R9Vmfo8t+hUyoYccyGsRvRV3uRgJHFkqovQTDAXGLsSfmcTXdQSz5NYDrhpjZRRSVCzJaeLEhnKEzMWXJkyYWlAxrLg875guDfXZY5T0xl+XP+hjMZP1BeClpRIL/VT7SpWGWqxaSfl+SGennAUEnzP7XA9qKYjBlch0LTmqistTelKiJpBFuMEeaspJKG/5IcExJmSMKxfR+Xdmao+Ko8UbxKyGOGL9ZOJv+jYi6eIAg3ax1YkaFnDqSvh3CadBD+tzFAlSj2tfItJQRBLFLxUPwc1ih2xh+Vsv4vSbRhC/U6TRCY3EFrB8aucG0yX8HhQvoPKuznRiUNDuUNuC4FCNAluJ2AD4hBDNH0AywCqRLpAmnaqjkki0QXRxCvDpel5/DJHCqKJl15keWphKHTB7Q3XfH6hJQm07PYz06H21hOmLAuvIDXQszldR5q2oHgTu2n85nR1SOM1HjmXQOPaU0cT7b3JPmygno8dr1dd16dz1tPQsdkehwqa8WTesMUoM56vQpfjk87TxQYLSRDns5H5/xmTNPf2jSr+zcHyAKccYTAU9imPrAZvE2WyGDhXcSm5GS1DfB0KlCXSNljDtnhp1h1WyIxW3/MUZ1qntm71rBet8WrWL5986S1GMPJyqU/W3jTl63YxHqxXEytvR7dwp17Ca7gZnx/75Tr1/H141a/6sR2I94Ru7jrxlhDc0vNbhq+9nwTbDeNcObWutgOpJq7ZzSqN/ETWvNveF6Oy+9t98BHe72Hmu9HFglX/AH+W6PqlRcn5AAAAAElFTkSuQmCC)
}

.user-corner-vip-2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABvUExURUdwTP///////////////////////////////////////////////////////////////////////////ziX8P///0Sd8fD3/obA9qbQ+FGk8nG09Pr8/r/e+prK9+by/bbZ+dXp/Fyq883l+9vs/LNAkiQAAAAUdFJOUwDfeaFODOz4yxwwrGaGPZG6t5mVHsexQgAAAspJREFUSMeVV9naqyAMdF+62fYggvvS93/GUxYVIVj+XPkBI5NJCMHzQIujIMz8JE0TPwuDR+w5Wx5kaXmw9Hlzw0fPErL0evkNzUqrPc/h+XVfWi0j7Skdp2ofe5+Qj1ZXq5FgtFlNulZOJA8bNpArpgbphskgXb/B0ZGUBxPKjUj6d8hdoVRFkM1wL8i/DMdjgZ1qdGKz4H7VwYJzh9Gp4QViLrTq0U8b+cLoECNXrESnSrrkPL4dcrKJrfXjo8MTdgPXw8FtTrqqkaPNrUqcR4kgZ6NsfahsPLhjEea5lnPwi302fwCjniEKLjVX6yAJ0X+FG6JKgplmyZYfjebScJBv/vJsib51JOWqlImm1KkIH8tZ4SYli1mCjEYCqurT0khAluO+1JqY4GrLmbo1wb3Qm7usJheR9YSuA50cmHXfIi/UXEboI9a2taqBlvqYjQRcr+UA1lZr/5JWccV8TS+FZwN6sZ+tp5eYE6tCnz1Min673JmXAlVAxoYFQfk02AkwBTOfbaeSAMAAbcXRg/smbUAwRWIoTJtgLx6qyZhrDtdja1YZ5tgbSJJDuKAw7UnC09P886oUFKY9PR+WAkZ3sG02F0eysxUqMExS0O+R9FgL0gI1ew0XVN7mtYjdbIX3YwuTZM2aBM4bqryNLUzCJX+/bKCtGfG2sW0sLpyLJRxf13oCXUI8jKko+qLq9+41f9xq/rp1O7tiuRZJvl6Tb35bOV6xM0+AvaOK2bnUKpn1luPXc6a0FQ/eGowu4OVI2lszxQEt2qFUayLvDm3Y1ogZLeRL9I6nmjfisBS21rOlVtFreYsVUOd6l0e/B+GYtmdt79ZuD73h+kyrXw33xV/P8NI3eO8p6Gcdz3J7qx/flWdNNS1dt6ivBBvlbfPQ+j5Ji/z3q6pIIKh/z91eZVHoa8h/D+8Pln/fg8/sa68wiGx7/gcRoOQQy2aNFwAAAABJRU5ErkJggg==)
}

.user-corner-vip-3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABpUExURUdwTP////////////////////////////////////////////////////////////////////////////+4IP/DQ//89v/fmv+7Kv/46v/vzv++NP/Uef/lr//qu//z2v/ajP/LW//PaJujqPsAAAATdFJOUwAN36CQGuz4y3s2uEVSrGYEJLw+g4WmAAACuklEQVRIx5VXV5aDMAykGwJJyGI6hHL/Qy64xE0mznztC55VGVmSPQ+EX2RhGiQIJUEaZkXpOSPOUlQpQH9P34la5BUE9Lh9p6aVFfk1PX6Io/0wtwfmoRe/RRfO33mo/byP+IN6mhv2IbEaz9iJYe+whm5aWOhPWB3m8rJjEBNzP4LCpZnqJ2xDt1LncyNwn3KHEV+gpsYfOpn6PHf4EuNAjmVQrlb8FTM5eFc0cuUyNpIUi4m+swsXd8TzwFcDHjonMh57RbCCaDRiR9SnYujFyESlCTujPc+HkuHFnYtHUizUNLm/+w9kvH6ijkm2lKCmTU/xPskp6c6cJSWvj10LaRmNspx003eWrl6Saa90Vzpa0rUUNUuZj7T6oAUoG2orowDPSglYrneTLJypG5O80nyTkOUId9ZPWv7Dm/0guY03GnR4WlFSyxpOU0vnDryV9NObmepC6ae1/8XQk4wF5n3ifhK1Jz0KkbHcS8wPPEOLkEkRkxtIPWSSuTanXNKfjmRhTnYCIANuS4Eq4ZvkAGxAizri3sYBmjBTKlkuUCYhlVkkilyQTPxmZLQ8a7hRVbBMojwLSwNrBdn2NfZKBLfs7jPTofa20Cvp/Z0ZAXo2l8uU6QiKN7GnrfEuNpmY14XHWgnk2maTifbeQAwbyPTpeLPZDNM5e7PIcYS2TrV13sSe6Pqre8+f5Ul3s8UGgzS5JOZjMvplTNLaExuVn1Tg9QCnHFEwlfbgm/tqMKhOe7xSvi5DfB1C2hIZOaxhR7y06owVkm7Z/WXO98ayQLLVs2mtxms2xaLSvvQ2Kxj52DZXa2/J1+1+NazXjHqxcN8CfoeHdfvYH7f200zT2L7qlxGS3wnvA/IrAT2v30iv0Po+QVH89X3zihKIGmSx08uqvIeBxowK7we87lmYpwfyMLvbbP4Dba7dEBRCzakAAAAASUVORK5CYII=)
}

.author-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-width: 260px;
    height: 100px;
    font-size: 15px;
    line-height: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 #e6e6e8;
    box-shadow: 0 1px 0 0 #e6e6e8;
    border: .5px solid hsla(0, 0%, 59.2%, .14);
    border-radius: 3px;
    cursor: pointer
}

.author-item .rank {
    font-family: DINCondensed-Bold;
    font-size: 24px;
    color: #888;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 22px
}

.author-item .rank-1 {
    color: #ff2626
}

.author-item .rank-2 {
    color: #ff8400
}

.author-item .rank-3 {
    color: #fdbf1d
}

.author-item .avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-size: 100%;
    margin-right: 12px
}

.author-item .text .nackname {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #111622;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 8px
}

.author-item .text .data,
.author-item .text .desc {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #505666;
    letter-spacing: 0;
    line-height: 14px
}

.author-item .text .desc {
    margin-bottom: 8px
}

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.skeletonloading {
    width: 100%;
    display: block;
    outline: none;
    min-width: 260px;
    height: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 #e6e6e8;
    box-shadow: 0 1px 0 0 #e6e6e8;
    border: .5px solid hsla(0, 0%, 59.2%, .14)
}

.speaker-page {
    width: 100%
}

.speaker-page .videolist-video {
    height: 275px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 52px
}

.speaker-page .videolist-author {
    padding-bottom: 46px
}

blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,menu,ol,p,pre,ul {
    margin: 0
}

.pagebase-right-bottom-main-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;	
}
.pagebase-right-bottom-main-content .videolist{
	width:100%;
}
.search_results {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-flow:column nowrap;
	flex: auto;
}
/*搜索页面则边*/
.sidebar {
    width: 200px;
	flex:none;
}
.sidebar label.group {
	display: block;
	padding: 10px 12px 2px 14px;
	color: rgb(17, 22, 34);
}
.sidebar .filter li {
	position: relative;
	background: transparent;
}
.sidebar .filter li * {
	cursor: pointer;
}
.sidebar .filter li input {
	position: absolute;
	left: 16px;
	width: 14px;
	height: 14px;
	top: 10px;
}
.sidebar .filter li label {
	display: block;
	padding: 10px 12px 13px 34px;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: rgb(17, 22, 34);
}

/*post view page*/
.post-holder {
	width:100%;
}
 .post-holder .block-post {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow:row nowrap;
	font-size:14px;
	line-height:1.5;
	padding: 15px 10px;
}
.block-post .post-maininfo {
	flex:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow:column nowrap;
	padding-left:30px;
	order:1;
}
.block-post .post-custominfo {
	width:150px;
	flex:none;
	order:0;
}
.no-access {
	width:100%;
	font-size:16px;
	line-height:2;
	text-align:center;
	background: #fff;
}
.no-access .message {
	font-weight: 600;
}
.block-post .contactlist {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-flow:column nowrap;
	line-height:30px;
}
.block-post .contactlist .contactlist-item {
	padding:5px 0px;
}
.block-post .contactlist-item .contactlist-item-field {
	font-weight:500;
}
.block-post .contactlist-item .contactlist-item-field-v {
	font-weight:700;
	padding-left:15px;
	display:inline-block;
	vertical-align:middle;
}
.contactlist-item-field-v a,.no-access a {
	color:#ff2626;
}
.block-post .post-custominfo .post-preview-img {
	width: 120px;
	height:158px;
	position:relative;
	margin: 5px auto 10px;
}
.block-post .post-preview-img img{
	position:absolute;
	left:0px;
	top:0px;
	
}
.block-post .post-custominfo-items{
	width:100%;
	padding:2px 10px;
	font-size:14px;
	line-height:24px;
}
.post-custominfo-item-title {
	display:inline-block;
}
.post-custominfo-item-v {
	display:inline-block;
	font-weight:500;
	padding: 0px 10px;
}
.post-content {
	width:100%;
	padding:15px 10px;
	font-size:14px;
	line-height:2;
	border:1px solid #ffffff;
}
.post-content a:link {
	color:#0a0aef;
}
.post-content a:hover {
	color:#ff2626;
}
.tab-content {
	border: 2px solid #ffffff;
	padding: 10px;
	margin-bottom:10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.post-custom-files {
	text-align: center;
}
.block-album {
	padding: 10px;
	overflow: hidden;
	margin: -3px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.block-details {
	margin: -10px 0;
	overflow: hidden;
}
.block-details .info {
	overflow: hidden;
}
.block-details .item {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	background: url('../images/divider.png') repeat-x;
}
.block-details .item:first-child {
	background: none;
}


/* friend links */
/* friend links list*/
.list_friend_links{
    border:1px solid #e6e6e8;
	border-radius:5px;
	padding:5px 10px;
}
.list_friend_links .item{
    line-height: 28px;
    font-size: 14px;
	border-bottom: 1px dotted #7a7a7c;
}
.apply-link-item-info{
    line-height: 32px;
    font-size: 15px;
}
.apply-link-item-status {
    display:inline-block;
	margin-right:5px;
}
.apply-link-item-answer {
	color:#f00;
}
.apply-link-item-info span,
.apply-link-item-status span,
.apply-link-item-answer span {
	display:inline-block;
	padding:2px 5px;
	word-break: break-all;
}
.list_friend_links label {
	display:inline-table;
	font-weight:700;
	margin-right:6px;
}
.apply-link-item-title,
.apply-link-item-url,
.apply-link-item-cate,
.apply-link-item-added-date {
	display:inline-block;
	padding:2px 5px;
	word-break: break-all;
}
.apply-link-item-status-valid {
	color:#00ff10;
}
.apply-link-item-status-invalid {
	color:#f40505;
}
.apply-link-item-status-wating {
	color:#f2b600;
}
/* friend link edit */
.friend_link_edit_title {
	min-width:300px;
	margin: 15px auto;
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: 0.2rem;
}
.friend_link_edit_rule {
	margin: 5px auto;
	font-size: 15px;
	text-align: left;
	font-weight: 520;
	color: #9D9D9D;
	padding:5px 20px;
}
.friend_link_edit_rule_item {
	line-height:40px;
}
.friend_link_edit_rule_item .rule_multi_lines {
	display:inline-block;
	vertical-align:top;
}
.friend_link_edit_rule_item .rule_line {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row; 
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.friend_link_edit_rule_item .rule_field,
.friend_link_edit_rule_item .rule_field_text {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row; 
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items: center;
}
.friend_link_edit_rule_item .rule_field {
	padding-right:5px;
}
.friend_link_edit_rule_item .rule_field_text {
	
}
.friend_link_edit_hint {
	color:#f90707;
	font-size: 18px;
}
.custom_service_email_notice {
	color:#0677f9;
}
.friend_link_edit_form .siteinfo {
	font-size:14px;
}
.friend_link_edit_form ul.siteinfo li{
	margin:5px 2px;
	line-height:20px;
	position: relative;
}
.friend_link_edit_form .siteinfo-tit{
	width:80px;
	line-height:40px;
	height:40px;
	overflow:hidden;
	display:inline-block;
}
.friend_link_edit_form .siteinfo-input{
	border:1px solid #888;
	border-radius:1px;
	width: calc(50% - 80px);
	min-width:240px;
	height:40px;
	position: absolute;
	top: 0;
}
.friend_link_edit_form .siteinfo-beizhu {
	width:100%;
	margin:6px 0px;
}
.friend_link_edit_form .siteinfo-beizhu .siteinfo-beizhu-warning{
	color:#ff0000;
	font-weight:700;
}
.friend_link_edit_form .siteinfo-beizhu .textarea {
	min-height:60px;
	width:100%;
}
.friend_link_edit_form .link_description {
	font-size: 14px;
	margin:5px 0px;
	display: block;
}
.friend_link_edit_form .friend_link_submit{
	margin:10px auto;
	text-align:center;
}
.friend_link_edit_form .field-error{
	left:60px;
	bottom:-30px;
}
.friend_link_edit_form textarea::-webkit-input-placeholder {
	color:#89f904;
}
.friend_link_edit_form textarea:-moz-placeholder {
	color:#89f904;
}
.friend_link_edit_form textarea::-moz-input-placeholder {
	color:#89f904;
}
.friend_link_edit_form textarea:-ms-input-placeholder {
	color:#89f904;
}
.friend_link_edit_form textarea::-ms-input-placeholder {
	color:#89f904;
}
.friend_link_edit_form textarea::placeholder {
	color:#89f904;
}
/* friend link edit or upload success*/
.friend_link_edit_notice_success_title {
	display:block;
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:25px;
	padding:15px 5px 8px 5px;	
}
.friend_link_edit_notice {
	font-size: 17px;
	line-height: 30px;
	color: #F40681;
}
.friend_link_edit_notice .link_return_add_notice_title,
.friend_link_edit_notice .link_return_update_notice_title {
	width: 100%;
	padding: 5px 5px;
	font-weight: 600;
	text-align: center;
}
.friend_link_edit_notice .link_return_item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row; 
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width: 100%;
	font-weight: 600;
	text-align: left;
	padding:5px 5px;
	border-bottom: 1px dotted #fff;
}
.friend_link_edit_notice .link_return_name {

}
.friend_link_edit_notice .link_return_url {

}
.friend_link_edit_notice .link_field,
.friend_link_edit_notice .link_field_text {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row; 
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: center;
}
.friend_link_edit_notice .link_field {
	flex:none;
	padding-right: 10px;
}
.friend_link_edit_notice .link_field_text {
	flex: auto;
	word-break: break-all;
	color: #080808;
	background-color:#ffffff;
	padding: 0px 3px;	
}

/*white customization*/

.list-links-cate-box {
	padding: 0 !important;
}
.list-links-cate .links-cate-item {
    border: 1px solid #ebebeb !important;
    background-color: #f9f7f7 !important;
}
.list-links-logo .link-item-logo {
	background-color: #f3f2f2 !important;
}
.list-links-logo .link-item-logo:hover {
	background-color: #ede8e8 !important;
}
.list-links-logo .link-item-logo .title {
	color: #505666;
}
.list-links .link-item {
    border: 1px solid #e6e6e8 !important;
}
.list-links .link-item:hover {
	
}
.list-links .link_cate_name {
	background-color: #f7f7f7 !important;
	color: #111622 !important;
}
.links-jump-keywords-links-item {
	height: 36px !important;
	line-height: 34px !important;
    border: 1px solid #e6e6e8 !important;
	margin: 2px 2px !important;
	background: #fefefe !important;
}
.links-jump-keywords-links-item:hover{
	background-color:#f7b6b6 !important;
}

/* responsive */
@media screen and (max-width:1440px) {
    .pagebase-fullmain .pagebase-top-search {
        width: 300px
    }

    .pagebase-fullmain .pagebase-top-search .search-input input {
        width: 214px
    }

    .pagebase-fullmain .pagebase-top-hanyu .pagebase-top-search {
        width: 600px
    }

    .pagebase-fullmain .pagebase-top-hanyu .pagebase-top-search .search-input input {
        width: 500px
    }

    .pagebase-fullmain .pagebase-top-hanyu .pagebase-top-left {
        width: 140px
    }
}

@media screen and (max-width: 1255px) {
	
}

@media screen and (max-width: 1040px) {
	
}

@media screen and (max-width: 980px) {

}

@media screen and (max-width: 860px) {

}

@media screen and (max-width: 785px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 560px) {

}

@media screen and (max-width: 420px) {

}