body{background-color:#f7f8f9}.header{background-color:#fff}.blog{position:relative;padding-top:122px}.blog>.container{position:relative}.blog .blog-nav{position:fixed;top:122px;width:210px}.blog .blog-nav.stick{position:absolute;top:auto;bottom:10px}.blog .blog-nav ul{list-style:none}.blog .blog-nav li{line-height:20px;border-radius:8px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;margin-bottom:8px;font-size:16px;padding:10px 0 10px 20px;cursor:pointer}.blog .blog-nav li:hover{background-color:rgba(0,0,0,.03)}.blog .blog-nav li.checked{background-color:rgba(0,0,0,.06);font-weight:700}.blog .blog-wrap{margin-left:242px;padding-bottom:144px;min-height:700px}.blog .blog-wrap .blog-all{display:none}.blog .blog-wrap .topping{position:relative;height:334px;border-radius:16px;margin-bottom:32px;background:center center no-repeat;background-size:auto 100%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.blog .blog-wrap .topping:hover{background-size:auto 110%}.blog .blog-wrap .topping .topping-intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:absolute;width:100%;left:0;top:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);border-radius:16px;padding:0 26px 26px 26px}.blog .blog-wrap .topping .topping-intro .blog-label{position:relative;z-index:1;margin-left:8px}.blog .blog-wrap .topping .topping-intro h2{margin-left:8px}.blog .blog-wrap .topping .topping-intro h2 .blog-item-link{color:#fff}.blog .blog-wrap .topping .topping-intro h2 .blog-item-link:after{position:absolute;content:'';left:0;right:0;top:0;bottom:0}.blog .blog-wrap .topping .topping-intro .author{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:300px;height:56px;border-radius:8px;padding:8px 16px 8px 8px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1}.blog .blog-wrap .topping .topping-intro .author:hover{background-color:rgba(0,0,0,.03)}.blog .blog-wrap .topping .topping-intro .author:hover .author-email{visibility:visible}.blog .blog-wrap .topping .topping-intro .author .author-avatar{width:40px;height:40px;margin-right:8px;background:url(../images/agent-avatar-0b00402392.png) center center no-repeat;background-size:contain;border-radius:50%}.blog .blog-wrap .topping .topping-intro .author .author-name{font-weight:700;color:#fff}.blog .blog-wrap .topping .topping-intro .author .author-email,.blog .blog-wrap .topping .topping-intro .author .author-email-phone{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:32px;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;color:#000;border-radius:50%;margin-left:16px;visibility:hidden}.blog .blog-wrap .topping .topping-intro .author .author-email svg,.blog .blog-wrap .topping .topping-intro .author .author-email-phone svg{width:16px!important;height:16px!important}.blog .blog-wrap .topping .topping-intro .author .author-email-phone{display:none}.blog .blog-wrap .featured .row{margin-left:-16px;margin-right:-16px}.blog .blog-wrap .featured .row .col-4{padding-left:16px;padding-right:16px}.blog .blog-wrap .latest-title{margin:32px 0}.blog .blog-classification h2{margin-bottom:40px;margin-top:48px}.blog-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:16px;height:410px;padding-bottom:16px;background-color:#fff;margin-bottom:32px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.blog-item:hover{-webkit-box-shadow:0 32px 66px 0 rgba(0,0,0,.06);box-shadow:0 32px 66px 0 rgba(0,0,0,.06)}.blog-item:hover .blog-item-head{background-size:auto 110%}.blog-item .blog-item-link{color:#000;-webkit-box-flex:1;-ms-flex:1;flex:1}.blog-item .blog-item-head{position:relative;height:163px;border-radius:16px 16px 0 0;background:center center no-repeat;background-size:auto 100%;background-color:#f3f4f5;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.blog-item .blog-item-head .blog-label{position:absolute;right:16px;bottom:-4px;z-index:10}.blog-item .blog-item-content{padding:16px 24px 24px}.blog-item .blog-item-content h4{margin-bottom:6px;max-height:66px\0}.blog-item .blog-item-content p{font-size:14px;max-height:61px\0}.blog-item .blog-item-footer{padding:0 16px}.blog-item .blog-item-footer .author{height:56px;border-radius:8px;padding:8px 16px 8px 8px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.blog-item .blog-item-footer .author:hover{background-color:rgba(0,0,0,.03)}.blog-item .blog-item-footer .author:hover .author-email{visibility:visible}.blog-item .blog-item-footer .author .author-avatar{width:40px;height:40px;margin-right:8px;background:url(../images/agent-avatar-0b00402392.png) center center no-repeat;background-size:contain;border-radius:50%}.blog-item .blog-item-footer .author .author-name{font-weight:700}.blog-item .blog-item-footer .author .author-email,.blog-item .blog-item-footer .author .author-email-phone{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:32px;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:16px;border-radius:50%;margin-left:16px;visibility:hidden;background-color:#fff;background-size:16px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.blog-item .blog-item-footer .author .author-email svg,.blog-item .blog-item-footer .author .author-email-phone svg{width:16px!important;height:16px!important}.blog-item .blog-item-footer .author .author-email-phone{display:none}.blog-label{display:inline-block;height:20px;line-height:20px;padding:0 8px;background-color:rgba(255,255,255,.92);border-radius:4px;font-size:12px;cursor:pointer;color:#000;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.blog-label:hover{background-color:rgba(255,255,255,.7);color:#000}.blog-label.blog-label-transparent{background-color:rgba(255,255,255,.12);color:#fff}.blog-label.blog-label-transparent:hover{background-color:rgba(255,255,255,.22);color:#fff}.blog-label.blog-label-gray{background-color:rgba(0,0,0,.08)}.blog-label.blog-label-gray:hover{background-color:rgba(0,0,0,.04)}.guide{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:168px;height:168px\0;background:url(../images/price/index_bg_2-00e553e8ca.png) center center #fff no-repeat;background-size:auto 168px;padding:0 80px;border-radius:16px;margin-bottom:32px}.guide .form{position:relative;width:514px}.guide .form .flex{background-color:rgba(255,255,255,.32);border-radius:30px;overflow:hidden}.guide .form input[type=text]{padding:16px 20px;font-weight:400;color:#000;line-height:24px;outline:0;border:none;font-size:16px;background-color:transparent}.blog-nav-mobile{display:none;position:relative;margin-bottom:30px;height:60px;overflow:hidden}.blog-nav-mobile .scroll-container{padding:10px 0;overflow-x:auto}.blog-nav-mobile .scroll-container::-webkit-scrollbar{width:0!important}.blog-nav-mobile ul{list-style:none;padding:0 16px;white-space:nowrap}.blog-nav-mobile li{display:inline-block;height:40px;line-height:40px;border-radius:8px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-size:16px;padding:0 20px;cursor:pointer;margin:0 6px;-webkit-tap-highlight-color:transparent}.blog-nav-mobile li:last-child{margin-right:22px}.blog-nav-mobile li:active{background-color:rgba(0,0,0,.03)}.blog-nav-mobile li.checked{background-color:rgba(0,0,0,.08);font-weight:700}.blog-nav-mobile .back{position:absolute;top:10px;right:-53px;width:106px;height:40px;background-color:#f7f8f9;-webkit-filter:blur(10px);filter:blur(10px);pointer-events:none}@media (max-width:1200px){.guide{padding:0 40px}.blog-item .blog-item-footer{padding:0 4px}}@media (max-width:834px){.blog{padding-top:22px}.blog .blog-nav{display:none}.blog .blog-wrap{margin-left:0;padding-bottom:0}.blog .blog-wrap .topping .topping-intro{padding:0 16px 26px 16px}.blog .blog-wrap .topping .topping-intro .author{width:100%;max-width:100%;background-color:rgba(0,0,0,.12)}.blog .blog-wrap .topping .topping-intro .author .author-email{display:none}.blog .blog-wrap .topping .topping-intro .author .author-email-phone{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;visibility:visible}.blog-nav-mobile{display:block}.blog-item{max-width:550px;margin-left:auto;margin-right:auto}.blog-item .blog-item-footer{padding:0 16px}.blog-item .blog-item-footer .author{background-color:rgba(0,0,0,.03)}.blog-item .blog-item-footer .author .author-email{display:none}.blog-item .blog-item-footer .author .author-email-phone{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;visibility:visible}.guide{display:block;padding:40px 24px;background-size:100% 318px;border-radius:0;margin-left:-24px;margin-right:-24px}.guide h3{margin-bottom:20px;text-align:center}.guide .form{width:100%}.guide .form input[type=text]{background:rgba(255,255,255,.3)}}