@charset "utf-8";html{height:100%}
body,html{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;width:100%;height:100%}
body{line-height:1.5;font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue",Tahoma,Arial,FontAwesome,sans-serif;font-size:14px;color:#212121;background-color:#ffff;outline:0}
a,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,img,input,label,legend,li,mark,ol,p,section,span,strong,textarea,time,ul,var{margin:0;border:0;padding:0;font-style:normal}
*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border:0}
em{font-style:normal}
dd,dt,li,ol,ul{list-style:none}
a{color:#000;text-decoration:none;cursor:pointer}
a:active,a:hover{color:#444;text-decoration:none}
.clear{clear:both}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{clear:both;display:block;zoom:1}
.cl-top-fixed{padding-top:64px}
.cl-toolbar>a.am-icon-btn{display:block;opacity:1;background-color:#409eff;color:#fff;margin-top:10px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
.cl-toolbar>a.am-icon-btn:focus,.cl-toolbar>a.am-icon-btn:hover{background-color:#66b1ff;color:#fff;text-decoration:none;outline:0}
[contenteditable="true"], input, textarea {-webkit-user-select: auto!important;-khtml-user-select: auto!important;-moz-user-select: auto!important;-ms-user-select: auto!important;-o-user-select: auto!important;user-select: auto!important;}
.help-cards a{color:#fff;background-color:#409eff!important}
.help-cards a:hover{color:#fff;background-color:#66b1ff!important}
.hl-prices-items .item.highlighted{border-top:4px solid #409eff!important}
.hl-login-panel .hl-btn-submit{background:linear-gradient(-45deg,#32b6ff,#4276ff);-webkit-box-shadow:0 2px 8px 0 rgba(36,10,147,.15);box-shadow:0 2px 8px 0 rgba(36,10,147,.15)}
.hl-login-panel .hl-btn-submit:hover{-webkit-box-shadow:0 6px 18px 0 rgba(36,10,147,.15);box-shadow:0 6px 18px 0 rgba(36,10,147,.15)}
.hl-btn-blue{color:#fff;background:linear-gradient(-45deg,#32b6ff,#4276ff);-webkit-box-shadow:0 2px 8px 0 rgba(36,10,147,.15);box-shadow:0 2px 8px 0 rgba(36,10,147,.15);border-radius:20px;padding:10px 20px}
.hl-btn-blue:hover{color:#fff;-webkit-box-shadow:0 6px 18px 0 rgba(36,10,147,.15);box-shadow:0 6px 18px 0 rgba(36,10,147,.15)}
.badge-red {position: relative;}
.badge-red:after {display: inline-block;content: " ";width: 6px;height: 6px;border-radius: 6px;background-color: #ee3131;position: absolute;top: -2px;left: 103%;z-index: 10;}
.site-header{position:fixed;top:0;width:100%;min-width:1080px;height:64px;background-color:#fff;z-index:233;-webkit-transition:all .3s;transition:all .3s}
.site-header.with-bottom-border{-webkit-box-shadow:0 1px 0 #e5e5e5;box-shadow:0 1px 0 #e5e5e5}
.site-header.with-bottom-border .btn-gradient-blue-link{color:#fff!important}
.site-header.with-bottom-border .btn-gradient-blue-link:after{background:linear-gradient(-45deg,#32b6ff,#4276ff)!important}
.site-header.with-bottom-border .btn-gradient-blue-link:hover:after{-webkit-box-shadow:0 6px 18px rgba(36,100,147,.15);box-shadow:0 6px 18px rgba(36,100,147,.15)}
.site-header .nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1440px;height:100%;margin:0 auto;padding:10px 20px}
@media (max-width:1440px){.site-header .nav-main{max-width:1280px}
}
.site-header .nav-main .nav-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:45px}
.site-header .nav-main .nav-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.site-header .nav-main .nav-footer{display:-webkit-box;display:-ms-flexbox;display:flex}
.site-header .nav-brand{width:170px;background-image:url(../images/logo-green.png);background-repeat:no-repeat;background-position:left;background-size:contain;text-indent:-9999px;height:25px}
.site-header .nav-header{width:170px}
.site-header .nav-footer,.site-header .nav-section{width:212px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0}
.site-header .nav-footer>li,.site-header .nav-section>li{margin-right:12px}
.site-header .nav-footer>li>a,.site-header .nav-footer>li>a:focus,.site-header .nav-section>li>a,.site-header .nav-section>li>a:focus{display:-webkit-box;display:-ms-flexbox;display:flex;color:#383838;font-size:16px;line-height:1;padding:12px 16px;-webkit-transition:all 218ms;transition:all 218ms;-webkit-box-shadow:none;box-shadow:none}
.site-header .nav-footer>li:last-child,.site-header .nav-section>li:last-child{margin-right:0}
.site-header .nav-footer>li:hover>a,.site-header .nav-section>li:hover>a{color:#3da8f5}
.site-header .nav-footer>li>a.btn-gradient-blue-link{position:relative;padding-left:28px;padding-right:28px;line-height:1;color:#3da8f5}
.site-header .nav-footer>li>a.btn-gradient-blue-link:after{content:' ';position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:1;border-radius:26px;background:#fff;-webkit-box-shadow:0 2px 8px rgba(36,100,147,.15);box-shadow:0 2px 8px rgba(36,100,147,.15);border:1px solid #3da8f5;-webkit-transition:all 218ms;transition:all 218ms}
.site-header .nav-footer>li>a.btn-gradient-blue-link:hover:after{-webkit-box-shadow:0 6px 18px rgba(36,100,147,.15);box-shadow:0 6px 18px rgba(36,100,147,.15)}
.site-header .nav-footer>li>a.btn-gradient-blue-link.entry{font-size:14px!important;padding-left:18px;padding-right:18px;margin-top:3px;}
.site-header .nav-footer>li>a.user-info{padding:6px 0}
.site-header .user-info{max-width:124px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.site-header .user-info .avatar{-ms-flex-negative:0;flex-shrink:0;width:32px;height:32px;margin-right:8px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}
.site-header .user-info .user-name{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .user-info .user-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width:840px) and (min-width:768px){.site-header .nav-header{width:auto}
}
.transparent .site-header{background-color:transparent}
.transparent .site-header .nav-brand{background-image:url(../images/logo-wihte.png)}
.transparent .site-header .nav-footer>li>a,.transparent .site-header .nav-section>li>a{color:#fff}
.transparent .site-header .nav-footer>li>a:hover,.transparent .site-header .nav-section>li>a:hover{color:rgba(255,255,255,.6)}
.transparent .site-header .nav-footer .btn-gradient-blue-link{color:#3da8f5}
.transparent .site-header .nav-footer .btn-gradient-blue-link:hover{color:#3da8f5}
.cl-navbox{width:100%;min-width:1080px;height:52vw;min-height:600px;background-color:#fff;background:url(../images/top_bg.png) no-repeat;background-size:cover;background-position:center;margin:0 auto;}
.cl-navbox .banner{width: 1080px;margin: 0 auto;padding-top: 250px;padding-bottom:50px;}
.cl-navbox .banner .slogen{float: left;width: 440px;padding-left:40px;}
.cl-navbox .banner .slogen .title{color: #fff;height: 100px;font-size: 30px;padding-top: 50px;font-weight: 300;text-shadow: 1px 3px 2px rgba(0,0,0,.24);}
.cl-navbox .banner .slogen .desc{font-size: 16px;padding-top: 30px;color: #f1f1f1;font-weight: 100;text-shadow: 2px 1px 2px rgba(0,0,0,.24);}
.cl-navbox .banner .slogen .action{padding-top: 60px;}
.cl-navbox .banner .slogen .action input{padding: 15px;margin: 0;height: 60px;float:left;width: 250px;background-color: rgba(255,255,255,0.8);border: none;outline: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.cl-navbox .banner .slogen .action input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:textfield;}
.cl-navbox .banner .slogen .action input[type="number"]{-moz-appearance:textfield;}    
.cl-navbox .banner .slogen .action button{background-color: #fff;color:#2992F2;height: 60px;line-height: 60px;padding: 0 30px;margin: 0;border: none;outline: none;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.cl-navbox .banner .img-warp{width: 640px;float: right;}
.cl-navbox .banner .img-warp img{width:640px;}
.downbox{max-width:1200px;padding-top:20px;margin:0 auto;padding-left:40px;overflow:hidden}
.down{float:left;padding-top:180px;padding-left:40px}
.text{margin-bottom:60px}
.text img{width:356px}
.downlebox{overflow:hidden}
.downle{float:left}
.downle a{display:block;margin-top:20px;width:170px;height:46px}
.downle a.downiphone{background:url(../images/iphone_default.png) no-repeat;background-size:170px 46px}
.downle a.downandr{background:url(../images/android_default.png) no-repeat;background-size:170px 46px}
.downle a.downiphone:hover{display:block;background:url(../images/iphone_hover.png) no-repeat;background-size:170px 46px}
.downle a.downandr:hover{display:block;background:url(../images/android_hover.png) no-repeat;background-size:170px 46px}
.kbcode{float:right}
.kbcode img{width:154px;height:154px}
.app-image{float:right;padding-top:107px;padding-right:70px}
.app-image img{width:438px}
.cl-title-box{background-color:#fff;padding:80px 0 50px 0}
.title{height:74px}
.title p{font-size:28px;padding-top:15px;padding-bottom:8px;color:#1f2024;font-weight:500;text-align:center;color:#1f2024}
.title span{text-align:center;margin:0 auto;display:block;font-size:14px;color:#66788f}
.cl-content-box{background-color:#fff;padding-bottom:114px}
.contentline{margin:0 auto;width:900px;overflow:hidden}
.contentleft img{width:350px;height:260px}
.contentright{width:415px;padding-top:30px}
.contentright span{width:100%;font-size:24px;color:#333;text-align:left;padding-bottom:25px;display:inline-block}
.contentright em{width:100%;padding-top:14px;font-size:14px;line-height:30px;color:#66788f;display:inline-block;text-align:justify}
.fleft{float:left}
.fright{float:right}
.cl-row{overflow:hidden;margin:0}
.cl-row-padded{margin-right:-2.5px;margin-left:-2.5px}
.cl-row-padded [class*=cl-col-xs-]{padding:2.5px}
.cl-col-5,.cl-col-xs-1,.cl-col-xs-10,.cl-col-xs-11,.cl-col-xs-2,.cl-col-xs-3,.cl-col-xs-4,.cl-col-xs-5,.cl-col-xs-6,.cl-col-xs-7,.cl-col-xs-8,.cl-col-xs-9{position:relative;float:left}
.cl-col-xs-12{position:relative;width:100%}
.cl-col-xs-11{width:91.66666667%}
.cl-col-xs-10{width:83.33333333%}
.cl-col-xs-9{width:75%}
.cl-col-xs-8{width:66.66666667%}
.cl-col-xs-7{width:58.33333333%}
.cl-col-xs-6{width:50%}
.cl-col-xs-5{width:41.66666667%}
.cl-col-xs-4{width:33.33333333%}
.cl-col-xs-3{width:25%}
.cl-col-xs-2{width:16.66666667%}
.cl-col-xs-1{width:8.33333333%}
.cl-col-5{width:20%}
.cl-grid{display:table;width:100%;background-color:#fff;table-layout:fixed}
.cl-grid [class*=cl-col-]{position:relative;display:table-cell;padding:20px 0;vertical-align:middle;text-align:center}
.cl-grid [class*=cl-col-xs-]:active{background-color:#f5f5f5}
.cl-grid .cl-iconfont{position:relative;top:0;z-index:20;height:28px;font-size:28px;line-height:28px}
.cl-grid .cl-grid-label{position:relative;display:block;margin-top:5px;font-size:14px}
.cl-grid .cl-badge{position:absolute;top:10px;left:60%;z-index:99}
.cl-grid .cl-dot{position:absolute;top:10px;right:20%;z-index:99}
.cl-custom-box{height:140px;background-color:#fff;margin-bottom:60px}
.custom{width:996px;margin:0 auto;height:140px;border:#efefef solid 1px;box-shadow:0 6px 26px #ebedef;border-radius:2px;position:relative}
.custom-image-box{width:996px;padding:0 50px;height:145px;overflow:hidden;position:relative}
span.picscrollftyj,span.picscrollrigyj{position:absolute;top:54px;width:36px;height:36px;background:url(../images/custom_srcollbtn.png) no-repeat 0 0;cursor:pointer}
span.picscrollftyj{left:20px}
span.picscrollftyj:hover{background-position:0 -49px}
span.picscrollrigyj{right:20px;background-position:-66px 0}
span.picscrollrigyj:hover{background-position:-66px -49px}
.es-carousel{overflow:hidden;width:840px;height:185px;margin:0 auto}
.es-carousel ul li{height:100%;float:left;display:block;width:150px;padding:0 10px;height:140px;line-height:140px;text-align:center}
.es-carousel ul li img{padding:3px;max-width:150px;vertical-align:middle}
.footer-section{width:100%;height:260px;position:relative;background:-webkit-gradient(linear,right top,left top,from(#5cc7ff),to(#0581ff));background:-webkit-linear-gradient(right,#5cc7ff 0,#0581ff 100%);background:-o-linear-gradient(right,#5cc7ff 0,#0581ff 100%);background:linear-gradient(-90deg,#5cc7ff 0,#0581ff 100%)}
.footer-section .section-bg{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;z-index:10;text-align:center;margin:0 auto}
.footer-section .bg-box{width:100%;height:100%;position:relative;margin:0 auto}
.footer-section .bg-box .img-left{width:300px;position:absolute;top:0;left:34px;display:block}
.footer-section .bg-box .img-right{width:300px;position:absolute;top:0;right:34px;display:block}
.footer-section .section-content{margin:0 auto;width:456px;padding-top:20px}
.footer-section .code-content1{width:200px;display:inline-block;text-align:center}
.footer-section .code-content2{display:inline-block;width:200px;margin-left:40px;text-align:center}
.footer-section .section-content img{width:160px}
.footer-section .section-content p{font-size:18px;color:#fff;line-height:50px}
.cl-copyright{background-color:#202d40;color:#fff;width:100%;height:57px;font-size:12px;line-height:57px;text-align:center;vertical-align:middle}
.cl-copyright a{color:#fff}
.cl-copyright a:hover{color:#fff}
.funcontentbox{padding:0 25px;margin:0 auto;width:950px}
.funcontent{position:relative;margin-bottom:20px;padding:0 10px 0 80px}
.funcontentleft{position:absolute;top:50%;left:15px;margin-top:-35px}
.funcontentleft img{display:block;width:50px;height:auto}
.funcontentright{padding:20px 0}
.funcontentright p{padding-bottom:8px;color:#1fa4f8;font-size:18px}
.funcontentright span{color:#66788f;font-size:12px;line-height:18px}
.suspension{position:fixed;z-index:55;right:0;bottom:25px;width:70px;height:300px}
.suspension .red{color:#fc8080!important}
.suspension p{padding:0;margin:0}
.suspension-box{position:relative;float:right}
.suspension .a{display:block;width:44px;height:44px;background:linear-gradient(-45deg,#32b6ff,#4276ff)!important;margin-bottom:4px;cursor:pointer;outline:0}
.suspension .a.a-top{display:none}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #e0e1e5;border-radius:3px;box-shadow:0 2px 5px 0 rgba(161,163,175,.11)}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu/side_bg_arrow.png) no-repeat;right:-8px;top:31px}
.suspension .d-service{top:0}
.suspension .d-service-phone{top:34px}
.suspension .d-qrcode{top:125px}

.suspension .d .inner-box{padding:8px 22px 12px}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0}
.suspension .d-service .d-service-item{border-bottom:none}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#f1f1f3;display:block;float:left}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden}
.suspension .d-service-item:hover .i-qq{background-position:center 3px}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu/side_con_icon02.png) no-repeat center center;display:block}
.suspension .d-service-item h3{display:inline;color:#333;font-weight:400;line-height:44px;font-size:15px;margin-left:12px}
.suspension .d-service-item h3:hover{color:#fc8080}
.suspension .d-service-item .text-s{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text-s .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}
.suspension .d-service-intro{padding-top:10px}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888}
.suspension .d-qrcode{text-align:center}
.suspension .d-qrcode .inner-box{padding:15px 0!important}
.suspension .d.d-qrcode{width:150px}
.suspension .d .inner-box{padding:8px 22px 12px}
.suspension .d-qrcode img{width:120px;height:120px}
.suspension .d-qrcode p{font-size:14px;color:#93959c}
.suspension .d-app-qrcode{top:78px}
.suspension .d.d-app-qrcode{width:150px}
.suspension .d-app-qrcode{text-align:center}
.suspension .d-app-qrcode .inner-box{padding:15px 0!important}
.suspension .d-app-qrcode img{width:120px;height:120px}
.suspension .d-app-qrcode p{font-size:14px;color:#93959c}

.suspension-box>a{text-align:center}
.kefu-icon-svg{width:24px;height:24px;margin-top:10px}