*,
body,
html { margin: 0; padding: 0; }

.bg-body { background-color: #f5f6f7; }

/*头部*/
.app-header-container { position: fixed; z-index: 9999999999; top: 0; left: 0; width: 100%; height: 70px; -webkit-transition: all .5s; transition: all .5s; background: #fff; border-bottom: 1px solid #eee; box-shadow: 0 3px 4px rgb(0 0 0 / 10%); }

.app-header-home-container { background: none; border-bottom: none; box-shadow: none; }
.app-header-home-container .app-nav-list .nav-item .nav-item-link { color: #fff !important; }
.app-header-home-container:hover { background: #fff; border-bottom: 1px solid #eee; box-shadow: 0 3px 4px rgb(0 0 0 / 10%); }
.app-header-home-container .app-nav-list .nav-item .nav-item-link.active:after { content: none !important }

.app-header-container .header-content { position: relative; height: 70px; }

.header-nav { display: flex; justify-content: center; align-items: center; }

.app-header-container .lz-logo { display: block; width: 50px; min-width: 50px; height: 26px; -webkit-transition: all 1s; transition: all 1s; position: relative; background: url(/images/logo.png); background-size: 100% 100%; margin-right: 40px; z-index: 2; }

.app-nav-list { -webkit-box-flex: 0; -webkit-flex: 0; flex: 0; display: -webkit-box; display: -webkit-flex; display: flex; list-style: none; margin-bottom: 0px; padding-left: 0px; }

.app-nav-list .nav-item { position: relative; padding: 0 14px; white-space: nowrap; font-size: 14px; letter-spacing: 0; height: 60px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.app-header-container a { text-decoration: none !important; }
.app-header-container .app-nav-list .nav-item .nav-item-link { position: relative; color: #222; }
.app-header-container-hover { background: #fff; border-bottom: 1px solid #eee; box-shadow: 0 3px 4px rgb(0 0 0 / 10%); }
.app-header-container-hover .app-nav-list .nav-item .nav-item-link,
.app-header-container:hover .app-nav-list .nav-item .nav-item-link { color: #222 !important; }
.app-header-container .app-nav-list .nav-item .nav-item-link:after { content: ""; width: 0; }
.app-header-container-hover .app-nav-list .nav-item:hover .nav-item-link:after,
.app-header-container:hover .app-nav-list .nav-item:hover .nav-item-link:after { transition: width .2s ease-out; transition: width .2s ease-out; content: ""; background-color: #297ce6; width: 100%; height: 2px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: -10px; }
.app-header-container .app-nav-list .nav-item .nav-item-link.active:after { transition: width .2s ease-out; transition: width .2s ease-out; content: ""; background-color: #297ce6; width: 100%; height: 2px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); bottom: -10px; }


.mt-menu { text-align: left; }
.mt-menu-btn { line-height: 70px; padding-left: 0.75rem }
.mt-menu-btn > i { font-size: 26px; color: #333 }
.mt-menu-nav { display: none }
.mt-menu-nav .list-group-item { border: 0 !important }
.mt-menu-nav .list-group-item:first-child { border-radius: 0 !important }
.app-header-home-container .mt-menu-btn > i { font-size: 26px; color: #fff }
.app-header-container:hover .mt-menu-btn > i { color: #333 }
.app-header-container-hover .mt-menu-btn > i { color: #333 }

.app-hbtn-primary { vertical-align: middle; box-sizing: border-box; width: 90px; border: 1px solid #2f82ff; margin-right: 14px; background: #fff; font-size: 14px; color: #fff; text-align: center; }
.app-hbtn { box-sizing: border-box; width: 90px; height: 33px; border: 1px solid #dc2a3a !important; color: #dc2a3a !important; background: #fff !important; border-radius: 4px !important; line-height: 22px; }
.app-hbtn:hover { color: #dc2a3a !important; border-color: #dc2a3a !important; background: #fff !important; }

.app-header-container .app-hbtn-primary { background: #dc2a3a; border: 1px solid #dc2a3a; border-radius: 4px }
.app-header-home-container .app-hbtn-primary { background: #fff; border: 1px solid #fff; color: #dc2a3a }
.app-header-home-container .app-hbtn { background: none !important; border: 1px solid #fff !important; color: #fff !important }

.app-header-home-container:hover .app-hbtn-primary { color: #fff }
.app-header-home-container:hover .app-hbtn { background: #fff !important; border: 1px solid #dc2a3a !important; color: #dc2a3a !important }

.app-header-container-hover .app-hbtn-primary { background: #dc2a3a; border: 1px solid #dc2a3a; color: #fff }
.app-header-container:hover .app-hbtn-primary { background: #dc2a3a; border: 1px solid #dc2a3a; }

.app-header-container-hover .app-hbtn { background: #fff !important; border: 1px solid #dc2a3a !important; color: #dc2a3a !important }


.app-main-content { /* position: relative; top: 70px*/ }
.app-main-home-content { top: 0px }

.footer .footer-content .contact .contact-block .khgw { font-size: 14px; display: inline-block; margin-right: 15px; text-align: center }
.footer .footer-content .contact .contact-block .khgw .title { overflow: hidden; text-overflow: ellipsis }

.fl { float: left; }

.fr { float: right; }


.footer .footer-content .contact .contact-block .icon { margin-top: 6px; float: left; }

.footer .footer-content .contact .contact-block .icon img { width: 46px; }

.footer .footer-content .info { margin: 0 auto; padding: 36px 0; font-size: 12px; text-align: center; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.footer .footer-content .info .info-list { font-weight: 300; font-size: 14px; padding-bottom: 14px; }

.footer .footer-content .info .info-list a { display: inline-block; height: 20px; line-height: 20px; border-right: 1px solid #ddd; padding: 0 10px; color: #ddd; }

.footer .footer-content .info .info-list a:last-child { border-right: 0; }

.footer .footer-content .info .info-beian { line-height: 20px; padding-bottom: 10px; color: #ddd; }

.footer .footer-content .info .info-beian a { padding: 0 10px; color: #ddd; }

.footer .footer-content .info .info-beian .info-discount-line { display: block; margin: 10px 0 0; }

.footer .footer-content .info .info-beian a { padding: 0 10px; color: #ddd; }

.footer .footer-content .info .info-report { padding-bottom: 10px; color: #ddd; }
.footer .footer-content .info .info-report a { color: #ddd; }
.footer .footer-content .info .info-address { color: #ddd; }
.footer { background: #120c0b; clear: both }

.footer .footer-content { height: auto; margin: 0 auto; text-align: center; }

.footer .footer-content .contact { padding-top: 48px; margin: 0 auto; color: #fff; font-size: 14px; display: flex; flex-wrap: wrap }

.footer .footer-content .contact .block-one { width: 54%; }

.footer .footer-content .contact .contact-block { width: 50%; color: #cacaca; font-size: 12px; position: relative }

.footer .footer-content .contact .contact-block div.telephone { font-size: 28px; font-weight: 400; padding-top: 6px; color: #fff; }

.footer .footer-content .contact .contact-block p { font-size: 14px; }

.footer .footer-content .contact .contact-block .gzwm { display: inline-block; width: 80px; }

.footer .footer-content .contact .contact-block p { font-size: 14px; }

.footer .footer-content .contact .contact-block .wx { margin-right: 36px; background: url(//s.geilicdn.com/pc-new-official/2.5.1/img/ad3a2c09dca3f532c88eaa85872fe308.svg) no-repeat; background-size: 100%; position: relative; cursor: pointer; }
.space { position: relative; height: 60px }

.socialmedia:hover { transition: all 0.3s ease-out; transform: scale(3); position: relative; z-index: 99 }



.gzwm-img { display: flex; flex-flow: wrap }

.khgw-not { }
.khgw-not .icon img { border-radius: 0 !important; width: 120px !important }

/*全局*/
.header-swiper { position: relative; }

.header-bg { position: relative; width: 100%; height: 460px; background-position: 50%; overflow: hidden; padding: 0px 20px 0px 20px }

.block { width: 100%; height: 460px; }

.header-bg .bg-img-wrapper { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin: 0 auto; position: relative; height: 460px; }

.header-bg .bg-img-wrapper img { max-height: 100% !important; display: block }

.header-bg .bg-text-info { margin: 82px 15px 0px 15px }

.header-bg .bg-logo-img { height: 33px; }

.header-bg .bg-logo-img img { height: 24px; }

.header-bg .bg-text { white-space: nowrap; font-weight: 600; font-size: 3.5rem; color: #fff; }

.header-bg .bg-desc { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; margin-top: 7px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; color: #fff; }

.header-bg .bg-text-info .bg-btn { cursor: pointer; margin-top: 35px; margin-right: 16px; width: 120px; height: 40px; background: #e53a40; border-radius: 4px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; }

.header-bg .bg-text-info .bg-btn a { color: #fff; text-decoration: none; }

.header-bg .bg-text-info .bg-btn:hover { background: #ba2431; }

.header-bg .bg-text-info .bg-btn-two { cursor: pointer; margin-top: 35px; width: 120px; height: 38px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; border: 1px solid #fff; border-radius: 4px; }

.flex { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-wrap { flex-wrap: wrap; }

.module-why { background: #f5f6f7; }

.module-why .title { font-size: 30px; color: #222; font-weight: 500; padding: 50px 0 40px; text-align: center; }

.module-why .module-wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding-bottom: 50px; }

.module-why .module-wrapper .module { width: 240px; height: 270px; background: #fff; border-radius: 4px; margin-right: 15px }

.module-why .module-wrapper .module .icon1 { background: url(https://si.geilicdn.com/img-5412000…-unadjust_168_168.png); background-size: 100%; }

.module-why .module-wrapper .module .icon { width: 84px; height: 84px; margin: 22px auto 0; }

.module-why .module-wrapper .module .tips { font-size: 18px; color: #222; font-weight: 700; padding: 24px 0 13px; }

.module-why .module-wrapper .module .desc { padding: 0 20px; font-size: 14px; color: #737373; overflow: hidden; text-overflow: ellipsis; height: 86px; }

@media screen and (max-width: 765px) {
    .module-why .module-wrapper .module { width: 100%; margin-left: 15px; }
    .module-desc .desc-wrapper { margin-right: 0px !important }

    .module-desc .icon { width: 100% !important; margin-right: 0px !important; margin-top: 10px !important; margin-bottom: 10px !important }

    .header-bg .bg-img-wrapper { width: 100%; justify-content: center; align-items: center; }
    .header-bg .bg-text { white-space: normal; }
    .header-bg .bg-text-info { margin-top: 82px; position: absolute; top: 0px; height: 100%; width: 100%; display: block; }

    .header-bg .bg-img-wrapper img { display: none }
    .header-bg { height: 400px }

    .home-desc { padding-left: 0px !important; padding-right: 0 !important }
}

/**手机 <=768px */
@media (max-width: 768px) {
    .header-bg .bg-text-info { min-width: 200px }
    .mh-blog-rec-col { padding-left:0px}
}

/**平板*/
@media(min-width: 768px) and (max-width: 991px) {
    .answers-col { padding-left: 0px }
}
/**中等屏幕（笔记本电脑）*/
@media(min-width: 992px) {
    .header-bg .bg-text-info {min-width:180px }
    .answers-col { padding-left: 0px }
}

/**大屏幕*/
@media(min-width: 1200px) {
    .header-bg .bg-text-info { min-width: 180px }
    .answers-col { padding-left:0px}
}

    .module-desc { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-left: 20px !important; padding-right: 20px !important }

    wrap .module-desc .desc-wrapper { width: 480px; }

    .margin-right-130 { margin-right: 130px; }

    .module-desc .desc-wrapper .name { font-size: 24px; color: #222; padding-bottom: 24px; font-family: PingFangSC-Medium; }

    .module-desc .desc-wrapper .detail { font-size: 16px; color: #404040; padding-bottom: 16px; font-weight: 300; -webkit-font-smoothing: antialiased; }

    .module-desc .desc-wrapper .detail .title { font-weight: 700; padding-bottom: 8px; }

    .module-desc .desc-wrapper .detail { font-size: 16px; color: #404040; padding-bottom: 16px; font-weight: 300; -webkit-font-smoothing: antialiased; }

    .module-desc .desc-wrapper .detail .title { font-weight: 700; padding-bottom: 8px; }

    .module-desc .desc-wrapper .detail { font-size: 16px; color: #404040; padding-bottom: 16px; font-weight: 300; -webkit-font-smoothing: antialiased; }

    .module-desc .desc-wrapper .app-btn { display: inline-block; width: 120px; height: 40px; line-height: 40px; border: 1px solid #dc2a3a; border-radius: 4px; font-size: 16px; color: #e53a40; text-align: center; cursor: pointer; margin-top: 8px; }

    .app-btn-white { background-color: #fff; }
    .app-btn-line-white { color: #fff !important; border: 1px solid #fff !important }

    .app-btn:hover { text-decoration: none !important }

    .module-desc .icon { width: 410px; }

    .module-desc .icon img { width: 100%; height: 100%; }

    .padding-top-bottom-29 { padding-bottom: 20px; padding-top: 20px; }

    .gray { background: #f5f6f7; }

    .margin-right-130 { margin-right: 130px; }

    .module-desc .icon { width: 410px; }


    .bg-img-5 { padding-top: 45px; padding-bottom: 70px; margin: 0 auto; background: #f5f6f7; }

    .bg-img-5 .bg-text-11 { font-weight: 500; font-size: 30px; color: #222; text-align: center; margin-bottom: 40px; }

    .bg-img-5 .bg-swiper-info { margin: 0 auto; width: 1120px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

    .module-desc-last { background: url(https://si.geilicdn.com/img-7a68000…-unadjust_2040_660.png) no-repeat; background-position: 50%; background-size: 50%; }

    .swiper-container .swiper-slide .shop-info { position: relative; width: 230px; height: 270px; background: #fff; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 6%); border-radius: 4px; overflow: hidden; }

    .swiper-container .swiper-slide .shop-info .info { position: absolute; -webkit-transition: all .8s; transition: all .8s; left: 0; top: 84px; right: 0; bottom: 0; text-align: center; background: #fff; }

    .swiper-container .swiper-slide .shop-info .info .shop-logo { position: absolute; -webkit-transition: all .2s; transition: all .2s; left: 50%; top: -45px; right: 0; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 64px; height: 64px; border: 1px solid #fff; border-radius: 100%; opacity: 1; }

    .swiper-container .swiper-slide .shop-info .info .shop-name { margin-top: 32px; font-weight: 600; font-size: 16px; color: #404040; text-align: center; }

    .swiper-container .swiper-slide .shop-info .info .shop-note { -webkit-transition: all .5s; transition: all .5s; height: 120px; margin-top: 10px; padding: 0 25px; font-size: 14px; color: #888; text-align: center; opacity: 1; }

    #swiper2 { width: 980px; height: 276px; }

    .bg-img-5 .bg-swiper-info .swiper-prev { width: 48px; height: 48px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAflBMVEUAAADt7e309PTy8vLs7Ozs7Ozs7Ozu7u7w8PDs7Ozs7Ozs7Ozs7Ozs7Ozt7e319fXw8PD////s7Ozt7e3s7Ozs7Ozt7e3s7Ozs7Ozt7e3s7Ozt7e3s7Ozu7u7s7Ozx8fHv7+/t7e3////r6+v////39/fb29v19fX7+/vY2NiAgE0tAAAAJHRSTlMA9/z58f76+fbmrJJtTy8YEATYz7qvioiGf3liX0xEJR4dCkHh9R+7AAACZ0lEQVRo3szW6U7rMBCGYcZrtiZN9x1aPpPp/d/gyUGFUNQliy3x/o8eTcay/PLXOh522WaVpqtNtjscX7yXZ8mEtCWKpBAyIrKaJkmWewPG20RpEo5xFTtBWiXb8XCh3M9NDeBONWTm+3LYEGtlBeNhLKxa9x+nWBA5tMgRLYpexGlpIoeWucgsT92NUUyMDjHFo47E28xU6FhlZm+dxlCS0TmWqv0wZaodeuV0WrYziqll9IzttGhjvMYSA5Lx63MjVxKDkip/ZryTwMAEvT+ZgyoMrqL84T6UgIeEerCXIpbwkoyLe0Y5lfCUnJZ3kNTCWza9bYw0w1usRzfvROXgMadu3ZYzCa/J2Y2fZRheYzP6bZziCp6r4tMvZEnwHi2vjcIwvMemuEIWEQIULa7eV+QQIEfjH8iaECRaN0apHILkVHOF7W3nrz8+0Ca7/0bmorNxboeI+ffaDXc3KrSJzdfqtxTKAGh7QRIRzIBILohywQw4dXmh6HAGoPNPJCMgmAHKmpWEMZqlTBwQzICbfCLEAQ0w/TeOOqQB6GONHCzqghmwhxrZEeqCGaBdc4JDGM0Z3kSoC2Yg2tTISuJ5VW8DclUjqcDT+Hw+9zQg0rbIv2rtxAhgEIaBYDf0XyIl8JhZ5DSQmTzGutOo3IQ8LvLiySdMfkYyVsiAFKOeHFrk+CWLBFmJxHJH1lSycJPoIEIQiXMkmIqITWCBwB4E4AgURaCawIMCdBJkK+CzwOhECAi1ISSN0E3/xdkbBZghM+taNkcwl1R5mvS/rC9kFjGOKyXJ5Zj9mk+HwtKyetWtRFa7Jrjw+j8Q5NL8AAAAAElFTkSuQmCC); background-position: 50%; background-size: 48px; background-repeat: no-repeat; }

    .bg-img-5 .bg-swiper-info .swiper-next { width: 48px; height: 48px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAflBMVEUAAADt7e309PTy8vLs7Ozs7Ozs7Ozu7u7w8PDs7Ozs7Ozs7Ozs7Ozs7Ozt7e319fXw8PD////s7Ozt7e3s7Ozs7Ozt7e3s7Ozs7Ozt7e3s7Ozt7e3s7Ozu7u7s7Ozx8fHv7+/t7e3////r6+v////39/fb29v19fX7+/vY2NiAgE0tAAAAJHRSTlMA9/z58f76+fbmrJJtTy8YEATYz7qvioiGf3liX0xEJR4dCkHh9R+7AAACdklEQVRo3syZ6XLrIAxGKxbjLW2dfU+TftTk/V/wenp9M00mi4lBt+e/54yMEEK8/Db223W5nBfFfFmut/uX4LyW+ZC0IUqlEDIlMpqGefkaTPC+ypUmYR3OcFaQVvnqvb+h2kySRoAbNKJksqn6BbFQRjjcxQmjFs+H8zYlsuiAJZq+PaU4zJLUoiM2TWYHf8cgIwcPHGUDT8XHOKnhSZ2MP7zCUNLBGydV92CqQls8hdVF1TGpRsbhSZwZdUqzXSbRA5ntOlQpJdELqR5WtE8S6ImgzwdxUI3e1HQ3lp0SCIBQuzt5lUkEQWY3c6waSQRCjm7tl8IgGKa4UUu0QzCcHlyticoiIFZdq5ZjiaDI8ZWflTgExSWDS8chqxGYOrs8K2eE4NDsYhsmDsFxyfmWnKaIQDo966/IIgKWfvZjC0IUaPGjaCmLKFhVnSQbgy58fVl4YjYnyUSgk+TobRGT07J3zN/a3+KSf0u/IiCWhVatJBdALIvIW4myQCyLVW2HooF4Fv23cykJLTEsVJ4tSRxLuyjD9pM4Fjv8lpBDRIuj7zmDBmJa9L6RbA1a4ljMtpGsCS1xLLT2zGB/S5vDyxQtcSzpspHMJVr8LTUeI+eNpBB4jvp4PDo8RBQsEpbfxbLwLCnMshlZygpLgeQo9SyHFsvxy9JIsLREHM0dS5vK0nCzXB04LkEs1zmWiynHFZtlWMAx9mAZ4HCMoliGahzjQY5BJ8vIlmP4zDFGZ3kQ4Hja4Hik4Xhu+v8PZ39GnSnAwTGZSfm07OCZYKZoqnywTfqTuXxhcC7EIHlJyWBeHEP8Mp+hsGCJ4NKrobaIjDIAAOpB+kII0+EIAAAAAElFTkSuQmCC); background-position: 50%; background-size: 48px; background-repeat: no-repeat; }

    .swiper-container .swiper-slide .shop-info .info .bg-text-12 { margin-top: 10px; padding: 0 25px; font-weight: lighter; font-size: 14px; color: #404040; text-align: center; }

    .swiper-container .swiper-slide .shop-info .info .qr-code { width: 112px; height: 112px; }

    .padding-top-bottom-50 { padding: 50px 0; }

    .center { text-align: center; }

    .module-desc-last { background: url(https://si.geilicdn.com/img-7a68000…-unadjust_2040_660.png) no-repeat; background-position: 50%; background-size: 50%; }

    .module-desc { -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }

    .module-desc .last-title { padding-top: 25px; font-size: 30px; color: #222; padding-bottom: 16px; }

    .module-desc .button { width: 154px; line-height: 52px; height: 52px; color: #fff; background: #e53a40; border-radius: 4px; font-size: 18px; margin: 48px auto 25px; cursor: pointer; }


    a { text-decoration: none; }



    /*内容*/
    .app-content { background: #fff; border-radius: 8px; padding: 20px 12px 10px; width: 988px; box-sizing: border-box; height: 138px; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%); margin: 36px auto 8px; position: relative; }
    .app-content-wrap { display: flex; text-align: center; align-items: center; height: 100%; }
    .app-content-wrap > div { flex: 1; position: relative; }
    .app-content-wrap > div::after { position: absolute; content: ' '; width: 2px; height: 100%; background-color: #f1f1f1; right: 0; top: 0; border-radius: 2px; }
    .app-content-wrap > div:last-child::after { content: none; }
    .app-content-wrap .title { font-size: 18px; font-weight: bold; }
    .app-content-wrap .desc { margin-top: 10px; }


    .home-total .title { font-size: 14px; color: #222; font-weight: bold; }
    .home-total .desc { margin-top: 10px; font-size: 24px; color: #e64525 }
    .home-total-item { border-radius: 8px; text-align: center; padding: 20px 0px 20px 0; background: #fff; margin-bottom: 15px }


    .price-card { border-radius: 6px; box-shadow: 0 2px 18px rgb(0 0 0 / 10%); border-color: rgba(0,0,0,0); text-align: center; padding-bottom: 20px; margin-right: 40px; }
    .price-card .title { background-color: #3E61F7; color: #fff; padding: 20px; font-weight: bold; font-size: 20px; border-top-right-radius: 6px; border-top-left-radius: 6px; }
    .price-title { font-weight: bold; font-size: 20px; padding: 30px 0 30px 0; border-bottom: 1px solid #f2f2f2; }
    .price-title > span { font-size: 12px }
    .price-content { padding: 40px 30px 0px 30px; min-width: 230px }
    .price-card .desc { color: #B4B4B4; margin-bottom: 20px }

    .app-btn-buy { display: inline-block; padding: 5px 12px; margin-bottom: 0; font-size: 13px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; -webkit-transition: .4s cubic-bezier(.175,.885,.32,1); -o-transition: .4s cubic-bezier(.175,.885,.32,1); transition: .4s cubic-bezier(.175,.885,.32,1); -webkit-transition-property: background,border,outline,opacity,-webkit-box-shadow; -o-transition-property: background,border,box-shadow,outline,opacity; transition-property: background,border,outline,opacity,-webkit-box-shadow; transition-property: background,border,box-shadow,outline,opacity; transition-property: background,border,box-shadow,outline,opacity,-webkit-box-shadow; color: #fff; background-color: #0a67fb; border-color: #0354d4; height: 30px; width: 120px; border-radius: 30px; }
    .app-btn-buy:hover { background-color: #385CEE; text-decoration: none !important; color: #fff }


    /*video*/
    .app-video { height: 400px; margin-bottom: 20px; }
    .app-video > iframe { width: 100%; height: 100%; }
    .app-video-name { margin-bottom: 20px; }
    .app-video-name .name { font-size: 24px; color: #222; padding-bottom: 20px; }
    .app-video-detail > div:nth-child(2) { padding-left: 30px }
    .app-video-detail > div { position: relative }
    .app-video-detail img { position: absolute; top: 8px; }
    .app-video-detail .detail { margin-left: 40px !important }
    .app-video-detail .title { font-weight: 500 !important; padding-bottom: 0px !important }
    .app-video-detail .detail .desc { font-size: 15px !important }
    .app-video-detail .detail { font-size: 16px; color: #404040; padding-bottom: 16px; font-weight: 300; -webkit-font-smoothing: antialiased; }
    .video-why { position: relative; border-radius: 10px !important; margin-bottom: 15px; }


    @keyframes pulse {
        0% { line-height: 9 }
        100% { line-height: 8 }
    }

    .video-why:hover { cursor: pointer; /* animation: pulse .5s .2s ease both;*/ }
    .video-why:hover::after { position: absolute; font-family: ZenIcon; content: '\e61c'; background-color: rgba(0,0,0,0.2); width: 100%; height: 100%; top: 0; left: 0; color: #fff; font-size: 30px; text-align: center; line-height: 9; animation: pulse .5s .2s ease both; border-radius: 10px !important }
    .video-modal .modal-body { padding: 0 }
    .video-why .icon > img { border-radius: 4px }
    .video-red { background-color: #E32E2E; padding-left: 50px; padding-right: 50px; }

    .user-story > div { margin-bottom: 20px }
    .user-story-content { padding: 0px 20px }
    .text-2-ellipsis { cursor: pointer; letter-spacing: 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; }



    @media (min-width: 1200px) {
        .container { max-width: 1050px; }
    }


    .mh-blog-article video { width: 100% !important; min-height: 320px }
    .mh-blog-article-content img { max-width: 100% !important }
    .mh-blog-article-content iframe { width: 100% !important }

    .mh-blog-rec-container { margin-left: 1rem }
    .mh-blog-rec { margin: 0; padding: 0; color: gray; padding-left: 1.6rem; list-style: decimal }
    .mh-blog-rec > li > a { color: grey; display: block; padding: 6px }
    .mh-blog-rec > li > a:hover { color: #145ccd; }
    .mh-blog-rec-title { font-size: 16px; font-weight: 700 }
    .mh-blog-item { display: flex; align-items: center; }
    .mh-blog-item_media > img { border-radius: 6px }
    .mh-blog-item_media { padding-right: 10px; max-width: 160px; }
    .mh-blog-item_content { }
    .mh-blog-item_title { font-size: 16px }

    .mh-blog-item_content .text { margin-bottom: 6px }
    .mh-blog-item a:focus, a:hover { text-decoration: none }

    .mh-card { background-color: #fff; border-radius: 10px; padding: 20px; margin: 0 0px 20px 0px; }
    .mh-card-heading { margin-bottom: 1rem; display: flex }
    .mh-card-heading > div { flex: 1 }
    .mh-card-heading > .title { font-size: 16px; font-weight: 700; }
    .mh-card-heading > .operate > a { color: #B6C3D2 }
    .mh-card-heading > .operate { }
    .mh-card-heading > .operate { text-align: right }
    .mh-card-heading-title { font-size: 20px }
    .mh-card-body { }
    .mh-card-footer { margin-top: 2rem }
    .mh-card-title { margin: 0 0 1rem 0; padding: 0 }
    .mh-nav-category > li { float: none }

    .mh-share-btns { text-align: right; margin-top: 15px; margin-bottom: 15px; }

    .mh-empty-data { text-align: center; padding: 10px; font-size: 20px; margin-top: 20px; margin-bottom: 20px; }
    .mh-empty-data > i { font-size: 20px }
    .mh-empty-data-text { display: inline-block; padding-left: 6px }