* { outline: none; }

.dropdown-menu { margin: 0 !important; }
.dropdown:hover > .dropdown-menu { display: block; }

a:focus { background: none !important; }

html { overflow-y: scroll; overflow-x: hidden; }
@font-face {
  src: url("../font/fzlthjt.TTF");
  font-family: FZLTCHFW;
}
body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; line-height: 1.5; background-color: #f3f5f8; font-size: 16px; color: #444; }

ul { padding: 0; margin: 0; }

ul li { list-style: none; }

a { color: #444; outline: none; }

a:hover { color: #c7000b !important; text-decoration: none; }

.hide { display: none !important; }

.wrap { padding: 0; }

.content-wrap { max-width: 1080px !important; }

@media (max-width: 576px) {
    .wrap { min-width: auto; }
}



/*-- header --*/
header {  padding: 0 !important;  position: relative; }

header h2 { color: #444; font-size: 26px; margin-top: 65px; margin-left: 5px; }

header .nav-bg { width: 100%; height: 60px; position: absolute; top: 0; /* background: url(../img/ucenter/nav-bg.png) top center repeat-x !important; */ background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }

header nav.navbar .navbar-brand { width: 56px; height: 40px; background: url(../img/ucenter/logo.png) top center no-repeat; background-size: cover; }

header nav.navbar .nav-link { color: #fff !important; padding-left: 0.7rem !important; padding-right: 0.7rem !important; }

header nav.navbar .nav-item.active a { color: #c7000b !important; }

header nav.navbar .nav-link:hover { color: #c7000b !important; }

@media (max-width: 576px) {
    header { height: auto; background: #fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) !important; }
    header nav.navbar .navbar-brand { background: url(../img/ucenter/logo2.png) top center no-repeat; background-size: cover; }

    header .nav-bg { background: #fff !important; }

    header .navbar-toggler:focus { outline: none; }

    header nav.navbar .nav-link { color: #000 !important; }
    header nav.navbar .navbar-nav { margin-top: 20px; }
}

header nav.navbar .input-wrap { position: relative; }

header nav.navbar .input-wrap .icon-search { width: 15px; height: 16px; background: url(../img/ucenter/icon-search.png) no-repeat; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; display: none; }

header nav.navbar .input-wrap input { width: 150px !important; border: none; border-radius: 20px !important; font-size: 14px; display: none; }

header nav.navbar .login { color: #fff; padding-left: 30px; margin-left: 20px; background: url(../img/ucenter/icon-login.png) left center no-repeat; }

header nav.navbar .login a { color: #fff; font-size: 14px; }

header nav.navbar .login a:hover { color: #c7000b; }

header .dropdown .dropdown-menu { border: 0; min-width: 5rem; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

header .dropdown .dropdown-menu a { font-size: 14px; }

header .dropdown a { color: #444 !important; }


/* public */
[v-cloak] { opacity: 0; }

@media (max-width: 576px) {
    header nav.navbar .login, header nav.navbar .login a { background: none; color: #000; }
    header nav.navbar .input-wrap input { border: 1px solid #999; }
}

.page-title { height: 100px; background: url(../img/ucenter/head.jpg) top right no-repeat; background-size: cover; overflow: hidden; }

.page-title h2 { font-size: 20px; margin: 30px 30px; }

/*-- iconfont --*/
.iconfont { pointer-events: none; }

/*-- footer --*/
footer { height: 80px; background-color: #fff; font-size: 14px; color: #5e5e5e; }

@media (max-width: 576px) {
    footer { height: 80px; }
    footer .footer1 { padding-top: 20px; }
}

footer .content-wrap { padding-left: 5px; padding-right: 5px; }

footer .follow-us .share { margin-left: 15px; }

footer .footer1, footer .footer2 { width: 100%; margin: 10px 0; }

footer .footer-nav li { border-right: 1px solid #5e5e5e; line-height: 14px; padding-right: 5px; padding-left: 5px; }

footer .footer-nav li:last-child { border: none; padding-right: 0; }

footer .footer-nav a { color: #5e5e5e; }

footer .copyright { font-size: 12px; color: #acacac; margin-top: 5px; }

/*-- footer share --*/
ul.share li { margin-right: 5px; position: relative; }

ul.share li .popwx { border: 1px solid #eee; position: absolute; z-index: 999; top: -204px; left: -89px; width: 200px; height: 185px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; cursor: pointer; }
ul.share li .popwx > .head { width: 100%; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; position: relative; }
ul.share li .popwx > .head > div:first-child { width: 100%; height: 100%; line-height: 26px; text-align: center; color: #777; }
ul.share li .popwx > .head > div:last-child { width: 26px; height: 26px; line-height: 26px; text-align: center; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); color: #000 !important; }
ul.share li .popwx > .body { width: 100%; height: calc(100% - 26px); }
ul.share li .popwx > .body > img { width: 138px; margin: 10px auto; }
ul.share li .popwx:after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -13px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 6px 6px; top: auto; border-color: #f3f3f3 transparent transparent transparent; }

ul.share li a { width: 24px; height: 24px; color: rgba(0,0,0,0); display: block; background-size: cover !important; cursor: pointer; }
ul.share li a:hover { color: rgba(0,0,0,0) !important; }

ul.share li.weibo a { background: url(../img/share/sina.png) no-repeat; }
ul.share li.weibo a:hover { background: url(../img/share/sina-1.png) no-repeat; }

ul.share li.in a { background: url(../img/share/in.png) no-repeat; }
ul.share li.in a:hover { background: url(../img/share/in-1.png) no-repeat; }

ul.share li.wechat a { background: url(../img/share/wechat.png) no-repeat; }
ul.share li.wechat a:hover { background: url(../img/share/wechat-1.png) no-repeat; }

ul.share li.toutiao a { background: url(../img/share/toutiao.png) no-repeat; }
ul.share li.toutiao a:hover { background: url(../img/share/toutiao-1.png) no-repeat; }

ul.share li.zhihu a { background: url(../img/share/zhihu.png) no-repeat; }
ul.share li.zhihu a:hover { background: url(../img/share/zhihu-1.png) no-repeat; }

/*-- main-wrap --*/
.main-wrap { padding-top: 20px; padding-bottom: 30px; }


@media (max-width: 576px) {
    .main-wrap { min-width: auto; }
}

/*-- sidebar --*/
aside { width: 100%; }

@media (min-width: 576px) {
    aside { padding: 0 !important; }
}

aside .card { margin-bottom: 20px; }

aside .profile-avatar { padding-top: 10px; margin: 0 auto; }

aside .profile-avatar img { border-radius: 50%; }

aside .profile-nickname { margin-top: 15px; font-size: 16px; text-align: center; }

aside .profile-info { margin-top: 15px; font-size: 14px; color: #7c7c7c; }

aside .qrcode { background-color: #fff; }

aside .qrcode > div { background: url(../img/ucenter/pattern.png) left 34px no-repeat, url(../img/ucenter/pattern2.png) right 36px no-repeat; background-color: #fff; }

aside .qrcode > div.collapsed { background: #fff; }

aside .qrcode .collapsed .qr-tip1 { display: none; }

aside .qrcode .collapsed .qr-tip2 { display: block !important; }

aside .qrcode .card-header { background: transparent; }

aside .qrcode .card-body { padding-top: 0; padding-bottom: 0; }

aside .qrcode .card-body .split { height: 15px; width: 100%; border-top: 1px solid #d5d5d5; }

aside .profile-info li { padding-left: 25px; background-position: left 5px; background-repeat: no-repeat; position: relative; margin-bottom: 12px; }

aside .profile-info li::before { content: ''; position: absolute; width: 15px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; left: 0px; }

aside .profile-info li.profile-phone { color: #556c8d; }

aside .profile-info li.profile-phone a { color: #556c8d; }

aside .profile-info li.profile-mail::before { background-image: url(../img/ucenter/info/icon-mail.png); }

aside .profile-info li.profile-phone::before { width: 12px; background-image: url(../img/ucenter/info/icon-phone.png); }

aside .profile-info li.profile-title::before { background-image: url(../img/ucenter/info/icon-title.png); }

aside .profile-info li.profile-system::before { background-image: url(../img/ucenter/info/icon-system.png); }

aside .profile-info li.profile-region::before { background-image: url(../img/ucenter/info/icon-region.png); }


/*-- agenda --*/
@media (min-width: 576px) {
    .agenda { padding: 0 !important; }
}

.agenda h3 { font-size: 18px; font-weight: 500; padding-top: 5px; margin-bottom: 20px; }

.agenda .agenda-list .card { margin-bottom: 15px; }

.agenda .agenda-list .card .card-header { color: #556c8d; font-size: 16px; line-height: 20px; border-radius: 10px; }

.agenda .agenda-list .card .card-body { padding: 0; }

.agenda .agenda-list-daily > li { background-color: #fdfdfe; padding: 20px; }

.agenda .agenda-list-daily > li:nth-child(odd) { background-color: #f4f5f8; }

.agenda .agenda-list-daily .agenda-title { font-size: 14px; }

.agenda .agenda-list-daily .agenda-time { font-size: 13px; text-align: left; padding-left: 20px; }

.ucenter .agenda-actions { max-width: 40%; flex: 0 0 37% !important; }

.ucenter .agenda .agenda-list-daily .agenda-time { max-width: 12%; }

@media (max-width: 576px) {
    .agenda .agenda-list-daily .agenda-time { text-align: left; max-width: 100%; }
    .agenda-actions { max-width: 100%; flex: 0 0 100% !important; }
    .agenda-actions a { width: 50%; display: flex; justify-content: center; margin-right: 4px !important; margin-left: 4px !important; }
}

.agenda .agenda-list-daily .agenda-actions a { margin: 5px 0; color: #556c8d; font-size: 14px; }

.agenda .agenda-list-daily .agenda-actions a > i { width: 20px; height: 20px; display: inline-block; margin-right: 5px; }

.agenda .agenda-list-daily .agenda-actions a.disable { padding-left: 17px; padding-right: 17px; background: transparent !important; border-color: #999; color: #999 !important; }

.agenda .agenda-list-daily .agenda-actions a.disable:hover { background: transparent !important; border-color: #666; color: #999 !important; }

.agenda .agenda-list-daily .agenda-actions a > i.icon-download { background: url(../img/ucenter/icon-download.png) center center no-repeat; background-size: contain; }
.agenda .agenda-list-daily .agenda-actions a:hover > i.icon-download { background: url(../img/ucenter/icon-download-1.png) center center no-repeat; background-size: contain; }

.agenda .agenda-list-daily .agenda-actions a > i.icon-play { background: url(../img/ucenter/icon-play.png) left center no-repeat; background-size: contain; }
.agenda .agenda-list-daily .agenda-actions a:hover > i.icon-play { background: url(../img/ucenter/icon-play-1.png) left center no-repeat; background-size: contain; }

.agenda .agenda-list-daily .agenda-actions a > i.icon-fav { background: url(../img/ucenter/icon-fav.png) center center no-repeat; background-size: 87.5%; }
.agenda .agenda-list-daily .agenda-actions a:hover > i.icon-fav { background: url(../img/ucenter/icon-fav-1.png) center center no-repeat; background-size: 87.5%; }

.agenda .agenda-list-daily .agenda-actions a > i.icon-cancel { background: url(../img/ucenter/icon-cancel.png) left center no-repeat; }
.agenda .agenda-list-daily .agenda-actions a:hover > i.icon-cancel { background: url(../img/ucenter/icon-cancel-1.png) left center no-repeat; }

.agenda .agenda-list-daily .agenda-actions a:hover { background-color: #c7000b !important; color: #fff !important; background: none; border: 1px solid #fff; }

.agenda .agenda-list-daily .agenda-actions a.favored { padding-left: 18px; padding-right: 18px; }

.agenda .agenda-list-daily .agenda-list-daily-item { position: relative; }

.agenda .agenda-list-daily .agenda-duration { background-color: #e4e7ed; display: inline-block; padding: 5px 10px; border-radius: 4px; font-size: 12px; margin-top: 15px; color: #556c8d; }

.agenda .agenda-list-daily .agenda-location-offline::before,
.agenda .agenda-list-daily .agenda-location::before { content: ''; position: absolute; width: 15px; height: 15px; background: url(../img/ucenter/icon-locatoin.png) left center no-repeat; background-size: contain; left: 0; }

.agenda .agenda-list-daily .agenda-location-online::before { width: 13px; background: url(../img/ucenter/icon-monitor.png) left center no-repeat; background-size: contain; }

.agenda .agenda-list-daily .agenda-location-offline,
.agenda .agenda-list-daily .agenda-location { padding-left: 20px; margin: 15px 0; position: relative; display: flex; align-items: center; }

.agenda .agenda-list-daily .agenda-location > span:nth-child(2) { color: #556c8d !important; }

.agenda .agenda-list-daily .agenda-location span:nth-child(1) { margin-right: 10px; }

.agenda .agenda-list-daily .agenda-location span:nth-child(2) { color: #999; }

.agenda .agenda-category { padding-bottom: 10px; font-size: 14px; }

.agenda .agenda-category ul > li { padding: 0 50px; }

@media (max-width: 576px) {
    .agenda .agenda-category ul > li { padding: 0 30px; }
}

.agenda .agenda-category ul > li.active a { color: #c7000b !important; border-bottom: 5px solid #c7000b; padding-bottom: 8px; }


/*-- card --*/
.card { background: #fff; border: none; font-size: 14px; }

.card .card-header { background: #fff; border: none; }

.card .card-body { padding-top: 15px; }

.card .card-body img { max-width: 100%; }

.card .card-header.toggle .tip::before { content: '\e622'; }

.card .card-header .tip::before { content: '\e612'; }

.card .card-header.collapsed .tip::before { content: '\e612'; }

/*-- button more --*/

.btn:focus, .btn:active { outline: none !important; box-shadow: none !important; background-color: #c7000b !important; }

.btn.btn-outline-primary { border: 1px solid #444; background-color: transparent !important; color: #444; }

.btn.btn-outline-primary.disabled { pointer-events: none !important; }


.btn.btn-outline-primary:hover { background-color: #c7000b !important; color: #fff !important; border: none; }

.btn.btn-outline-secondary { background-color: transparent !important; border: 1px solid #556c8d; }

.btn.btn-primary { background-color: #c7000b; color: #fff !important; border: none; }


.btn.btn-more { background-color: #c7000b; color: #fff; padding-left: 20px; padding-right: 20px; margin: 30px 0; font-size: 14px; }

.btn.btn-more:hover { background-color: #c7000b; color: #fff !important; text-decoration: underline; }

/*-- dialog --*/

body.modal-open { padding-right: 0 !important; overflow: hidden; }

.modal { padding: 0 10px !important; }

button.close { position: absolute !important; top: 10px; right: 10px; outline: none; }

.modal-backdrop.show { opacity: 0.7 !important; }

.modal .modal-content { border: none !important; }

.modal .modal-content input { border-color: #444 !important; }

.modal .modal-content h5 { font-size: 16px; }

/*-- search result --*/
.search-result .search-keyword { color: #c7000b; }

.search-result-recommend li { line-height: 24px; }

.search-result-recommend li a { font-size: 14px; }

/*-- form error --*/
.form-error { font-size: 14px; color: #e02020; }

.getcode { color: #c7000b; border-color: #c7000b !important; }

/*-- input --*/
input:focus { box-shadow: 0 0 0 .2rem rgba(199, 0, 11, .25) !important; }

::-webkit-input-placeholder { color: #999 !important; }

:-moz-placeholder { color: #999 !important;: -ms-input-placeholder
{ color: #999 !important; }