[v-cloak] { display: none; }

body { font-family: Tahoma, Helvetica, "microsoft yahei", "Hiragino Sans GB", Simsun,sans-serif; background-color: #ECF0F1; color: #333; font-size: 14px; -webkit-font-smoothing: antialiased; }

a { color: #333; }
a:hover { color: #00AAEE; text-decoration: none; }

.mipmb-header-default { background-color: #303641; }
.mipmb-header-default .logo-text { margin-right: 15px; font-size: 20px; line-height: 60px; }
.mipmb-header-default .logo-text a { color: #fff; }
.mipmb-header-default .mipmb-menu { background-color: #303641; line-height: 0; padding: 0; margin: 0; }
.mipmb-header-default .mipmb-menu > li { margin-left: 1px; margin-right: 1px; position: relative; }
.mipmb-header-default .mipmb-menu > li > a { display: block; position: relative; -webkit-transition: ease-in color .15s; transition: ease-in color .15s; color: #ECEFF1; padding: 0px 15px; line-height: 60px; }
.mipmb-header-default .mipmb-menu > li > a:hover { color: #fff; background-color: #242931; }
.mipmb-header-default .mipmb-menu > li.active { color: #fff; background-color: #242931; }
.mipmb-header-default .mipmb-menu > li.active > a:hover { color: #fff; background-color: #242931; }
.mipmb-header-default .mipmb-dropdown-item .mipmb-dropdown-list { display: none; top: 50px; position: absolute; z-index: 900; width: inherit; max-height: 200px; overflow: auto; margin: 5px 0; padding: 5px 0; background-color: #fff; box-sizing: border-box; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
.mipmb-header-default .mipmb-dropdown-item .mipmb-dropdown-list li { line-height: 25px; }
.mipmb-header-default .mipmb-dropdown-item .mipmb-dropdown-list li a { margin: 0; display: inline-block; line-height: normal; padding: 7px 16px; clear: both; color: #495060; white-space: nowrap; list-style: none; cursor: pointer; transition: background .2s ease-in-out; min-width: 90px; }
.mipmb-header-default .mipmb-dropdown-item .mipmb-dropdown-list li a:hover { background-color: #f3f3f3; }
.mipmb-header-default .mipmb-dropdown-item:hover .mipmb-dropdown-list { display: block; }

.mipcms-main { margin-top: 75px; }

.container .row .col-lg-8 .row .col-lg-6:nth-of-type(even) { padding-left: 7px; }

.container .row .col-lg-8 .row .col-lg-6:nth-of-type(odd) { padding-right: 7px; }

.mip-top-img { position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; }

.mip-top-img .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s linear; }

.image-link-left { width: 768px; height: 306px; }

.image-link-right-top { width: 300px; height: 180px; }

.image-link-right-bottom { width: 140px; height: 107px; }

.mip-top-img .left-img { width: 768px; }

.mip-top-img .right-img-top { width: 300px; }

.mip-top-img .right-img-bottom { width: 140px; }

.mip-top-img .left-img:hover { width: 778px; }

.mip-top-img .right-img-top:hover { width: 310px; }

.mip-top-img .right-img-bottom:hover { width: 150px; }

.mip-top-block { position: relative; }

.caption { background: -webkit-linear-gradient(top, rgba(25, 35, 45, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(25, 35, 45, 0) 0%, rgba(0, 0, 0, 0.8) 100%); text-shadow: 0px 1px 1px #000; padding: 14px 20px 17px 20px; position: absolute; bottom: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.caption .time { color: #d3dbdf; display: block; text-transform: uppercase; font-size: 11px; }

.caption a { color: #fff; font-size: 18px; line-height: 2; }

.mip-top-right .caption { width: 100%; padding: 5px 10px 5px 10px; }

.mip-top-right a { font-size: 13px; line-height: 20px; }

.mip-box { background-color: #fff; margin-bottom: 15px; border-radius: 3px; border: 0; -webkit-box-shadow: initial; box-shadow: inherit; }
.mip-box .mip-user-info { float: right; padding-left: 15px; padding-right: 30px; }
.mip-box .mip-box-heading { color: #333; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; padding: 15px 0px; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #EFEFEF; }
.mip-box .mip-box-heading.mip-box-tap { margin-bottom: -1px; padding: 5px 0px 0px 0px; }
.mip-box .mip-box-heading .tap-list { overflow: hidden; }
.mip-box .mip-box-heading .tap-list li { float: left; }
.mip-box .mip-box-heading .tap-list li a { padding: 10px 15px; line-height: 42px; margin: 0 1px; }
.mip-box .mip-box-heading .tap-list li:hover a { color: #00AAEE; border-bottom: 3px solid #00AAEE; }
.mip-box .mip-box-heading .tap-list li.active a { color: #00AAEE; border-bottom: 3px solid #00AAEE; }
.mip-box .mip-box-heading .detail-title { margin-top: 10px; margin-bottom: 10px; word-break: break-all; word-wrap: break-word; font-size: 30px; font-weight: 400; line-height: 36px; }
.mip-box .mip-box-heading .info { margin-bottom: 10px; font-size: 14px; color: #999; margin-top: 15px; }
.mip-box .mip-box-heading .info ul { padding-left: 0; margin-bottom: 0; }
.mip-box .mip-box-heading .info ul li { padding-right: 10px; float: left; list-style: none; }
.mip-box .mip-box-heading h3 { margin: 0; line-height: 16px; font-size: 16px; font-weight: 500; color: #333; }
.mip-box .mip-box-heading .right { position: absolute; right: 0; top: 12px; font-size: 13px; padding: 1px 5px; border: 1px solid transparent; line-height: 1.5; }
.mip-box .mip-box-heading .right:hover { border-radius: 3px; background-color: #eef1f5; color: #333; }
.mip-box .mip-box-body { padding: 20px; }
.mip-box .mip-box-body:before, .mip-box .mip-box-body:after { display: table; content: " "; }
.mip-box .mip-box-body:after { clear: both; }
.mip-box .mip-box-footer { padding: 10px 15px; background-color: #f6f8f8; border-top: 1px solid #efefef; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.mip-box .mip-box-footer ul { list-style: none; padding-left: 0; }
.mip-box .mip-box-footer .item-up-down-page ul { padding-left: 0; margin-bottom: 0; list-style: none; }
.mip-box .mip-box-footer .item-up-down-page ul li { width: 50%; }
.mip-box .mip-box-footer .item-up-down-page ul li a { overflow: hidden; white-space: nowrap; width: 95%; display: inline-block; text-overflow: ellipsis; }
.mip-box .mip-box-footer .item-down-page { float: right; text-align: right; }
.mip-box .mip-box-footer .item-up-page { float: left; text-align: left; }
.mip-box .mip-box-footer .item-up-page p, .mip-box .mip-box-footer .item-down-page p { font-size: 12px; color: #999999; }

.mipcms-detail-body { font-size: 16px; font-family: arial, sans-serif; line-height: 1.6; color: #333; outline: none; word-wrap: break-word; }
.mipcms-detail-body > :first-child { margin-top: 0 !important; }
.mipcms-detail-body a { color: #4298BA; text-decoration: none; word-break: break-all; }
.mipcms-detail-body a:visited { color: #4298BA; }
.mipcms-detail-body a:hover { color: #0F769F; }
.mipcms-detail-body a:active { color: #9E792E; }
.mipcms-detail-body a:hover, .mipcms-detail-body a:active { outline: 0; }
.mipcms-detail-body h1, .mipcms-detail-body h2, .mipcms-detail-body h3, .mipcms-detail-body h4, .mipcms-detail-body h5, .mipcms-detail-body h6 { font-weight: normal; margin: 40px 0 20px; color: #000000; }
.mipcms-detail-body h1 { font-size: 24px; }
.mipcms-detail-body h2 { font-size: 22px; }
.mipcms-detail-body h3 { font-size: 20px; }
.mipcms-detail-body h4 { font-size: 18px; }
.mipcms-detail-body h5 { font-size: 16px; }
.mipcms-detail-body h6 { font-size: 16px; }
.mipcms-detail-body p, .mipcms-detail-body div { word-wrap: break-word; margin: 0 0 15px 0; color: #333; word-wrap: break-word; }
.mipcms-detail-body b, .mipcms-detail-body strong { font-weight: bold; }
.mipcms-detail-body i, .mipcms-detail-body em { font-style: italic; }
.mipcms-detail-body u { text-decoration: underline; }
.mipcms-detail-body strike, .mipcms-detail-body del { text-decoration: line-through; }
.mipcms-detail-body ul, .mipcms-detail-body ol { list-style: disc outside none; margin: 15px 0; padding: 0 0 0 40px; line-height: 1.6; }
.mipcms-detail-body ul ul, .mipcms-detail-body ul ol, .mipcms-detail-body ol ul, .mipcms-detail-body ol ol { padding-left: 30px; }
.mipcms-detail-body ul ul, .mipcms-detail-body ol ul { list-style: circle outside none; }
.mipcms-detail-body ul ul ul, .mipcms-detail-body ol ul ul { list-style: square outside none; }
.mipcms-detail-body ol { list-style: decimal; }
.mipcms-detail-body blockquote { border-left: 6px solid #ddd; padding: 5px 0 5px 10px; margin: 15px 0 15px 15px; }
.mipcms-detail-body blockquote > :first-child { margin-top: 0; }
.mipcms-detail-body code { display: inline-block; padding: 0 4px; margin: 0 5px; background: #eeeeee; border-radius: 3px; font-size: 13px; font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace; }
.mipcms-detail-body pre { padding: 10px 5px 10px 10px; margin: 15px 0; display: block; line-height: 18px; background: #F0F0F0; border-radius: 3px; font-size: 13px; font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace; white-space: pre; word-wrap: normal; overflow-x: auto; }
.mipcms-detail-body pre code { display: block; padding: 0; margin: 0; background: none; border-radius: 0; }
.mipcms-detail-body hr { display: block; height: 0px; border: 0; border-top: 1px solid #ccc; margin: 15px 0; padding: 0; }
.mipcms-detail-body table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin: 15px 0; }
.mipcms-detail-body table thead { background-color: #f9f9f9; }
.mipcms-detail-body table td, .mipcms-detail-body table th { min-width: 40px; height: 30px; border: 1px solid #ccc; vertical-align: top; padding: 2px 4px; text-align: left; box-sizing: border-box; }
.mipcms-detail-body table td.active, .mipcms-detail-body table th.active { background-color: #ffffee; }
.mipcms-detail-body img { margin: 0 5px; vertical-align: middle; width: auto; min-width: auto; }

.tags li { padding-right: 5px; float: left; }

.tags a { color: #999; background-color: #eff1f5; padding: 2px 5px; border-radius: 3px; text-decoration: none; font-size: 12px; }

.tags a:hover { background-color: #0AE; color: #FFF; }

.mipui-category-list-item { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px; overflow: hidden; }
.mipui-category-list-item .item-media { background-color: #eee; position: relative; overflow: hidden; float: left; width: 240px; }
.mipui-category-list-item .item-media .item-link { transition: all .5s; position: relative; display: block; height: 153px; }
.mipui-category-list-item .item-media .item-link .mip-layout-container { position: initial; }
.mipui-category-list-item .item-media .item-link img { min-width: auto; max-width: inherit; position: absolute; top: 50%; left: 50%; height: auto; transform: translate(-50%, -50%); }
.mipui-category-list-item .item-media:hover .item-link { display: block; transition: all .5s; transform: scale3d(1.1, 1.1, 1); }
.mipui-category-list-item .item-content { padding-left: 255px; }
.mipui-category-list-item .item-content h4 { font-size: 18px; margin: 10px 0; }
.mipui-category-list-item .item-content h4 a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-decoration: none; width: 100%; }
.mipui-category-list-item .item-content p { color: #999999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }

@media (max-width: 768px) { .mipui-category-list-item { position: relative; min-height: 130px; }
  .mipui-category-list-001 .mipui-category-list-item .item-media { position: absolute; left: 0; top: 40px; width: 121px; }
  .mipui-category-list-001 .mipui-category-list-item .item-media .item-link { height: 75px; }
  .mipui-category-list-001 .mipui-category-list-item .item-content { padding-left: 0; }
  .mipui-category-list-001 .mipui-category-list-item p { padding-left: 136px; }
  .mipmb-header .container { padding: 0; }
  .mipmb-header .logo-text { float: none; margin-right: 0; display: block; padding: 0; text-align: center; line-height: 44px; border-bottom: 1px solid #242932; }
  .mipmb-header .list-unstyled { overflow: hidden; width: 100%; list-style: none; padding-left: 0; padding: 0; line-height: 30px; margin: 0; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; }
  .mipmb-header .list-unstyled li { display: inline-block; }
  .mipmb-header .list-unstyled > li > a { display: block; line-height: 30px; padding: 5px 5px; position: relative; color: #ECEFF1; }
  .mipcms-main { margin-top: 100px; }
  .mipmb-page-item.item-up-page { float: none !important; }
  .mip-box .mip-box-footer .item-down-page { float: none !important; text-align: left; margin-top: 10px; }
  .mip-box .mip-box-footer .item-down-page p { margin-bottom: 5px; }
  .container .row .col-lg-8 .row .col-lg-6:nth-of-type(even) { padding-left: 15px !important; }
  .container .row .col-lg-8 .row .col-lg-6:nth-of-type(odd) { padding-right: 15px !important; } }
.li-box-list { line-height: 30px; position: relative; }

.li-box-list:after, .li-box-list:before { content: " "; display: table; }

.li-box-list a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.li-box-list p { margin-top: 0; font-size: 12px; color: #999; line-height: 15px; }

.list-time { line-height: 30px; position: relative; }

.list-time:before, .list-time:after { content: " "; display: table; }

.list-time:after { clear: both; }

.list-time a { float: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 80px; width: 100%; }

.list-time time { position: absolute; right: 0; color: #BABABA; }

.no-data-block { height: 300px; padding-top: 80px; }

.no-data-block .no-data-img { margin: 0 auto; width: 60px; height: 60px; position: relative; }

.no-data-block p { margin-top: 15px; color: #dbdbdb; }

@media (min-width: 1200px) { .container { width: 1113px !important; } }
@media (min-width: 1200px) { .mipcms-main .col-lg-8 { max-width: 798px; flex: none; }
  .mipcms-main .col-lg-4 { width: 315px; flex: none; padding-left: 0px; } }
.container .row .col-lg-8 .row .col-lg-6:nth-of-type(even) { padding-left: 7px; }

.container .row .col-lg-8 .row .col-lg-6:nth-of-type(odd) { padding-right: 7px; }

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }

.pagination > li { display: inline; }

.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; border-radius: 3px; line-height: 1.42857143; text-decoration: none; color: #333; background-color: #fff; border: 1px solid #ddd; margin-left: 10px; -webkit-transition: all .3s; }

.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #00AAEE; background-color: #eee; border-color: #ddd; cursor: pointer; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; background-color: #00AAEE; border-color: #00AAEE; cursor: default; }

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed; }

.friend-link { text-align: center; margin-bottom: 15px; text-align: center; }

.friend-link ul { overflow: hidden; list-style: none; padding: 0; display: inline-block; }

.friend-link li { float: left; margin: 0 5px; }

.mip-footer { line-height: 25px; }

mip-fixed[type="top"] { overflow: inherit; }

/*# sourceMappingURL=mipcms.css.map */