.page-footer-wrap{
    background:#0b0e12
}
.page-footer-wrap .footer-inner-wrap{
    padding:20px 0 10px;
    width:1200px;
    margin:0 auto
}
.page-footer-wrap .footer-inner-wrap .footer-logo-block{
    margin-bottom:20px
}
.page-footer-wrap .footer-inner-wrap .footer-logo-block .footer-logo{
    height:60px;
    padding-left:50px;
    background:url(/hls.png) no-repeat 0;
    background-size:40px;
    font-family:webfont;
    font-size:22px;
    color:#fff;
    line-height:60px
}
.page-footer-wrap .footer-inner-wrap .footer-logo-block .footer-slogan{
    font-size:14px;
    line-height:30px;
    color:#fff;
    font-weight:700
}
.page-footer-wrap .footer-inner-wrap .footer-content{
    padding:20px 0
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item{
    width:300px;
    float:left
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .divide-line{
    height:30px
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item h4{
    font-size:14px;
    color:#fff;
    line-height:30px;
    font-weight:700
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .contact-us-code{
    width:100px;
    height:100px;
    border-radius:4px;
    background:url(https://cdn.hailuoshe.com/source/home.png) no-repeat 50% #fff;
    background-size:cover
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .follow-us{
    font-size:12px;
    font-weight:700;
    height:30px;
    line-height:30px;
    margin:10px 0 20px;
    cursor:pointer;
    color:hsla(0,0%,100%,.45)
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .follow-us .follow-mark{
    display:inline-block;
    vertical-align:middle;
    width:30px;
    height:30px;
    border-radius:50%;
    margin-right:5px;
    background:url(https://cdn.hailuoshe.com/icons/mark.png) no-repeat #888;
    background-size:20px
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .follow-us .follow-mark.wx-mark{
    background-position:5px -123px
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .follow-us .follow-mark.dy-mark{
    background-position:5px 6px
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .follow-us:hover .follow-mark{
    background-color:#fff
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .follow-us:hover .follow-mark.wx-mark{
    background-position:5px -188px
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .follow-us:hover .follow-mark.dy-mark{
    background-position:5px -59px
}
.page-footer-wrap .footer-inner-wrap .footer-content .footer-item .footer-link{
    display:block;
    font-weight:700;
    line-height:30px;
    text-decoration:none;
    color:hsla(0,0%,100%,.45)
}
.page-footer-wrap .copy-right-wrap{
    padding:30px 0;
    border-top:1px solid hsla(0,0%,100%,.14)
}
.page-footer-wrap .copy-right-wrap .copy-right-inner{
    font-size:12px;
    width:1200px;
    margin:0 auto;
    color:hsla(0,0%,100%,.45)
}
.page-footer-wrap .copy-right-wrap .copy-right-inner .www-icon{
    display:inline-block;
    padding-left:30px;
    background:url(https://cdn.hailuoshe.com/home/www.png) no-repeat 10px;
    background-size:15px;
    color:hsla(0,0%,100%,.45);
    text-decoration:none
}
.ant-popover{
    border-radius:4px!important
}
.ant-popover .ant-popover-inner-content{
    padding:0!important
}
.ant-popover .ant-popover-inner-content .follow-code{
    width:136px;
    height:136px;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover
}
.ant-popover .ant-popover-inner-content .follow-code.wx-code{
    background-image:url(https://cdn.hailuoshe.com/source/service_code.jpg)
}
.ant-popover .ant-popover-inner-content .follow-code.dy-code{
    background-image:url(https://cdn.hailuoshe.com/source/dou_scan.png)
}
.page-side-contact{
    position:fixed;
    right:30px;
    bottom:200px;
    width:75px;
    height:170px;
    z-index:99999
}
.page-side-contact .side-item{
    display:block;
    height:75px;
    padding-top:40px;
    font-size:14px;
    font-weight:700;
    text-align:center;
    border-radius:5px;
    margin-bottom:10px;
    color:#007aff;
    text-decoration:none;
    border:1px solid #f2f5fc;
    cursor:pointer
}
.page-side-contact .side-item:hover{
    border:1px solid #007aff
}
.page-side-contact .side-item.wx-item{
    background:url(https://cdn.hailuoshe.com/home/wx.svg) no-repeat center 10px #f2f5fc;
    background-size:30px
}
.page-side-contact .side-item.show-item{
    background:url(https://cdn.hailuoshe.com/home/show.svg) no-repeat center 10px #f2f5fc;
    background-size:30px
}
.contact-pop-wx{
    width:200px;
    padding:20px 0;
    text-align:center
}
.contact-pop-wx .pop-wx-title{
    font-size:16px;
    font-weight:700;
    text-align:center;
    padding:0 0 10px
}
.contact-pop-wx .pop-wx-cover{
    width:160px;
    height:160px;
    margin:0 auto;
    background:url(/juzhen_code.jpg) no-repeat 50%;
    background-size:cover
}
.contact-pop-wx .pop-wx-tip{
    padding:10px 0 0;
    font-size:14px;
    color:#666
}
@font-face{
    font-family:webfont;
    font-display:swap;
    src:url(https://cdn.hailuoshe.com/xfont/webfont.eot);
    src:url(https://cdn.hailuoshe.com/xfont/webfont.eot#iefix) format("embedded-opentype"),url(https://cdn.hailuoshe.com/xfont/webfont.woff2) format("woff2"),url(https://cdn.hailuoshe.com/xfont/webfont.woff) format("woff"),url(https://cdn.hailuoshe.com/xfont/webfont.ttf) format("truetype"),url(https://cdn.hailuoshe.com/xfont/webfont.svg#AlibabaPuHuiTiH) format("svg")
}
.page-menu-wrap{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:9999;
    height:60px;
    background:#fff;
    box-sizing:border-box;
    border-bottom:1px solid #ebedf0
}
.page-menu-wrap .page-menu-bar{
    position:relative;
    height:60px
}
.page-menu-wrap .page-menu-bar .page-logo-box{
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:360px;
    height:60px;
    background:url(/hls_logo.png) no-repeat 0;
    background-size:360px
}
.page-menu-wrap .page-menu-bar .menu-list-wrap{
    position:absolute;
    left:360px
}
.page-menu-wrap .page-menu-bar .menu-list-wrap a{
    line-height:58px;
    padding:0 5px;
    margin:0 15px;
    display:inline-block;
    color:#333;
    font-size:16px;
    font-weight:700
}
.page-menu-wrap .page-menu-bar .menu-list-wrap a.active,.page-menu-wrap .page-menu-bar .menu-list-wrap a:hover{
    border-bottom:2px solid #007aff
}
.page-menu-wrap .page-menu-bar .regist-and-login{
    position:absolute;
    right:0;
    top:0
}
.page-menu-wrap .page-menu-bar .regist-and-login a{
    display:inline-block;
    height:60px;
    font-size:16px;
    font-weight:700;
    line-height:60px
}
.page-menu-wrap .page-menu-bar .regist-and-login .regist-entry{
    background:#007aff;
    padding:0 20px;
    color:#fff
}
.page-menu-wrap .page-menu-bar .regist-and-login .login-entry{
    color:#333;
    padding:0 20px
}
.page-banner-wrap{
    margin-top:60px;
    height:600px;
    background:url(https://cdn.hailuoshe.com/home/poster.svg) no-repeat 50% #f5f8ff;
    background-size:cover
}
.page-banner-wrap .page-header-banner{
    position:relative;
    height:600px
}
.page-banner-wrap .page-header-banner .banner-description{
    width:600px
}
.page-banner-wrap .page-header-banner .banner-description .banner-title-box{
    width:360px;
    padding-top:100px;
    margin:0 auto;
    text-align:left
}
.page-banner-wrap .page-header-banner .banner-description .banner-title-box .max-title-tip{
    height:40px;
    line-height:40px;
    font-size:28px;
    color:#0c296e
}
.page-banner-wrap .page-header-banner .banner-description .banner-title-box .max-title{
    height:60px;
    line-height:60px
}
.page-banner-wrap .page-header-banner .banner-description .core-point{
    width:280px;
    padding:20px 0 40px;
    margin:0 auto
}
.page-banner-wrap .page-header-banner .banner-description .core-point p{
    font-size:16px;
    line-height:40px;
    width:140px;
    text-align:center;
    float:left
}
.page-banner-wrap .page-header-banner .use-now-btn{
    margin:0 auto
}
.page-banner-wrap .page-header-banner .banner-cover{
    position:absolute;
    right:0;
    top:80px;
    width:600px;
    height:400px;
    background:url(https://cdn.hailuoshe.com/home/icover.png) no-repeat 100%;
    background-size:contain
}
.page-banner-wrap .page-header-banner .corex-solution-wrap{
    position:absolute;
    left:50%;
    margin-left:-510px;
    bottom:-50px;
    height:100px;
    width:1020px
}
.page-banner-wrap .page-header-banner .corex-solution-wrap .corex-item-wrap{
    width:340px;
    float:left
}
.page-banner-wrap .page-header-banner .corex-solution-wrap .corex-item-wrap .corex-item{
    width:300px;
    padding:15px 20px 15px 70px;
    margin:0 auto;
    background-repeat:no-repeat;
    background-position:20px;
    background-size:40px;
    border-radius:2px;
    background-color:#fff;
    box-sizing:border-box;
    box-shadow:0 0 4px 2px rgba(0,0,0,.05)
}
.page-banner-wrap .page-header-banner .corex-solution-wrap .corex-item-wrap .corex-item h3{
    font-size:16px;
    line-height:30px;
    font-weight:700
}
.page-banner-wrap .page-header-banner .corex-solution-wrap .corex-item-wrap .corex-item p{
    line-height:20px;
    font-size:14px;
    color:#666
}
.page-banner-wrap .page-header-banner .corex-solution-wrap .corex-item-wrap .corex-item.creative-item{
    background-image:url(https://cdn.hailuoshe.com/home/creative.svg)
}
.page-banner-wrap .page-header-banner .corex-solution-wrap .corex-item-wrap .corex-item.sales-item{
    background-image:url(https://cdn.hailuoshe.com/home/sales.svg)
}
.page-banner-wrap .page-header-banner .corex-solution-wrap .corex-item-wrap .corex-item.risk-item{
    background-image:url(https://cdn.hailuoshe.com/home/risk.svg)
}
.page-core-solution{
    padding:50px 0;
    background:#fff
}
.page-core-solution .swiper-solution-wrap{
    width:1200px;
    padding:40px 0 0;
    margin:0 auto;
    overflow:hidden
}
.page-core-solution .swiper-solution-wrap .thumbs-item{
    padding-bottom:20px;
    cursor:pointer;
    border-bottom:2px solid #fff
}
.page-core-solution .swiper-solution-wrap .thumbs-item.swiper-slide-thumb-active{
    border-bottom:2px solid #007aff
}
.page-core-solution .swiper-solution-wrap .thumbs-item.swiper-slide-thumb-active .thumbs-icon{
    background-color:#f2f8ff
}
.page-core-solution .swiper-solution-wrap .thumbs-item .thumbs-icon{
    width:100px;
    height:100px;
    padding-top:70px;
    box-sizing:border-box;
    margin:0 auto;
    text-align:center;
    font-size:16px;
    font-weight:700;
    border-radius:5px;
    background-repeat:no-repeat;
    background-position:center 15px;
    background-size:40px
}
.page-core-solution .swiper-solution-wrap .thumbs-item .thumbs-icon.thumbs-risk{
    background-image:url(https://cdn.hailuoshe.com/svg/videocheck.svg)
}
.page-core-solution .swiper-solution-wrap .thumbs-item .thumbs-icon.thumbs-huoke{
    background-image:url(https://cdn.hailuoshe.com/svg/hk01.svg)
}
.page-core-solution .swiper-solution-wrap .thumbs-item .thumbs-icon.thumbs-interact{
    background-image:url(https://cdn.hailuoshe.com/x/ju_12.svg)
}
.page-core-solution .swiper-solution-wrap .thumbs-item .thumbs-icon.thumbs-idea{
    background-image:url(https://cdn.hailuoshe.com/svg/ju_editor.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container{
    position:relative
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item{
    height:450px
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro{
    padding:60px 0;
    width:590px;
    height:450px;
    float:left;
    box-sizing:border-box
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .text-intro{
    font-size:16px;
    line-height:30px;
    text-indent:2em
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list{
    margin:40px 0 50px
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item{
    width:100px;
    height:100px;
    padding-top:65px;
    float:left;
    text-align:center;
    background:#f2f8ff;
    border-radius:5px;
    margin-right:20px;
    line-height:20px;
    font-size:14px;
    font-weight:700;
    box-sizing:border-box;
    background-repeat:no-repeat;
    background-position:center 20px;
    background-size:28px
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-rword{
    background-image:url(https://cdn.hailuoshe.com/home/xword.svg);
    background-size:25px
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-rvideo{
    background-image:url(https://cdn.hailuoshe.com/home/xvideo.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-ruser{
    background-image:url(https://cdn.hailuoshe.com/home/xuser.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-rbest{
    background-image:url(https://cdn.hailuoshe.com/home/xidea.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-auto{
    background-image:url(https://cdn.hailuoshe.com/home/hauto.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-customer{
    background-image:url(https://cdn.hailuoshe.com/home/hcustomer.svg);
    background-size:30px
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-link{
    background-image:url(https://cdn.hailuoshe.com/home/hlink.svg);
    background-size:32px
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-analysis{
    background-image:url(https://cdn.hailuoshe.com/home/hanalysis.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-im{
    background-image:url(https://cdn.hailuoshe.com/home/jmessage.svg);
    background-size:30px
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-publish{
    background-image:url(https://cdn.hailuoshe.com/home/jpublish.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-aitext{
    background-image:url(https://cdn.hailuoshe.com/home/iaitext.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-ins{
    background-image:url(https://cdn.hailuoshe.com/home/icreative.svg);
    background-size:25px
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-editor{
    background-image:url(https://cdn.hailuoshe.com/home/ieditor.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-intro .core-function-list .core-item.core-make{
    background-image:url(https://cdn.hailuoshe.com/home/imake.svg)
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-cover{
    width:590px;
    height:450px;
    float:right
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-cover.risk-home{
    background:url(https://cdn.hailuoshe.com/home/risk_home.png) no-repeat 50%;
    background-size:80%
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-cover.huoke-home{
    background:url(https://cdn.hailuoshe.com/home/huoke_home.png) no-repeat 50%;
    background-size:80%
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-cover.juzhen-home{
    background:url(https://cdn.hailuoshe.com/home/juzhen_home.png) no-repeat 50%;
    background-size:80%
}
.page-core-solution .swiper-solution-wrap .swiper-container .solution-item .solution-item-cover.idea-home{
    background:url(https://cdn.hailuoshe.com/home/idea_home.png) no-repeat 50%;
    background-size:80%
}
.page-block-inner{
    width:1200px;
    margin:0 auto
}
.max-title,.page-block-title{
    font-size:36px;
    font-weight:700;
    color:#0c296e
}
.page-block-title{
    text-align:center;
    line-height:50px;
    padding:75px 0 20px
}
.page-title-intro{
    font-size:16px;
    color:#999;
    line-height:20px
}
.page-title-intro,.use-now-btn{
    font-weight:700;
    text-align:center
}
.use-now-btn{
    display:block;
    font-size:18px;
    border-radius:2px;
    width:168px;
    height:44px;
    line-height:44px;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(276.51deg,#074dff,#33c2ff)
}
.use-now-btn.white-theme-btn{
    color:#225efe;
    background:#fff
}
.use-now-btn:hover{
    color:#fff
}
.use-now-btn.block-use-now{
    margin:30px auto
}
.page-core-function{
    position:relative;
    padding-bottom:30px;
    background:url(https://cdn.hailuoshe.com/home/icover.jpg) no-repeat 50%;
    background-size:cover
}
.page-core-function .swiper-function-wrap{
    width:1280px;
    margin:50px auto;
    background:hsla(0,0%,100%,.64);
    border-radius:5px;
    box-shadow:1px 0 #fff,0 24px 60px hsla(0,0%,52.5%,.2);
    overflow:hidden
}
.page-core-function .swiper-function-wrap .thumbs-container{
    background:#fff
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item{
    width:100%;
    height:228px;
    cursor:pointer;
    text-align:center;
    box-sizing:border-box
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item .thumbs-icon{
    width:90px;
    height:90px;
    margin:0 auto;
    background-repeat:no-repeat;
    background-position:bottom
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item h2{
    font-size:22px;
    font-weight:700;
    line-height:50px
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item .sub-intro{
    padding:0 30px;
    font-size:12px;
    color:#999;
    text-align:left;
    line-height:20px
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-inspiration-item .thumbs-inspiration{
    background-image:url(https://cdn.hailuoshe.com/source/chuang.png);
    background-size:65px
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-inspiration-item.swiper-slide-thumb-active .thumbs-inspiration{
    background-image:url(https://cdn.hailuoshe.com/source/chuang_i.png)
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-risk-item .thumbs-risk{
    background-image:url(https://cdn.hailuoshe.com/home/risk.png);
    background-size:65px
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-risk-item.swiper-slide-thumb-active .thumbs-risk{
    background-image:url(https://cdn.hailuoshe.com/home/risk_i.png)
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-video-item .thumbs-publish{
    background-image:url(https://cdn.hailuoshe.com/source/video.png);
    background-size:65px
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-video-item.swiper-slide-thumb-active .thumbs-publish{
    background-image:url(https://cdn.hailuoshe.com/source/video_i.png)
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-user-item .thumbs-user{
    background-image:url(https://cdn.hailuoshe.com/source/user.png);
    background-size:70px
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-user-item.swiper-slide-thumb-active .thumbs-user{
    background-image:url(https://cdn.hailuoshe.com/source/user_i.png)
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-stats-item .thumbs-stats{
    background-image:url(https://cdn.hailuoshe.com/source/stats_chart.png);
    background-size:58px
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.thumbs-stats-item.swiper-slide-thumb-active .thumbs-stats{
    background-image:url(https://cdn.hailuoshe.com/source/stats_i.png)
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.swiper-slide-thumb-active{
    background:linear-gradient(276.51deg,#074dff,#33c2ff)
}
.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.swiper-slide-thumb-active .sub-intro,.page-core-function .swiper-function-wrap .thumbs-container .thumbs-item.swiper-slide-thumb-active h2{
    color:#fff
}
.page-core-function .swiper-function-wrap .swiper-container{
    width:1280px;
    padding-top:30px;
    box-sizing:border-box
}
.page-core-function .swiper-function-wrap .swiper-container .function-item{
    float:left;
    width:300px;
    height:136px;
    margin-bottom:30px
}
.page-core-function .swiper-function-wrap .swiper-container .function-item .function-item-inner{
    width:270px;
    height:136px;
    margin:0 auto;
    background-repeat:no-repeat;
    background-position:10px 25px;
    background-size:50px;
    padding:30px 10px 10px 70px;
    box-sizing:border-box
}
.page-core-function .swiper-function-wrap .swiper-container .function-item .function-item-inner h3{
    font-size:18px;
    font-weight:700;
    line-height:30px;
    padding-bottom:10px
}
.page-core-function .swiper-function-wrap .swiper-container .function-item .function-item-inner p{
    font-size:12px;
    color:#999;
    line-height:20px
}
.page-core-function .swiper-function-wrap .swiper-container .function-item .function-item-inner:hover{
    -webkit-backdrop-filter:blur(17px);
    backdrop-filter:blur(17px);
    background-color:#fbfcfe;
    border-color:#fff;
    border-radius:4px;
    box-shadow:0 40px 50px -10px rgba(84,140,206,.28);
    box-sizing:border-box;
    -webkit-transition:all .5s;
    transition:all .5s;
    transform:translateY(-2px)
}
.page-success-case{
    padding-bottom:30px;
    position:relative
}
.page-success-case .success-cases-list{
    width:1206px;
    margin:0 auto;
    overflow:hidden
}
.page-success-case .success-cases-list .success-kit-list-wrap{
    padding:50px 0 20px
}
.page-success-case .success-cases-list .success-kit-list-wrap .success-kit-item{
    padding:30px 0 20px;
    width:285px;
    height:380px!important;
    float:left;
    cursor:pointer;
    border-radius:5px;
    margin-right:20px;
    background:#fff;
    overflow:hidden
}
.page-success-case .success-cases-list .success-kit-list-wrap .success-kit-item:hover{
    box-shadow:0 2px 8px rgba(0,0,0,.1)
}
.page-success-case .success-cases-list .success-kit-list-wrap .success-kit-item:last-child{
    margin-right:0
}
.page-success-case .success-cases-list .success-kit-list-wrap .success-kit-item .customer-avatar{
    width:80px;
    height:80px;
    margin:0 auto;
    border-radius:50%;
    border:1px solid #ebedf0;
    background-repeat:no-repeat;
    background-size:80px;
    background-position:50%;
    overflow:hidden
}
.page-success-case .success-cases-list .success-kit-list-wrap .success-kit-item .customer-name{
    font-size:18px;
    font-weight:700;
    text-align:center;
    line-height:40px;
    padding:20px 0
}
.page-success-case .success-cases-list .success-kit-list-wrap .success-kit-item .customer-desc,.page-success-case .success-cases-list .success-kit-list-wrap .success-kit-item .customer-intro{
    padding:0 10px;
    font-size:13px;
    color:#888;
    line-height:20px;
    text-indent:2em
}
.page-customer-case{
    padding-bottom:30px;
    position:relative;
    background:#fff
}
.page-customer-case .case-list-wrap{
    position:relative;
    width:1206px;
    margin:50px auto 0;
    border-left:1px solid #ebedf0;
    overflow:hidden
}
.page-customer-case .case-list-wrap .case-list{
    height:100px
}
.page-customer-case .case-list-wrap .case-list .case-item{
    float:left;
    width:200px;
    height:120px;
    box-sizing:border-box;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:70%;
    border-right:1px solid #ebedf0;
    border-bottom:1px solid #ebedf0
}
.page-customer-case .case-list-wrap .case-list .case-item:first-child,.page-customer-case .case-list-wrap .case-list .case-item:nth-child(2),.page-customer-case .case-list-wrap .case-list .case-item:nth-child(3),.page-customer-case .case-list-wrap .case-list .case-item:nth-child(4),.page-customer-case .case-list-wrap .case-list .case-item:nth-child(5),.page-customer-case .case-list-wrap .case-list .case-item:nth-child(6){
    border-top:1px solid #ebedf0
}
.page-customer-case .logo-tips{
    text-align:center;
    font-size:12px;
    color:#999;
    line-height:30px;
    padding:10px 0
}
.guide-to-use{
    height:320px;
    background:url(https://cdn.hailuoshe.com/source/opacity_cover.png) no-repeat 50% #273c75;
    background-size:cover
}
.guide-to-use .page-block-title{
    color:#fff
}
.guide-to-use .page-title-intro{
    padding-bottom:20px;
    line-height:30px;
    color:#eee
}