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

* { outline: none !important; }

html { overflow-y: scroll; overflow-x: hidden; }

body { font-family: 'helvetica neue', helvetica, sans-serif; line-height: 1.5; background-color: #f3f5f8; font-size: 16px; color: #444; overflow-x: hidden; }

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; }
}


.ReadPolicy{ color: #333; background: #eee; text-align:center; z-index:9999999; position:fixed; left:0px; bottom:0px; width:100%;}
.ReadPolicy p {
    max-width: 850px;
    margin: 0 auto;
    font-size: 14px;
    position: relative;
	padding:12px 50px 12px 10px !important;
}
.ReadPolicy span {
    display:inline-block;
    color: #ce160b;
}
.ReadPolicy a {
    text-decoration: underline;
    color: #ce160b;
    position: relative;
}
.ReadPolicy a.closePolicy {
    text-decoration: none; width:22px; display:inline-block; float:right; position:absolute; right:15px; top:10px;
}
.ReadPolicy a.closePolicy img{ width:100%;}


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

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

header .nav-bg { width: 100%; height: 60px; position: absolute; top: 0; background: url(../img/ucenter/nav-bg.png) top center repeat-x !important; }

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

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) center 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; }

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

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; }

@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: 20px; padding-right: 20px; }

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 { text-indent: -5000px; margin-right: 5px; }

ul.share li a { width: 24px; height: 24px; display: block; }


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; min-width: 1000px; }

@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: url(../img/ucenter/pattern.png) left 38px no-repeat, url(../img/ucenter/pattern2.png) right 40px no-repeat; background-color: #fff; }

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

aside .qrcode .card-body { padding-top: 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: right; }

@media (max-width: 576px) {
    .agenda .agenda-list-daily .agenda-time { text-align: left; }
}

.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: 15px; padding-right: 15px; 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) center 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) center 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: 85%; }
.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: 85%; }

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

.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-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(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: '\e612'; }

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

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

/*-- 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; }

.modal { padding: 0 10px !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; }

/*-- 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; }