/* banner */
.page-blog-wrap .banner {position: relative;}
.page-blog-wrap .banner img {width: 100%;}
.page-blog-wrap .breadcrumbs {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;max-width: 700px;}
.page-blog-wrap .breadcrumbs h3 {color: #fff;text-transform: uppercase;font-family: 'Rubik Medium';font-size: 40px;position: relative;line-height: 1;padding-bottom: 15px;}
.page-blog-wrap .breadcrumbs h3::after {content: ' ';display: inline-block;width: 80px;height: 7px;background-color: var( --e-global-color-primary );border-radius: 5px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.page-blog-wrap .breadcrumbs ul {display: flex;padding-left: 0;justify-content: center;margin-top: 20px;}
.page-blog-wrap .breadcrumbs ul li {list-style: none;color: #fff;font-size: 18px;font-family: 'Rubik Regular';}
.page-blog-wrap .breadcrumbs ul li a {color: #fff;font-size: 18px;font-family: 'Rubik Regular';}

.page-menu {border-bottom: 1px solid rgba(0,0,0,.2);}
.page-menu .menu-post {padding-left: 0;margin-bottom: 0;}
.page-menu .menu-post .menu-post-item {display: inline-block;}
.page-menu .menu-post .menu-post-item a {display: inline-block;padding: 20px 40px 10px;font-size: 20px;border-bottom: 5px solid rgba(0,0,0,0);}
.page-menu .menu-post .menu-post-item.active a {border-bottom: 5px solid var( --e-global-color-primary );}
.b-module-01 {padding: 30px 0 50px;}
.bg-f2f2f2 {background: #f2f2f2;}
.host-blog {padding: 25px;background: #fff;}
.host-blog .img img {width: 100%;}
.host-blog .content h5 {padding: 5px 0 20px;border-bottom: 1px dashed grey;}
.host-blog .content h5>span {float: right;font-size: 14px;color: grey;}
.host-blog .content p {padding: 20px 0;min-height: 200px;}
.hot-blog-button {display: inline-block;width: 160px;height: 52px;margin-right: 25px;border-radius: 7px;font-size: 15px;color: #fff;text-align: center;line-height: 52px;background-color: var( --e-global-color-primary );cursor: pointer;}
.hot-blog-button i {color: var( --e-global-color-primary );}

.blog-wrap {padding: 50px 0;background: #fff;}
.home-module-10-3-item {border: 1px solid rgba(0, 0, 0, 0.1);}
.blog-wrap .blog-item {margin-top: 40px;}
.home-module-10-3-item .img {overflow: hidden;}
.home-module-10-3-item .img>a>img {width: 100%;}
.home-module-10-3-item .img>a>img:hover {scale: 1.1;transition: all 0.6s;}
.home-module-10-3-item .title {padding: calc(15 / 1080 * 100vh) calc(25 / 1920 * 100vw) calc(25 / 1080 * 100vh) calc(25 / 1920 * 100vw);color: #333333;font-size: 18px;min-height: 88px;}
.home-module-10-3-item .content {margin: 0 calc(25 / 1920 * 100vw) 0 calc(25 / 1920 * 100vw);height: calc(150 / 1080 * 100vh);color: #666666;font-size: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.home-module-10-3-item .tip {display: flex;justify-content: space-between;align-items: center;padding: calc(15 / 1080 * 100vh) calc(25 / 1920 * 100vw);}
.home-module-10-3-item .tip .tip-item {color: #666666;font-size: 15px;}
.home-module-10-3-item .tip .tip-item {color: #666666;font-size: 15px;}
.home-module-10-3-item .tip .tip-item span {line-height: 24px;padding-left: 5px;}
/*.page {text-align: center;}*/


@media (max-width:786px) {
    .page-blog-wrap .breadcrumbs h3 {font-size: 22px;}
    .page-blog-wrap .breadcrumbs ul {margin-top: 5px;margin-bottom: 5px;}
    .page-blog-wrap .breadcrumbs ul li a,
    .page-blog-wrap .breadcrumbs ul li {font-size: 14px;}
    .host-blog .content p {margin-bottom: 0;}
    .b-module-01,
    .blog-wrap {padding: 10px;}
}