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

* { outline: none !important; }
@font-face {
  font-family: "huaweisans-regular";
  src: url("../fonts/huaweisans-regular.eot?hqtb4h");
  src: url("../fonts/huaweisans-regular.eot?hqtb4h#iefix") format("embedded-opentype"), url("../fonts/HuaweiSans-Regular.ttf?hqtb4h") format("truetype"), url("../fonts/huaweisans-regular.woff?hqtb4h") format("woff"), url("../fonts/huaweisans-regular.svg?hqtb4h#icomoon") format("svg");
}
@font-face {
  font-family: "huaweisans-bold";
  src: url("../fonts/huaweisans-bold.eot?hqtb4h");
  src: url("../fonts/huaweisans-bold.eot?hqtb4h#iefix") format("embedded-opentype"), url("../fonts/HuaweiSans-Bold.ttf?hqtb4h") format("truetype"), url("../fonts/huaweisans-bold.woff?hqtb4h") format("woff"), url("../fonts/huaweisans-bold.svg?hqtb4h#icomoon") format("svg");
}
@font-face {
  font-family: "huaweisans-medium";
  src: url("../fonts/huaweisans-medium.eot?hqtb4h");
  src: url("../fonts/huaweisans-medium.eot?hqtb4h#iefix") format("embedded-opentype"), url("../fonts/HuaweiSans-Medium.ttf?hqtb4h") format("truetype"), url("../fonts/huaweisans-medium.woff?hqtb4h") format("woff"), url("../fonts/huaweisans-medium.svg?hqtb4h#icomoon") format("svg");
}

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

body { font-family: "HuaweiSans-Regular", Helvetica,'fzlthjt','Microsoft Yahei', 'helvetica neue', helvetica, sans-serif; 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; }
}


.navbar-toggler {
    font-size: initial;
}
.navbar-toggler-icon {
    width: 30px;
    height: 30px;
}


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

@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, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active { 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 .modal-header .close{ padding:0px !important; margin:0px !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; }


/*-- nav --*/
.showNav { display: block !important; }

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

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

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