@charset "utf-8";
/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,footer,menu{ margin:0; padding:0; vertical-align:middle; font:inherit; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100%;}
address,caption,cite,code,dfn,em,th,var { font-weight:normal; font-style:normal;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
input,textarea,select{ font-family:"Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif; -webkit-appearance:none; color:#333;}
caption,th{ text-align:left;}
q:before, q:after{ content:'';}
ul,ol,dl{ list-style:none;}
audio{ position:absolute; top:-9999em; left:-9999em;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

body{ background:#f4f6f9; font:normal 16px/1.5 "Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif; color:#7a8a9a;}
a{ text-decoration:none; color:#7a8a9a;}

.entry{ max-width:1200px; min-width:1200px; margin:0 auto;}
.header{ background:#fff; display:block; width:100%; height:80px; position:fixed; z-index:999; left:0; top:0; font-size:18px; box-shadow:0 1px 3px rgba(0, 0, 0, 0.10);}
.header .entry{ min-width:1200px;background:#fff; height:80px; transition:all 0.4s ease 0s;}
.header a{ color:#345; transition:all 0.18s ease-out 0s;}
.header a:hover{ color:#f04b43;}
.header .logo{ float:left; margin-top:20px; color:#FFF;}
.header .logo a{ display:block; background:url(home/logo.png) no-repeat; width:156px; height:45px; line-height:45px; text-indent:-999em; font-size: 12px;}
.header .logo a:hover{ opacity:0.8;}
.header .nav{ float:left; margin:20px 0 0 60px; line-height:45px;}
.header .nav li{ float:left; padding:0 30px;}
.header .nav li.current a{ color:#f04b43;}
.header-btns{ float:right; margin-top:20px; color:#345;}
.header-btns a{ float:left; margin:0 18px; height:38px; text-align:center; line-height:38px; font-size:16px; color:#345; cursor:pointer; position:relative; z-index:1;}
.header-btns a.register{ background:#fdedec; border:2px solid #f04b43; border-radius:4px; padding:0 20px; color:#f04b43;}
.header-btns a.register:hover{ border-color:#f04b43; color:#fff; background:#f04b43;}

.headerUserInfo{ float:left; margin:0 12px; line-height:45px;}
.header-btns a.register:before{ position:absolute; z-index:-1; bottom:0; left:50%; overflow:hidden; width:0%; height:100%; background:#fdedec; content:attr(data-hover);-webkit-transition:all 0.18s ease-in-out;-moz-transition:all 0.18s ease-in-out; -ms-transition:all 0.18s ease-in-out; transition:all 0.18s ease-in-out; color:#f04b43;}
.header-btns a.register:hover:before{ width:100%; left:0; color:#fff; background:#f04b43; border-radius:4px;}
#load-container{ margin-top:0;}

.header.headerScroll{ position:fixed; top:0; background:#FFF; background:rgba(255,255,255,0.98); box-shadow:0 1px 3px rgba(0, 0, 0, 0.10); color:#272B37; -webkit-animation:NavSlideDown 0.4s ease-in-out forwards; -moz-animation:NavSlideDown 0.4s ease-in-out forwards; animation:NavSlideDown 0.4s ease-in-out forwards;
     -webkit-transform:translateZ(0);
     transform:translateZ(0);
     }
.header.headerScroll .entry:after{ display:none;}
.header.headerScroll a{ color:#272B37;}
.header.headerScroll a:hover{ color:#67AF27;}
.header.headerScroll .logo a{ color:#272B37;}
.header.headerScroll .header-btns { color:#272B37;}
.header.headerScroll .header-btns a:hover{color:#f04b43;}
.header.headerScroll .header-btns  a.register{ border-color:#f04b43; color:#f04b43;}
.header.headerScroll .header-btns  a.register:hover{ border-color:#f04b43; color:#FFF;}
@-webkit-keyframes NavSlideDown{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}
@-moz-keyframes NavSlideDown{0%{-moz-transform:translateY(-100%);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}
@keyframes NavSlideDown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}

video:-webkit-full-page-media{ max-width:100%; max-height:100%;}
.fallback-bg {  position:absolute; top:0; left:0; right:0; background-size: cover; background-position: center; z-index: -2; height:766px; width:100%; min-width:1200px; background: #bfb6b3;overflow: hidden;}
#container{ margin-top:117px; width:100%;}
.animatePlay{ animation-play-state:paused !important; -moz-animation-play-state:paused !important; -webkit-animation-play-state:paused !important; animation-fill-mode:both !important; -moz-animation-fill-mode:both !important; -webkit-animation-fill-mode:both !important;}
.active .animatePlay{ animation-play-state:running !important; -moz-animation-play-state:running !important; -webkit-animation-play-state:running !important;}
.section{ width:100%; overflow:hidden; min-width:1200px;}
.section img{ display:block;}
.section:nth-child(2n){ background: #fff;}
.section-caption{ font-size:16px; line-height:1.8;}
.section-caption h3{ font-size:30px; line-height:1; padding-bottom:20px; color:#345; font-weight:bold;}

.pic-shadow{-webkit-box-shadow: 0 0 10px 3px rgba(51,68,85,0.1); box-shadow: 0 0 10px 3px rgba(51,68,85,0.1);}
/*section-one*/
.section-one{height:650px; width:100%; background:#345; opacity:0.9; display:block; z-index:10;display:block;}
.intro{ width:860px; margin:0 auto; padding-top:130px; text-align:center; color:#FFF;}
.intro .title{ font-size:72px; font-family:"黑体";}
.intro p{ font-size:24px; margin-top:30px; line-height:2;}
.intro .btn{ margin-top:60px;}
.btn a{ cursor:pointer; display:inline-block; width:260px; height:68px; line-height:68px; text-align:center; font-size:36px; color:#FFF; background:#f04b43; border-radius:3px; transition:all 0.4s ease 0s; position:relative; z-index:1; -webkit-box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);}
.btn a:hover{ background:#c54039; color:#FFF;}
.section-one.animate .intro .title{ -webkit-animation:bottomToTop 0.5s 0; -moz-animation:bottomToTop 0.5s 0s; animation:bottomToTop 0.5s 0s;}
.section-one.animate .intro p{ -webkit-animation:bottomToTop 0.5s 0.1s; -moz-animation:bottomToTop 0.5s 0.1s; animation:bottomToTop 0.5s 0.1s;}
.section-one.animate .intro .btn{ -webkit-animation:bottomToTop 0.5s 0.2s; -moz-animation:bottomToTop 0.5s 0.2s; animation:bottomToTop 0.5s 0.2s;}
.intro .btn a:before{ position:absolute; z-index:-1; bottom:0; left:50%; overflow:hidden; width:0%; height:100%; background:#67AF27; content:attr(data-hover);-webkit-transition:all 0.18s ease-in-out;-moz-transition:all 0.18s ease-in-out; -ms-transition:all 0.18s ease-in-out; transition:all 0.18s ease-in-out; color:#FFF;}
.intro .btn a:hover:before{ width:100%; left:0; color:#FFF; background:#67AF27; border-radius:30px;}
/*section-two*/
.section-two{ height:832px;}
.section-two .section-caption{ text-align:center; padding-top:95px;}
.section-two-element{width:100%; height:489px; margin:80px auto;}
.section-two.animate .section-caption h3{ -webkit-animation:bottomToTop 0.5s 0s; -moz-animation:bottomToTop 0.5s 0s; animation:bottomToTop 0.5s 0s;}
.section-two.animate .section-caption p{ -webkit-animation:bottomToTop 0.5s 0.1s; -moz-animation:bottomToTop 0.5s 0.1s; animation:bottomToTop 0.5s 0.1s;}
.section-two.animate .section-two-element{ -webkit-animation:bottomToTop 0.6s 0.4s; -moz-animation:bottomToTop 0.6s 0.4s; animation:bottomToTop 0.6s 0.4s;}
/*section-three*/
.section-three{ height:656px; width:100%;}
.section-three .section-caption{ float:left; width:380px; padding:270px 0;}
.section-three .section-three-element{ width:778px; height:455px; float:right; margin-top:100px;  position:relative;}
.section-three .section-three-element li{ position:absolute}
.section-three .section-three-element li img{ display:block;}
.section-three .section-three-element .element1{ width:516px; height:308px; z-index:1; right:228px; top:147px;}
.section-three .section-three-element .element2{ width:534px; height:455px; z-index:2; right:0;}
.section-three.animate .section-caption h3{ -webkit-animation:bottomToTop 0.5s 0.75s; -moz-animation:bottomToTop 0.5s 0.75s; animation:bottomToTop 0.5s 0.75s;}
.section-three.animate .section-caption p{ -webkit-animation:bottomToTop 0.5s 0.85s; -moz-animation:bottomToTop 0.5s 0.85s; animation:bottomToTop 0.5s 0.85s;}
.animate .section-three-element .element1{ -webkit-animation:bottomToTop 0.6s; -moz-animation:bottomToTop 0.6s; animation:bottomToTop 0.6s;}
.animate .section-three-element .element2{ -webkit-animation:rightToLeft 0.75s 0.4s; -moz-animation:rightToLeft 0.75s 0.4s; animation:rightToLeft 0.75s 0.4s;}
/*section-four*/
.section-four{ height:664px; width:100%;}
.section-four .section-caption{ float:right; width:364px; padding:270px 0;}
.section-four .section-four-element{ width:776px; height:493px; float:left; margin-top:100px;  position:relative;}
.section-four .section-four-element li{ position:absolute}
.section-four .section-four-element li img{ display:block;}
.section-four .section-four-element .element1{ width:682px; height:432px; z-index:2; left:0; top:0;}
.section-four .section-four-element .element2{ width:682px; height:432px; z-index:1; left:60px; top:30px;}
.animate .section-four-element .element2{ -webkit-animation:bottomToTop 0.6s; -moz-animation:bottomToTop 0.6s; animation:bottomToTop 0.6s;}
.animate .section-four-element .element1{ -webkit-animation:leftToRight 0.5s 0.6s; -moz-animation:leftToRight 0.5s 0.6s; animation:leftToRight 0.6s 0.6s;}
.section-four.animate .section-caption h3{ -webkit-animation:bottomToTop 0.6s; -moz-animation:bottomToTop 0.6s; animation:bottomToTop 0.6s;}
.section-four.animate .section-caption p{ -webkit-animation:bottomToTop 0.3s 0.4s; -moz-animation:bottomToTop 0.3s 0.4s; animation:bottomToTop 0.3s 0.4s;}
/*section-five*/
.section-five{ height:990px; width:100%;}
.section-five .section-caption{ text-align:center; padding:100px 0 80px;}
.section-five-element{ width:930px; height:675px; margin:100px auto; position:relative;}
.section-five .section-five-element li img{ display:block;}
.section-five .section-five-element .element1{ width:896px; height:445px; z-index:1; margin:0 auto;}
.section-five .section-five-element .element2{ position:absolute; width:281px; height:641px; z-index:2; left:80px; top:-90px;}
.animate .section-caption h3{ -webkit-animation:bottomToTop 0.5s ; -moz-animation:bottomToTop 0.5s; animation:bottomToTop 0.5s;}
.animate .section-caption p{ -webkit-animation:bottomToTop 0.5s 0.6s; -moz-animation:bottomToTop 0.5s 0.6s; animation:bottomToTop 0.5s 0.6s;}
.animate .section-five-element .element1{ -webkit-animation:bottomToTop 0.6s 0.8s; -moz-animation:bottomToTop 0.6s 0.8s; animation:bottomToTop 0.6s 0.8s;}
.animate .section-five-element .element2{ -webkit-animation:leftToRight 0.6s 1.15s; -moz-animation:leftToRight 0.6s 1.15s; animation:leftToRight 0.6s 1.15s;}
/*section-six*/
.section-six{ height:896px;}
.section-six .section-caption h3{ padding:80px 0 60px 0;}
.user-comments dl{ float:left; width:288px; margin:0 168px 20px 0; background:#FFF; border-radius:5px; overflow:hidden; position:relative; z-index:1;}
.user-comments dl:last-child{ float:right; margin-right:0;}
.user-comments dt img{ width:92px; height:92px; border-radius:50%; float:left; margin-right:20px;}
.user-comments .name{ font-size:24px; font-weight:bold; color:#345; margin:20px 0 15px 0;}
.user-comments .name span{ display:block; font-size:14px; color:#345; font-weight:normal;}
.user-comments .comment-entry{ padding-top:40px; font-size:16px; line-height:1.8;}
.partners-title h3{ font-size: 20px !important; padding-bottom: 30px !important;}
.partner ul{ margin: 0 -18px;}
.partner ul li{ float:left;  padding:20px 18px 20px;}
/*section-seven*/
.section-seven{ background:url(home/free-trial.jpg) #7b8995 no-repeat center top; height:300px; text-align:center;}
.section-seven .section-caption{ width:100%; padding:50px 0; text-align:center; color:#fff; font-size:18px;}
/*动画关键帧*/
@-webkit-keyframes easeIn{0%{opacity:0}100%{opacity:1}}
@-moz-keyframes easeIn{0%{opacity:0}100%{opacity:1}}
@keyframes easeIn{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes easeOut{0%{opacity:1}100%{opacity:0}}
@-moz-keyframes easeOut{0%{opacity:1}100%{opacity:0}}
@keyframes easeOut{0%{opacity:1}100%{opacity:0}}

@-webkit-keyframes rightToLeft{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}
@-moz-keyframes rightToLeft{0%{-moz-transform:translateX(100%);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}
@keyframes rightToLeft{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0px);opacity:1}}

@-webkit-keyframes rightToLeftHalf{0%{-webkit-transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}
@-moz-keyframes rightToLeftHalf{0%{-moz-transform:translateX(50%);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}
@keyframes rightToLeftHalf{0%{transform:translateX(50%);opacity:0}100%{transform:translateX(0px);opacity:1}}

@-webkit-keyframes leftToRight{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}
@-moz-keyframes leftToRight{0%{-moz-transform:translateX(-100%);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}
@keyframes leftToRight{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}

@-webkit-keyframes leftToRightHalf{0%{-webkit-transform:translateX(-50%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}
@-moz-keyframes leftToRightHalf{0%{-moz-transform:translateX(-50%);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}
@keyframes leftToRightHalf{0%{transform:translateX(-50%);opacity:0}100%{transform:translateX(0);opacity:1}}

@-webkit-keyframes bottomToTop{0%{-webkit-transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}
@-moz-keyframes bottomToTop{0%{-moz-transform:translateY(100%);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}
@keyframes bottomToTop{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}

@-webkit-keyframes bottomToTopOut{0%{-webkit-transform:translateY(100%);opacity:0}20%{-webkit-transform:translateY(0);opacity:1}90%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(0);opacity:0}}
@-moz-keyframes bottomToTopOut{0%{-moz-transform:translateY(100%);opacity:0}20%{-moz-transform:translateY(0);opacity:1}90%{-moz-transform:translateY(0);opacity:1}100%{-moz-transform:translateY(0);opacity:0}}
@keyframes bottomToTopOut{0%{transform:translateY(100%);opacity:0}20%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}

@-webkit-keyframes topToBottom{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}
@-moz-keyframes topToBottom{0%{-moz-transform:translateY(-100%);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}
@keyframes topToBottom{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0px);opacity:1}}


@keyframes zoomIn { 0%{ transform: scale(0);} 60%{ transform: scale(1.1);} 100% { transform: scale(1);}}
@-moz-keyframes zoomIn { 0%{ -moz-transform: scale(0);} 60% { -moz-transform: scale(1.1);} 100% { -moz-transform: scale(1);}}
@-webkit-keyframes zoomIn { 0%{ -webkit-transform: scale(0);} 60% { -webkit-transform: scale(1.1);} 100% { -webkit-transform: scale(1);}}

@-webkit-keyframes zoomOutCircle{0%{-webkit-transform:scale(0.99);opacity:0}5%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);opacity:0}}
@-moz-keyframes zoomOutCircle{0%{-moz-transform:scale(0.99);opacity:0}5%{-moz-transform:scale(1);opacity:1}100%{-moz-transform:scale(1.5);opacity:0}}
@keyframes zoomOutCircle{0%{transform:scale(0.99);opacity:0}5%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}

@-webkit-keyframes tinyY{0%{-webkit-transform: translateY(-3px);}100% {-webkit-transform:translateY(3px);}}
@-moz-keyframes tinyY{0%{-moz-transform: translateY(-3px);}100% {-moz-transform:translateY(3px);}}
@keyframes tinyY{0%{transform: translateY(-3px);}100%{transform: translateY(3px);}}

/*footer*/
.footer{ background:#283541; color:#7a8a9a; min-width: 1200px; line-height:1.2; text-align:center;}
.footer a{ color:#7a8a9a;}
.footer a:hover{ color:#FFF;}
.footer .entry{ padding:60px 0; width:1200px; background:#283541;}
.copyright{ clear:both; background:#1c2730; padding:25px 0; z-index:100;}
.footerBtns {
    position: fixed;
    z-index: 999;
    right: 50px;
    bottom: 60px;
    width: 48px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.footerBtns .icon{ display:block; margin-top:5px; width:48px; height:48px; background:url(home/btns_fixed.png?v1018) no-repeat; border-radius:2px; transition:all 0.18s ease-out 0s; position:relative; z-index:1; cursor:pointer;}
.footerBtns .s1{ background-position:0 0; height:45px;}
.footerBtns .s1 a{ display:block; width:48px; height:48px;}
.footerBtns .s1:hover{ background-position:0 -48px;}
.footerBtns .s2{ background-position:-48px 0;}
.footerBtns .s2:hover{ background-position:-48px -48px;}
.footerBtns .s3{ background-position:-96px 0;}
.footerBtns .s3:hover{ background-position:-96px -48px;}
.footerBtns .btnEntry{ display:none; position:absolute; width:162px; left:-172px; bottom:0; padding-right:10px; color:#666;}
.footerBtns .icon:hover .btnEntry{ display:block;}
.footerBtns .qrcode{ width:140px; padding:10px; background:#fff; border:1px solid #2cbe6d; font-size:14px; color:#7a8a9a;}
.footerBtns .qrcode img{ display:block; width:100%; margin-bottom:5px;}
.footerBtns .contact{ width:140px; padding:10px; background:#fff; border:1px solid #2cbe6d; border-radius:2px;}
.footerBtns .contact h4{ font-size:16px; color:#7a8a9a; margin-bottom:10px; font-weight:bold;}
.footerBtns .contact li{ background:#2cbe6d; width:100%; height:36px; line-height:36px; border-radius:3px; margin-bottom:10px;}
.footerBtns .contact li a{ display:block; color:#fff; padding:0 10px; text-align:left; transition:all 0.18s ease-out 0s;}
.footerBtns .contact li a:hover{ background:#28a547; border-radius:3px;}
.footerBtns .contact li i{ margin-right:4px;}
.footerBtns .contact li:last-child{ margin-bottom:0;}
.footerBtns .arrow{ position:absolute; z-index:1; right:5px; bottom:15px; width:10px; height:10px; background:#fff; border:1px solid #2cbe6d; border-width:1px 1px 0 0; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.footerCol{ float:left; width:136px; text-align:left; padding-right:92px;}
.footerCol:last-child{ padding-right:0;}
.footerCol dt{ color:#fff; padding-bottom:18px; font-size:24px;}
.footerCol dd{ padding:6px 0; font-size:18px; }
.footerQrcode{ float:right; width:500px; text-align:left;}
.footerQrcode dt{ float:left; padding:15px; background:#FFF; width:120px; height:120px; border-radius:3px; opacity:0.9;}
.footerQrcode dt img{ display:block; width:120px;}
.footerQrcode dd{ margin:0 0 0 212px; line-height:1.8; font-size:20px;}

/*价格*/
.price-page{ padding-top:40px;}
.price-page .table { border: 1px solid #e5e9ed; background-color:#fff; color:#345;}
.price-page th,.price-page td{ text-align: center; vertical-align: middle; }
.price-page .table th { background-color: #345; color: #fff; height:50px; line-height:50px; padding:0; border: 1px solid #345; font-weight:bold;}
.price-page .table td { border: 1px solid #e5e9ed; border-width:0 1px 1px 0; padding:24px 10px;}
.price-page .table td:last-child{ border-right:0;}
.price-page .table td .tag{ background:#e74c3c; padding:0 10px; height:28px; line-height:28px; border-radius:14px; font-size:14px; color:#fff;}
.text-red{ color:#e74c3c;}
.check-circle{ color:#46be68;}
.minus-circle{ color:#ff802c;}
.text-gray{ color:#7a8a9a;}
.text-size{ font-size:14px;}
.understand-prompt{ padding:36px 0; text-align:center;}


.pricingSpecial .title{ text-align:center; font-size:48px; color:#333039; padding:40px 0 5px 0;}
.pricingSpecial .slogan{ text-align:center; font-size:32px;}
.pricingSpecialItem{ padding-bottom:20px;}
.pricingSpecialItem dl{ float:left; width:360px; margin:40px 25px; background:#FFF; box-shadow:0 0 15px rgba(0,0,0,0.15); }
.pricingSpecialItem dt{ text-align:center; color:#FFF; font-size:22px; background:#44a2eb; padding:20px 0;}
.pricingSpecialItem dt strong{ font-size:96px; font-family:Tahoma, Geneva, sans-serif, "Times New Roman", Times, serif; font-weight:normal; line-height:1;}
.pricingSpecialItem dt strong i{ font-size:72px; font-style:normal; vertical-align:bottom;}
.pricingSpecialItem dt em{ font-size:52px; vertical-align:bottom; padding-left:5px;}
.pricingSpecialItem dt p{ margin-top:5px;}
.pricingSpecialItem dd{ padding:20px; text-align:center;}
.pricingSpecialItem .itemType{ font-size:18px; color:#424242; font-weight:bold;}
.pricingSpecialItem .itemIntro{ text-align:left; margin:5px 20px; font-size:14px;}
.pricingSpecialItem .itemPrice{ color:#333; font-size:20px; font-weight:bold; margin:15px 0;}
.pricingSpecialItem .itemPrice em{ display:block; color:#909090; font-size:16px; text-decoration:line-through;}
.pricingSpecialItem .itemPrice strong{ color:#44a2eb;}
.pricingSpecialItem .itemBtn{ padding:10px 0;}
.pricingSpecialItem .itemBtn a{ display:inline-block; color:#FFF; background:#44a2eb; font-size:18px; padding:6px 30px; border-radius:5px;}
.pricingSpecialItem .itemBtn a:hover{ background:#178BE1;}
.pricingSpecialItem dl.s1{ margin-left:10px;}
.pricingSpecialItem dl.s3{ margin-right:10px;}
.pricingSpecialItem dl.s2 dt,.pricingSpecialItem dl.s2 .itemBtn a{ background:#68af27;}
.pricingSpecialItem dl.s2 .itemPrice strong{ color:#68af27;}
.pricingSpecialItem dl.s2 .itemBtn a:hover{ background:#548E20;}
.pricingSpecialItem dl.s3 dt,.pricingSpecialItem dl.s3 .itemBtn a{ background:#EC561B;}
.pricingSpecialItem dl.s3 .itemPrice strong{ color:#EC561B;}
.pricingSpecialItem dl.s3 .itemBtn a:hover{ background:#DE4A12;}
/*功能*/
.features-header{ background:url(home/bg_features.jpg) #414f5e no-repeat center top; min-width:1200px; margin:0 auto; height:900px; text-align:center; color:#FFF;}
.features-header .title{ font-size:48px; padding:150px 0 40px 0;}
.features-header p{ font-size:24px; padding-bottom:80px;}
.features-header .screen{ width:1200px; position:relative; z-index:1; margin:80px auto 0 auto;}
.features-header .screen img{ display:block;}
.features-header .screen-mac{ position:absolute; z-index:1; left:0; top:0; width:1044px; height:530px;}
.features-header .screen-phone{ position:absolute; z-index:2; top:152px; right:0; width:213px; height:378px;}
.features-first{padding-top:220px;}
.features-title{ text-align:center; font-size:48px; color:#345; padding:40px 0 0 0; font-weight:bold;}
.features-end-title{ padding:65px 0 0 0;}
.features-title strong{ font-weight:normal;}
.features-articles section{ padding:70px 0; font-size:16px;}
.features-articles .screen{ float:right; width:668px; height:338px; overflow:hidden;}
.features-articles .screen img{ display:block; margin:0 auto; width:668px; height:338px;}
.features-articles .screen-intro{ float:left; width:440px; font-size:16px; height:338px; vertical-align:middle; color:#345;}
.features-articles .screen-intro h4{ font-size:30px; color:#345; margin:50px 0 10px; font-weight:bold;}
.features-articles .screen-intro p{ margin-bottom:30px;}
.features-articles .screen-intro ul{ margin-top:20px; font-size:14px; color:#7a8a9a;}
.features-articles .screen-intro li{ padding-bottom:10px; position:relative; overflow:hidden; padding-left:20px;}
.features-articles .screen-intro li:before{ display:block; position:absolute; top:8px; left:0; content:" "; width:10px; height:10px; border-radius:10px; background:#345;}
.features-articles section.right .screen{ float:left;}
.features-articles section.right .screen-intro{ float:right;}
.features-sync{ min-width:1200px; background:#F3F3F7;}
.features-sync .sync-screen{ width:1200px; height:609px; margin:70px auto 10px;}
.features-sync .sync-screen img{ display:block;}
.features-sync .sync-intro{ padding:70px 0; position:relative;}
.features-sync section{ float:left; width:270px; margin-right:40px;}
.features-sync section.s4{ margin-right:0;}
.features-sync .icon{ display:inline-block; margin:0 auto 20px auto; width:118px; height:118px; vertical-align:middle; background:url(home/features_sycn_icon.png) no-repeat;}
.features-sync .s1 .icon{ background-position:0 0;}
.features-sync .s2 .icon{ background-position:0 -118px;}
.features-sync .s3 .icon{ background-position:0 -236px;}
.features-sync .s4 .icon{ background-position:0 -354px;}
.features-sync section h4{ margin-bottom:20px; font-size:28px; text-align:center; color:#333;}
.features-more{ min-width:1200px;}
.features-more dl{ float:left; margin:50px 40px 60px 0; width:208px;}
.features-more dl.last{ margin-right:0;}
.features-more dt{ text-align:center; font-size:24px;}
.features-more dt i{ display:block; width:78px; height:64px; margin:0 auto 30px auto; background:url(home/features_more_icon.png) no-repeat;}
.features-more dt i.s1{ background-position:0 0;}
.features-more dt i.s2{ background-position:0 -64px;}
.features-more dt i.s3{ background-position:0 -128px;}
.features-more dt i.s4{ background-position:0 -192px;}
.features-more dt i.s5{ background-position:0 -256px;}
.features-more dd{ font-size:16px; opacity:0.8; margin-top:20px;}
/*西瓜答答*/
.dada-index{ min-width:1200px; background:url(home/bg_dada_header.jpg) no-repeat center 0 #414f5e; height:542px;}
.guide-entrance{ width:1200px; padding:126px 0; margin:0 auto; font-size:20px; color:#FFF; line-height:1.8;}
.guide-entrance dl{display:inline-block;}
.guide-entrance dt{ background:#f04b43; border-radius:3px; float: left; margin-right: 40px;  position: relative;}
.guide-entrance dt .code-box{  background: #fff; border-radius:3px 3px 0 0; width: 190px; height:190px; padding: 20px;}
.guide-entrance dt .code-box img{width: 190px; height: 190px; border-radius:3px 3px 0 0;}
.guide-entrance dt .tip{ background:url(home/sao.png) no-repeat 23px 17px; height: 60px; line-height: 60px; padding-left:45px; text-align: center;}
.guide-entrance dd{ float: left; text-align: left;}
.guide-entrance h1{ font-size:72px; padding-top:50px;}
.guide-entrance p{ font-size: 24px; margin-bottom: 60px; line-height: 1.2;}
.dada-interface{ padding:100px 0 60px; color: #696969; font-size: 16px; line-height: 1.6;}
.dada-interface ul{background:url(home/dada-interface.png) no-repeat center 266px; width:1200px; height:1066px; position: relative;}
.dada-interface ul li{ background: url(home/interpretation_steps.png) no-repeat; position: absolute; font-size:14px; color:#7a8a9a;}
.dada-interface ul li h4{ color: #fff; font-size:18px; width:94px; height:34px; line-height:34px; margin-bottom:15px; text-align:center;}
.dada-interface ul li.steps1{ overflow:hidden; background-position:0 0; width: 188px; height:399px; left: 150px; top:255px;-webkit-animation:topToBottom 0.5s 0; -moz-animation:topToBottom 0.5s 0s; animation:topToBottom 0.5s 0s;}
.dada-interface ul li.steps2{ background-position:-188px 0; width:189px; height:419px; left:260px; top:76px;-webkit-animation:topToBottom 0.5s 0.1; -moz-animation:topToBottom 0.5s 0.1s; animation:topToBottom 0.5s 0.1s;}
.dada-interface ul li.steps3{ background-position:-377px 0; width: 191px; height:418px; left:592px; top:0;-webkit-animation:topToBottom 0.5s 0.2; -moz-animation:topToBottom 0.5s 0.2s; animation:topToBottom 0.5s 0.2s;}
.dada-interface ul li.steps4{ background-position:-568px 0; width:201px; height:325px; left:922px; top:184px;-webkit-animation:topToBottom 0.5s 0.3; -moz-animation:topToBottom 0.5s 0.3s; animation:topToBottom 0.5s 0.3s;}
.right-text{ margin-left:106px;}
.right-steps{ padding-left:30px;}
.dada-block{ padding: 70px 0;}
.dada-block h2{ padding-bottom: 60px; font-size:30px; font-weight:bold; color: #345; padding-bottom:20px;}
.dada-block h3{ padding-bottom: 60px; text-align: center; font-size:30px; font-weight:bold; color: #345;}
.more-features li{ float: left; width:33.3%; color: #7a8a9a; font-size: 16px; line-height: 1.6; text-align: center;}
.more-features li .first-child{ width:212px; float:left;}
.more-features li .last-child{ width:212px; float:right;}
.more-features li i{ background: url(home/features.png) no-repeat; width: 128px; height: 128px; margin: 0 auto 35px; display: block;}
.more-features li i.features1{ background-position: 0 0;}
.more-features li i.features2{ background-position: -128px 0;}
.more-features li i.features3{ background-position: -256px 0;}
.more-features li h5{ font-size:26px; font-weight:bold; padding-bottom: 10px; color: #345;}
.faq-main li{ padding: 40px 0; border-bottom: 1px dashed #e5e9ed; font-size: 16px; line-height: 1.6;}
.faq-main h5{ font-size: 24px; color: #345; padding-bottom: 20px;}
.sweep-code-footer{ text-align: center;}
.sweep-code-footer dl{ margin: 0 auto 70px;  display: inline-block;}
.sweep-code-footer dt{ float: left;}
.sweep-code-footer dt img{ width: 110px; height: 110px; margin-right:46px;}
.sweep-code-footer dd{ float: left; margin: 16px 0; background: #68af27; position: relative; color: #fff; font-size: 28px; height: 82px; line-height: 82px; border-radius: 10px; padding: 0 15px;}
.sweep-code-footer dd:after{ width:0; height:0; border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:16px solid #68af27; content: ""; display: block; position:absolute; left: -16px; bottom:25px;}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}
/*西瓜君*/
.xiguajun-header{ min-width:1200px;height:650px; width:100%; background:#345; opacity:0.9; display:block; z-index:10;display:block;}
.xiguajun-header .guide-entrance{ width:1000px; padding-top:180px;}
.xiguajun-tip{ color:#c3cdd7; font-size:18px;}
.training{ background: url(home/bg_training.jpg) no-repeat center top; height:346px; min-width:1200px; text-align:center;}
.training h3{ font-size:68px; color:#fff; padding:80px 0 40px 0;}
.training p{ font-size:24px; color:#7a8a9a;}
.public-dialogue{ padding:80px 0;}
.public-dialogue h3{ font-size:30px; padding-bottom:10px; color:#345; text-align:center;}
.public-dialogue .subtitle{ text-align:center; line-height:1.8; padding-bottom:90px;}
.special-public{ text-align:center;}
.special-public dl{ width:380px; display:inline-block; float:none;}
.special-public dl:first-child{ float:left;}
.special-public dl:last-child{ float:right;}
.special-public dt{ margin-bottom:30px;}
.special-public dt img{ width:156px; height:156px; border-radius:50%;}
.special-public .public-name{ font-size:18px; font-weight:bold; text-align:center; color:#345; margin-bottom:15px;}
.special-public .public-describe{ font-size:14px; color:#7a8a9a;}

.diagnosis-box{ height:740px; padding:100px 0;}
.xigua-diagnosis{ width:516px; float:left; padding-top:150px;}
.diagnosis-title{ border-left:2px solid #2cbe6d; padding-left:20px; margin-bottom:80px;}
.diagnosis-title h4{ font-size:36px; color:#345;}
.diagnosis-title p{ font-size:24px;}
.diagnosis-classify{ margin-bottom:20px;}
.diagnosis-classify strong{ font-weight:bold; color:#345;}
.diagnosis-element{ width:608px; float:right; position:relative;}
.diagnosis-element li{ position:absolute;}
.diagnosis-element li.diagnosis-element1{ width:592px; height:629px; z-index:1; right:0; top:56px;}
.diagnosis-element li.diagnosis-element2{ width:415px; height:739px; z-index:2; right:88px;}

/*使用帮助*/
.main{ min-width:1200px; max-width:1200px; margin:0 auto; padding-top:30px;}
.helpIndex{ min-width:1200px; background:url(home/bg_section1.jpg) no-repeat center -80px #282C37;}
.helpGuideline{ width:1200px; padding:50px 0; margin:0 auto; font-size:20px; color:#FFF; text-align:center; line-height:1.8;}
.helpGuideline h1{ font-size:36px; margin-bottom:15px;}
.helpGuideline .fa{ display:block; font-size:64px;}
.helpGuide{ margin:40px -15px 30px -15px;}
.helpGuide li{ float:left; width:33.3333%;}
.helpGuide li a{ display:block; background:#FEFEFE; margin:0 15px; text-align:center; font-size:18px; border-radius:5px; border:1px solid #ddd; transition:all 0.3s ease-out 0s; padding:60px 0 30px 0;}
.helpGuide li a:hover{ background:#FFF; border-color:#67AF27; transition:all 0.3s ease-out 0s;}
.helpGuide li:first-child a{ border-color:#aed6f5;}
.helpGuide li:first-child a:hover{ border-color:#2F9BEF; color:#2F9BEF;}
.helpGuide li:nth-child(2) a{ border-color:#cde2a7;}
.helpGuide li:nth-child(2) a:hover{ border-color:#86B92C; color:#86B92C;}
.helpGuide li:last-child a{ border-color:#fa9780;}
.helpGuide li:last-child a:hover{ border-color:#E9512E; color:#E9512E;}
.helpGuide .fa{ display:block; margin:0 auto; text-indent:-999em; overflow:hidden; border-bottom:1px solid #EEE; width:240px; height:168px; background:url(home/help_index_icon.png?v1018) no-repeat;}
.helpGuide .fa-book{ background-position:0 0;}
.helpGuide .fa-briefcase{ background-position:-240px 0;}
.helpGuide .fa-cogs{ background-position:-480px 0;}
.helpGuide li h3{ padding-top:25px; font-size:32px;}
.helpVideoGuide{ border-bottom:3px solid #E5E5E5; text-align:center; font-size:20px;}
.helpVideoGuide span{ background:#F0F0F0; position:relative; bottom:-15px; padding:0 30px;}
.helpVideoGuideList{ padding:20px 0 50px 0; margin:0 -20px;}
.helpVideoGuideList li{ float:left; width:25%;}
.helpVideoGuideList a{ border:1px solid #E2E2E2; border-radius:5px; background:#FFF; margin:20px; display:block; height:150px; font-size:18px; text-align:center; color:#345; transition:all 0.3s ease-out 0s;}
.helpVideoGuideList a:hover{ border-color:#8B909E; transition:all 0.3s ease-out 0s;}
.helpVideoGuideList .fa{ display:block; padding:40px 0 5px 0; height:40px; line-height:1; font-size:36px; color:#8B909E;}
.helpVideoGuideList a span{ font-size:14px; display:block; color:#7a8a9a;}

.helpNav{ float:left; width:180px; background:#FEFEFE; padding:20px; margin:0 0 20px 0; border:1px solid #E2E2E2;}
.helpNav .helpNavTitle{ display:block; margin-bottom:12px; color:#888; font-size:16px;}
.helpNav .helpNavTitle .fa{ color:#999; font-size:14px; margin-right:6px; vertical-align:middle;}
.helpNav ul{ margin-bottom:20px;}
.helpNav li a{ display:block; padding:8px 0 8px 20px; transition:all 0.2s ease-out 0s;}
.helpNav li a:hover{ background:#F6F6F6; transition:all 0.2s ease-out 0s;}
.helpNav li a.current{ border-left:3px solid #67AF27; color:#67AF27; background:#F6F6F6;}
.helpMain{ margin:0 0 20px 240px; background:#FFF; padding:20px; font-size:16px; line-height:1.6; min-height:600px;}
.helpMain .pageTitle{ font-size:18px; font-weight:bold; color:#67AF27; line-height:1; margin-bottom:10px;}
.helpMain .title{ font-size:18px; font-weight:bold; color:#67AF27; border-bottom:1px solid #EEE; margin-bottom:15px; padding-bottom:18px;}
.helpMain img{ max-width:100%;}
.helpEntry{ padding-top:10px;}
.helpEntry table,.helpEntry th,.helpEntry td{ border-collapse:collapse; border:1px solid #DDD;}
.helpEntry p{ padding:10px 0;}
.helpList dl{ border-bottom:1px dashed #DDD; padding:10px 0;}
.helpList dt{ font-weight:normal; font-size:16px; color:#666; line-height:1.2;}
.helpList dt .fa{ color:#999; margin-right:8px;}
.helpList dt a:hover{ color:#67AF27;}
.helpList dd{ font-size:14px; color:#999; line-height:20px; padding:5px 0;}
.helpList dd a{ color:#999;}
/*关于我们*/
.body-page{ background: #fff;}
.txtCenter{ text-align:center;}
.aboutNav{ position:fixed; top:140px; width:260px;  margin-top:20px; background:#F9F9FB; padding:10px 0; background: #fff;}
.aboutNav a{ display:block; font-size:16px; height:45px; line-height:45px; padding:2px 20px 2px 30px;border-left:5px solid #F9F9F9;}
.aboutNav a.current,
.aboutNav a:hover,
.aboutNav a:active {
    border-left: 5px solid #E60F40;
    background: #FFF;
    color: #E60F40;
    background: #F7F8FC;
}

.aboutContent {
    margin-left: 261px;
    padding: 0 0 20px 60px;
    font-size: 16px;
    color: #7a8a9a;
    min-height: 760px;
    border-left: 1px solid #E6E7F0;
}
.aboutContent .title {
    font-size: 18px;
    color: #E60F40;
    font-weight: bold;
}
.aboutContent strong{
    font-weight:bold;
    color: #345;
    text-decoration: underline;
}
.aboutContent strong.no-line{
    font-weight:bold;
    color: #345;
    text-decoration: none;
}
.aboutContent b {
    color: #000;
}
.aboutContent h4{ font-weight:bold; padding:10px 0; color:#345;}
.aboutContent p{ line-height:1.8; padding:10px 0; text-indent:2em;}
.aboutContent p.noindent{ text-indent:0;}
.point::before {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: rgba(31, 37, 77, 1);
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.aboutContent strong{ color:#345;}
.aboutContent a{ border-bottom:1px dotted #AAA;}
.aboutContent a:hover{ color:#67AF27;}


.aboutContent .about-img {
    clear: both;
    width: 100%;
}

.aboutContent .about-img li {
    margin: 0 20px 32px 0;
    width: 270px;
    height: 160px;
    display: inline-block;
}

.aboutContent .about-img li:nth-child(3n) {
    margin: 0 0 32px 0;
}

.aboutContent .about-img li img {
    width: 270px;
    height: 160px;
}
/*榜单*/
.rankHeader{ float:left; height:53px;}
.rankHeader li{ float:left; width:140px;}
.rankHeader a{ display:block; text-align:center; line-height:50px; font-size:18px; color:#696969; height:50px;}
.rankHeader a:hover{ color:#67AF27;}
.rankHeader a.current{ color:#67AF27; border-bottom:3px solid #67AF27;}
.rankInfo{ min-width:1200px; background:#FFF; border-bottom:1px solid #E4E4E4; height:53px; font-size:16px;}
.rankTimer{ float:right; margin-top:11px;}
.rankInfo p{ float:right; margin-top:12px;}
.rankTimer > li{ float:left;}
.rankTimer > li > a{ float:left; padding:8px; border-radius:3px; line-height:16px;}
.rankTimer > li > a:hover{ color:#67AF27; background:#F6F6F6;}
.timerBtns{ line-height:1; padding:8px 6px;}
.rankTimer .icon{ display:inline-block; background:url(home/sprites_rank.png?v1018) no-repeat;}
.rankTimer .iconPrev{ width:10px; height:16px; background-position:0 0;}
.rankTimer .iconNext{ width:10px; height:16px; background-position:-10px 0;}
.rankTimer .iconCaret{ width:12px; height:7px; background-position:0 -40px; vertical-align:middle}
.rankTimer h1{ display:inline; vertical-align:top}
.timerBtns:hover .iconPrev{ background-position:0 -16px;}
.timerBtns:hover .iconNext{ background-position:-10px -16px;}
.timerBtns.disabled{ opacity:0.5; cursor:default;}
.timerBtns.disabled:hover{ background-color:transparent;}
.timerBtns.disabled:hover .iconPrev{ background-position:0 0;}
.timerBtns.disabled:hover .iconNext{ background-position:-10px 0;}
.rankTimer a:hover .iconCaret,.rankTimer .active .iconCaret{ background-position:-12px -40px;}
.rankTimer .active > a{ color:#67AF27;}
.rankTimer .timerSubMenu{ display:none; background:#FFF; border:1px solid #DDD; position:absolute; top:100%; left:0; min-width:230px; padding:6px 0; line-height:1.4; box-shadow:0 0 10px rgba(0,0,0,0.15); font-size:15px;}
.active{ position:relative;}
.rankTimer .active .timerSubMenu{ display:block; -webkit-animation-name:flipInX; -moz-animation-name:flipInX; animation-name:flipInX; -webkit-animation-duration:.4s; -moz-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; animation-fill-mode:both;}
.timerSubMenu a{ display:block; padding:8px 20px;}
.timerSubMenu a:hover{ background:#F6F6F6; color:#67AF27;}
.timerSubMenu li:last-child{ border-top:1px solid #EEE; margin-top:5px;}
.rankWrap{ min-height:600px;}
.rankNav{ padding:10px 0; background:#F9F9FB; float:left; width:200px; margin:15px 0;}
.rankNav a{ display:block; height:45px; line-height:45px; font-size:16px; padding-left:40px;}
.rankNav a:hover{ background:#FFF; color:#67AF27;}
.rankNav a.current{ border-left:4px solid #67AF27; background:#FFF; color:#67AF27; padding-left:36px;}
.rankMain{ margin-left:220px; padding:15px 0;}
.rankMain a{ color:#333;}
.rankMain a:hover{ color:#67AF27;}
.rankTable th{ background:#FEFEFE; font-weight:bold; padding:15px 0; text-align:center; border-bottom:1px solid #DDD;}
.rankTable td{ padding:15px 10px; text-align:center;}
.rankTable tr:nth-child(2n) td{ background:#F9F9FB;}
.rankTable tr:hover td{ background:#FFF;}
.rankTable.rankTableArt tr:nth-child(2n) td{ background-color:#F9F9FB;}
.rankTable.rankTableArt td{ border-bottom:1px solid #DDD; background:#F9F9FB;}
.rankTable.rankTableArt tr:hover td{ background:#FFF;}
.rankTable.rankTableArt tr:last-child td{ border:none;}
.rankIco{ width:27px; height:27px; display:inline-block; line-height:27px; color:#FFF; background:url(home/sprites_rank.png?v1018) no-repeat 0 -150px;}
.rankIco.rank1{ background-position:0 -60px;}
.rankIco.rank2{ background-position:0 -90px;}
.rankIco.rank3{ background-position:0 -120px;}
.rankMpCover{ float:left; width:40px; height:40px; border:1px solid #CCC; border-radius:3px; overflow:hidden;}
.rankMpCover img{ display:block; width:100%;}
.rankMpName{ margin-left:54px; text-align:left; font-weight:bold;}
.rankMpName em{ display:block; color:#888; font-style:normal; font-size:12px; font-weight:normal;}
.pubDay{ display:block; font-size:14px; color:#888;}
.btnViewDetail{ display:inline-block; padding:5px 10px; border-radius:5px; border:1px solid #BBB; background:#FFF;}
.btnViewDetail:hover{ color:#67AF27; border-color:#67AF27;}
.layer{ position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.popup{ position:absolute; z-index:1; width:400px; left:50%; top:50%; margin-left:-220px; margin-top:-80px; background:#FFF; border:1px solid #AAA; border-radius:8px; padding:20px; font-size:16px;}
.popupFooter{ text-align:center; padding-top:15px;}
.popupFooter a.btn{ display:inline-block; margin:0 12px; width:100px; height:36px; text-align:center; line-height:36px; font-size:16px; transition:all 0.18s ease-out 0s; color:#FFF; border-radius:5px; cursor:pointer; border-style:solid; border-width:1px;}
.popupFooter a.register{ background-color:#67AF27; border-color:#67AF27;}
.popupFooter a.register:hover{ background-color:#DF023F; border-color:#DF023F;}
.popupFooter a.login{ background-color:#67AF27; border-color:#67AF27;}
.popupFooter a.login:hover{ background-color:#5C9C23; border-color:#5C9C23;}
.popupFooter a.cancel{ background-color:#F0F0F0; color:#666; border-color:#DDD;}
.popupFooter a.cancel:hover{ background-color:#DDD;}
.rankArtCover{ float:left; width:96px; overflow:hidden; border:1px solid #CCC; border-radius:3px;}
.rankArtCover img{ display:block; height:96px;}
.rankArtTitle,.rankArtShot,.rankArtInfo{ text-align:left; margin-left:115px;}
.rankArtTitle{ font-size:16px; font-weight:bold;}
.rankArtShot{ padding:5px 0; font-size:14px;}
.rankArtInfo{ color:#999; font-size:14px;}
.rankArtInfo span{ padding-right:12px;}
.rankLoadMore{ display:block; margin-top:15px; border:1px solid #CCC; background:#F9F9F9; border-radius:5px; text-align:center; padding:8px;}
.rankLoadMore:hover{ border-color:#67AF27; color:#67AF27; background:#FFF;}
.articleContent{ background:#FFF; border:1px solid #DDD; padding:20px;}
.articleTitle{ text-align:center; font-size:24px; border-bottom:1px solid #DDD; padding:0 0 20px 0;}
.articleInfo{ margin-bottom:15px; padding:10px 0; font-size:16px; color:#8c8c8c;}
.articleEntry{ font-size:16px; margin:18px 10px 0 10px;}
.articleEntry img{ max-width:100%;}
.articleFooter{ border-top:1px solid #DDD; padding:15px 0 10px 0; font-size:16px; margin-top:18px;}

.articleFooter p{ float:right; color:#8C8C8C;}
.articleFooter p span{ padding-left:15px;}

@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}
@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}
/*加入我们*/
.jobs {
    margin-left: 260px;
    padding: 0 0 60px 60px;
    border-left: 1px solid #E6E7F0;
}
.jobCover{ position:relative; z-index:1; margin:-20px -25px 10px -25px;}
.jobCover img{ display:block; width:100%;}
.jobsItem {
    border: 1px solid #E6E7F0;
    background: #FFF;
    margin-top: 20px;
    padding: 20px 25px;
    font-size: 16px;
    color: #444;
}
.jobsItem:first-child{ margin-top:0;}
.jobsTitle{ font-size:18px; color:#E60F40; font-weight:bold; border-bottom: 1px solid #E6E7F0; padding-bottom: 20px;}
.jobsTitle span{ display:inline-block; margin-left:10px; font-weight:normal; font-size:16px;}
.jobsTitleSub {
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0 20px 0;
    color: #1F254D;}
.jobsDes {
    line-height: 1.6;
    color: #7A7C8A;
}
.jobsDes p{ padding:8px 0;}
.jobsDes dl{ padding-bottom:10px;}
.jobsDes dt {
    float: left;
    width:20px;
    height:20px;
    border-radius: 4px;
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    background: #E60F40;
    margin-top: 4px;
}
.jobsDes dd{ margin-left:25px;}
/*公众号诊断*/
.diagnoseHeader{ background:url(home/bg_section1.jpg) no-repeat center 0 #282C37; min-width:1200px; margin:0 auto; height:653px; color:#FFF;}
.diagnoseHeader .entry{ min-width:850px; max-width:850px; text-align:center; padding-top:100px;}
.diagnoseHeader .scan-code{ width:240px; height:300px; margin:0 auto;}
.diagnoseHeader .qrcode{ width:240px; height:240px; position:relative; z-index:1; background:url(home/diagnose_qr.png) no-repeat center center #FFF; border-radius:5px 5px 0 0; -webkit-animation:flipInY 0.8s 0s; -moz-animation:flipInY 0.8s 0s; animation:flipInY 0.8s 0s;}
.diagnoseHeader .tip{ background:url(home/sao.png) #f04b43 no-repeat 25px center; bottom:0; width:220px; padding-left:20px; height:60px; line-height:60px; border-radius:0 0 5px 5px; margin:0 auto; font-size:18px;-webkit-animation:flipInY 0.8s 0s; -moz-animation:flipInY 0.8s 0s; animation:flipInY 0.8s 0s;}
.diagnoseHeader .title{ font-size:60px; padding:25px 0 0 0;}
.diagnoseHeader p{ font-size:28px;}

.diagnoseScreen{ background:#FFF; padding:60px 0;}
.diagnoseScreen .entry{ position:relative; z-index:1; height:550px;}
.diagnoseScreen img{ display:block;}
.diagnoseScreen .screenMac{ position:absolute; z-index:2; left:18px; top:0; width:841px; height:510px; background:url(home/features_header_device.png?v1018) no-repeat; padding:40px 0 0 118px;}
.diagnoseScreen .screenPhone{ position:absolute; z-index:1; top:84px; right:75px; width:215px; height:414px; padding:56px 0 0 15px; background:url(home/features_header_device.png?v1018) no-repeat -970px 0;}
.diagnoseFeatures{ min-width:1200px; padding:80px;}
.diagnoseFeatures dl{ float:left; margin:0 58px 0 0; width:256px;}
.diagnoseFeatures dl.last{ margin-right:0;}
.diagnoseFeatures dt{ text-align:center; font-size:28px; color:#000;}
.diagnoseFeatures dt i{ display:block; width:256px; height:256px; margin:0 auto 20px auto; background:url(home/diagnose_icons.png) no-repeat;}
.diagnoseFeatures dt i.s1{ background-position:0 0;}
.diagnoseFeatures dt i.s2{ background-position:-256px 0;}
.diagnoseFeatures dt i.s3{ background-position:-512px 0;}
.diagnoseFeatures dt i.s4{ background-position:-768px 0;}
.diagnoseFeatures dd{ font-size:18px; color:#696969; margin-top:15px;}
.diagnoseGo{ background:url(home/free-trial.jpg) no-repeat center top; text-align:center; padding:90px 0; min-width:1200px;}
.diagnoseGo img{ width:106px; height:106px; border:6px solid #fff; border-radius:10px; display:inline-block; vertical-align:middle;}
.diagnoseGo .btn{ display:inline-block; vertical-align:middle; margin-left:40px; padding:15px 25px; font-size:32px; color:#FFF; background:#f04b43; border-radius:6px; position:relative; z-index:1;}
.diagnoseGo .btn:before{ display:block; width:20px; height:20px; background:#f04b43; position:absolute; left:-10px; top:28px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:" ";}
/*app介绍页*/
.appIntro{ min-width:1200px; margin:0 auto; background:url(home/bg_app_header.jpg) no-repeat center 0;}
.appIntro .cover{ float:left; width:433px; height:860px; margin:110px 0 0 20px; background:url(home/app_phone_ui.png?v1018) no-repeat; overflow:hidden; -webkit-animation:phone 1s; animation:phone 1s;}
.appIntro .coverEntry{ margin:82px 0 0 113px; width:298px; height:530px; overflow:hidden; position:relative;}
.appIntro .coverEntry img{ width:298px; display:block;}
.slidesjs-pagination{ position:absolute; bottom:10px; z-index:99999; text-align:center; width:100%; letter-spacing:-3px; opacity:0.5;}
.slidesjs-pagination li{ display:inline-block; margin:0 2px;}
.slidesjs-pagination li a{ display:block; width:8px; height:8px; border:1px solid #000; border-radius:12px; text-indent:-999em;}
.slidesjs-pagination li a.active{ background-color:#000;}
.appIntro .content{ margin:0 20px 0 520px; font-size:20px; line-height:1.8; color:#FFF;}
.appIntro .content h1{ text-align:center; font-size:64px; color:#FFF; padding:130px 0 20px 0; line-height:1.5;}
.appIntro .tips{ margin-top:60px; background:rgba(0,0,0,0.2); text-align:center; padding:40px 30px; border-radius:6px;}
.appIntro .tips .btn{ margin-top:30px; display:inline-block; height:68px; line-height:64px; font-size:32px; padding:0 60px; color:#FFF; border:2px solid #FFF; border-radius:100px; transition:all 0.4s ease 0s; position:relative; z-index:1;}
.appIntro .tips .btn:hover{ color:#FFF; border-color:#67AF27; background:#67AF27; -webkit-transition:all 0.18s ease-in-out; -moz-transition:all 0.18s ease-in-out; transition:all 0.18s ease-in-out; color:#FFF;}

.appIntro .btns{ margin-top:30px;}
.appIntro .btns a{ float:left; width:290px; height:86px; position:relative; background:#000; border-radius:10px; line-height:1.4; color:#FFF; cursor:default; font-size:24px;}
.appIntro .btns a span{ display:inline-block; font-size:18px; padding-top:10px;}
.appIntro .btns a.btnIos{ margin-right:70px;}
.appIntro .btns a:hover{ opacity:0.9;}
.appIntro .btns a:before{ float:left; margin:12px 12px 0 24px; content:" "; width:54px; height:60px; vertical-align:text-top; background:url(home/app_icons.png?v1018) no-repeat;}
.appIntro .btns a.btnIos:before{ background-position:-150px -60px;}
.appIntro .btns a.btnAndroid:before{ background-position:-150px 0;}
.appIntro .btns a:after{display:block; content:" "; width:218px; height:238px; background:no-repeat; position:absolute; bottom:-255px; left:50%; margin-left:-109px; -webkit-animation:qr .5s;animation:qr .5s}
.appIntro .btns a.btnIos:after{background-image:url("home/app_qr_ios.png?v1018")}
.appIntro .btns a.btnAndroid:after{background-image:url("home/app_qr_android.png?v1018")}
@-webkit-keyframes phone{0%{-webkit-filter:blur(30px);filter:blur(30px);opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes phone{0%{-webkit-filter:blur(30px);filter:blur(30px);opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes qr{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}100%{opacity:1;-webkit-filter:blur(0);filter:blur(0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes qr{0%{-webkit-filter:blur(10px);filter:blur(10px);opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}100%{opacity:1;-webkit-filter:blur(0);filter:blur(0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.appIntro .iOS9Tip{margin:380px 0 0 360px; width:290px; text-align:center; font-size:18px;}
.appIntro .iOS9Tip a{ color:#CCC;}
.appFeatures{ padding:10px 0 65px 0; color:#888;}
.appFeatures dl{ float:left; width:50%; padding:25px 60px 25px 20px; box-sizing:border-box;}
.appFeatures dt{ width:118px; height:118px; margin:0 auto; background:url(home/app_icons.png?v1018) no-repeat;}
.appFeatures dd{ margin-top:20px; font-size:18px; line-height:1.8;}
.appFeatures dd strong{ display:block; font-size:28px; color:#333; padding-bottom:5px; font-weight:normal; text-align:center;}
.appFeatures .s2,.appFeatures .s4{ padding:25px 20px 25px 60px;}
.appFeatures .s1 dt{ background-position:0 0;}
.appFeatures .s2 dt{ background-position:0 -118px;}
.appFeatures .s3 dt{ background-position:0 -236px;}
.appFeatures .s4 dt{ background-position:0 -354px;}

.appMobile{ height:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-flow:column; flex-flow:column;}
.appMobileMain{ -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align:center;}
.appMobileLogo{ padding-top:20px; font-size:24px; line-height:1;}
.appMobileLogo img{ display:block; width:100px; margin:0 auto;}
.appMobileEdition{ text-align:center; font-size:14px; color:#888; padding-top:12px;}
.appMobileFooter{ text-align:center; font-size:11px; color:#999; padding:15px 0;}
.appMobileBtn{ margin-top:120px;}
.appMobileBtn a{ display:inline-block; height:40px; border:1px solid #67AF27; border-radius:40px; width:200px; line-height:40px; color:#67AF27; font-size:16px; background:rgba(255,255,255,0.5);}
.appMobileBtn p{ display:block; margin-top:10px; color:#999;}
.appTips{ position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background:url(home/app_open_tip.png?v1018) no-repeat right 12px; background-size:70px 70px; background-color:rgba(0,0,0,0.7); display:none;}
.appTipsMain{ margin:85px 20px 0 20px; font-size:18px; color:#FFF; text-shadow:1px 1px 2px rgba(0,0,0,0.25);}

/*着陆页*/
.featuresHeader{ background:url(loadpage/bg_section1.jpg) no-repeat center -80px; min-width:1200px; margin:0 auto; height:640px; text-align:center; color:#FFF;}
.featuresHeader .title{ font-size:72px; padding:90px 0 30px 0;}
.featuresHeader p{ display:block; font-size:24px; margin:0 150px; line-height:2;}
.featuresHeader .btn{ margin-top:60px;}
.featuresHeader .btn a{ display:inline-block; height:68px; line-height:64px; font-size:36px; padding:0 60px; color:#fff; background:#f04b43; border:2px solid #f04b43; border-radius:100px; transition:all 0.4s ease 0s; position:relative; z-index:1;}
.featuresHeader .btn a:hover{ color:#FFF; border-color:#67AF27;}
.featuresHeader .btn a:before{ position:absolute; z-index:-1; bottom:0; left:50%; overflow:hidden; width:0%; height:100%; background:#67AF27; content:attr(data-hover);-webkit-transition:all 0.18s ease-in-out;-moz-transition:all 0.18s ease-in-out; -ms-transition:all 0.18s ease-in-out; transition:all 0.18s ease-in-out; color:#FFF;}
.featuresHeader .btn a:hover:before{ width:100%; left:0; color:#FFF; background:#67AF27; border-radius:30px;}
.featuresHeader .btn p{ padding-top:40px; font-weight:bold; opacity:0.8;}
.features-load{ padding-top:25px;}

/*官网改版*/
@font-face {
    font-family: 'myFont';
    src: url('../font/pigfang-regular.ttf');
    font-weight: normal;
    font-style: normal;
}
.header-new { height: 80px;  font-family:'myFont', Helvetica, 'myFont', sans-serif;}
.header-new .entry {  height: 80px;}
.header-new .logo { margin-top: 20px;}
.header-new .logo a {
    display: block;
    background: url(home-new/logo-xigua.png) no-repeat;
    width: 149px;
    height: 40px;
    line-height: 40px;
    text-indent: -999em;
}
.header-new .nav { float: right;  margin: 30px 0 0 0; line-height: 1;}
.header-new .nav li {  padding: 0 0 0  50px;}
.swiper-container {
    width: 100%;
    height: 680px;
}
.swiper-slide {
    text-align: center;
    height: 680px;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet {
    display: inline-block;
    width:28px;
    height:4px;
    background:#fff;
    border-radius:2px;
    opacity:0.3;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
#banner #swiper-slide1 {
    background: url(home-new/v2/banner1-xgdata.png) #3DC991 no-repeat center top;
}

#banner #swiper-slide2 {
    background: url(home-new/v2/banner2-feigua.png) #5053f3 no-repeat center top;
}

#banner #swiper-slide3 {
    background: url(home-new/v2/banner-3zs.png) #FB5F60 no-repeat center top;
}

#banner #swiper-slide4 {
    background: url(home-new/v2/banner4-qiangua.png) #663be7 no-repeat center top;
}

#banner #swiper-slide5 {
    background: url(home-new/v2/banner5-zhigua.png) #fe8612 no-repeat center top;
}
#banner #swiper-slide6 {
    background: url(home-new/v2/banner6-weibo.png) #fd8547 no-repeat center top;
}
#banner #swiper-slide7 {
    background: url(home-new/v2/banner7-feiguahui.jpg) #5053F3 no-repeat center top;
}
#banner #swiper-slide8 {
    background: url(home-new/v2/banner8-mixuan.png) #FF6639 no-repeat center top;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction { bottom: 30px;}
#banner .swiper-slide .slide-intro {
    font-weight: 400;
    color: #fff;
    text-align: left;
    width: 456px;
}
#banner .swiper-slide .slide-intro h4{
    font-size: 44px;
    line-height: 62px;
    margin-bottom:20px;
}
#banner .swiper-slide .slide-intro p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 40px;
}
#banner .swiper-slide .slide-intro .btns-use {
    width:180px;
    height:54px;
    background:rgba(255, 255, 255, 1);
    border-radius:27px;
    font-size:22px;
    text-align: center;
    line-height: 54px;
    display: block;
}
#banner .swiper-slide1 .slide-intro .btns-use {
    color:rgba(0, 194, 173, 1);
    box-shadow: 0px 4px 20px 0px rgba(61, 201, 145, 0.43);
}
#banner .swiper-slide2 .slide-intro .btns-use {
    color:rgba(64, 67, 216, 1);
    box-shadow: 0px 4px 20px 0px rgba(64, 67, 216, 0.43);
}
#banner .swiper-slide3 .slide-intro .btns-use {
    color:rgba(251, 95, 96, 1);
    box-shadow: 0px 4px 20px 0px rgba(251, 95, 96, 0.43);
}
#banner .swiper-slide4 .slide-intro .btns-use {
    color:rgba(103, 61, 229, 1);
    box-shadow: 0px 4px 20px 0px rgba(103, 61, 229, 0.43);
}
#banner .swiper-slide5 .slide-intro .btns-use {
    color:rgba(254, 134, 18, 1);
    box-shadow: 0px 4px 20px 0px rgba(254, 134, 18, 0.43);
}
#banner .swiper-slide6 .slide-intro .btns-use {
    color: rgba(251, 131, 78, 1);
    box-shadow: 0px 4px 20px 0px rgba(251, 131, 78, 0.43);
}
#banner .swiper-slide7 .slide-intro .btns-use {
    color: rgba(80, 83, 243, 1);
    box-shadow: 0px 4px 20px 0px rgba(80, 83, 243, 0.43);
}
#banner .swiper-slide8 .slide-intro .btns-use {
    color: rgba(255, 102, 57, 1);
    box-shadow: 0px 4px 20px 0px rgba(255, 102, 57, 1);
}
#banner .swiper-slide .slide-intro1{ width: 600px;}
#banner .swiper-slide .slide-intro .qr-code{ width: 186px; float: left; margin-right: 50px;}
#banner .swiper-slide .slide-intro .qr-code img{ width: 186px; height: 186px;}
#banner .swiper-slide .slide-intro .qr-info{ float: left; width: 340px;}
#banner .swiper-slide .slide-intro .qr-code p {
    width: 186px;
    height: 38px;
    line-height: 38px;
    background: rgba(41, 195, 89, 1);
    font-size:20px;
    text-align: center;
}
#banner .swiper-slide8 .slide-intro {
    width: 600px;
}
#container {
    margin-top: 80px;
    width: 100%;
}
.container-new {
    margin-top: 80px;
    font-family: 'myFont', Helvetica, 'myFont', sans-serif;
}
.container-new .section .entry{ padding: 100px 0;}
.container-new .section-caption{ text-align: center;}
.container-new .section-caption h3 {
    font-size: 38px;
    font-weight: 400;
    color: #2C4260;
    line-height:1;
    margin-bottom: 30px;
}
.container-new .section-caption p{ color:#8694A9;
font-size:16px;
font-weight:400;
line-height:24px;
margin-bottom: 80px;
}
/*section-service*/
.section-service{ background: url(home-new/bg_1.png) #fff no-repeat center 80px !important; }
.section-service .section-element ul li{ float: left; width: 25%; text-align: center;}
.section-service .section-element h5{
    color:#F04B43;
    font-size: 42px;
    font-weight: 400;
    line-height: 59px;
}
.section-service .section-element h5 i.icon-add {
    background: url(home-new/icon-add.png) no-repeat center center;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: -10px 0 0 10px;
}
.section-service .section-element p{
    color:#8694A9;
    font-size: 16px;
    margin-bottom: 30px;
}
.section-service .section-element .pic {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    display: block;
}
.section-service .section-element .pic.pic1 {
    background: url(home-new/v2/element-service1.png) no-repeat;
}
.section-service .section-element .pic.pic2 {
    background: url(home-new/v2/element-service2.png) no-repeat;
}
.section-service .section-element .pic.pic3 {
    background: url(home-new/v2/element-service3.png) no-repeat;
}
.section-service .section-element .pic.pic4 {
    background: url(home-new/v2/element-service4.png) no-repeat;
}


/*section-product*/
.section-product h3,
.section-dataRank h3{
    position: relative;
    margin-bottom: 30px;
}
.section-product h3::after,
.section-dataRank h3::after{
    content: "";
    width: 160px;
    height: 10px;
    background: rgba(255, 200, 189, 1);
    border-radius: 6px;
    position: absolute;
    bottom: -20px;
    left: 520px;
}
.section-product .section-caption p,
.section-dataRank .section-caption p {
    padding-top: 15px;
    margin-bottom: 60px;
}
.section-product {
    background: url(home-new/bg_2.png) #F8FAFB no-repeat center top !important;
}
.section-product .element-item {
    float: left;
    margin: 0 10px 20px;
    width: 570px;
    height: 270px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    box-shadow: 0px 11px 37px 0px rgba(205, 212, 228, 0.45);
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}
.section-product .element-item:hover {
    box-shadow: 0px 11px 37px 0px rgba(205, 212, 228, 0.8);
}
.section-product .element-item :nth-child(odd){ margin-left: 0;}
.section-product .element-item :nth-child(even){ margin-right: 0;}
.section-product .element-item .info-main .info{ float: left; text-align:left; padding: 60px 0 0 50px;}
.section-product .element-item .info-main .info h4 {
    color: #2C4260;
    font-size: 26px;
    margin-bottom: 10px;
}
.section-product .element-item .info-main .info p {
    color: #7A7C8A;
    font-size: 15px;
    margin-bottom: 26px;
}
.section-product .element-item .info-main .info .btns {
    background: url(home-new/v2/btn-more.png) no-repeat;  width:160px; height:80px; display: block;
    margin-left: -20px;
    text-indent: -999em;
}
.section-product .element-item .info-main{ position: relative;}
.section-product .element-item .info-main .img{ position: absolute; right: 24px; top:30px;}


/*section-dataRank*/
.section-dataRank{ background: #fff;}
.section-dataRank .section-element {
    border:1px solid #E5EBF0;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.section-dataRank .title {
    width: 1200px;
    height: 60px;
    background: #F6F9FC;
    border-bottom: 1px solid #E5EBF0;
    box-sizing: border-box;
}
.section-dataRank .title .t {
  color:#352B25;
  font-size: 18px;
  float: left;
  line-height: 60px;
  padding-left: 40px;
}
.section-dataRank .title .t span {
    font-size: 12px;
    padding-left: 12px;
}
.section-dataRank .title ul{ float: right; padding-right: 40px;}
.section-dataRank .title ul li{ float: left; margin: 0 14px; padding: 20px 0; font-size: 14px;}
.section-dataRank .title ul li a {
color: #2C4260;
padding-bottom: 4px;
}
.section-dataRank .title ul li a i.icon-more {
    background: url(home-new/icon-more.png) no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 4px;
}
.section-dataRank .title ul li a:hover i.icon-more{ background-position:0 -10px;}
.section-dataRank .title ul li a:hover{color:#FF6060; }
.section-dataRank .title ul li a.active{color:#FF6060; border-bottom: 2px solid #FF6060;}
.section-dataRank .table-box {
    padding: 0 20px;
    background: #fff;
}
.section-dataRank .table {
    width: 100%;
}
.section-dataRank .media-list{ display: table;}
.section-dataRank .media-list .item-media{ display: table-cell; padding-right: 10px;}
.section-dataRank .media-list .item-media img{ width:40px; height:40px; border-radius:100%;}
.section-dataRank .media-list .item-inner{ display: table-cell; text-align: left; font-size: 14px; vertical-align: middle;}
.section-dataRank .media-list .item-inner .item-title a{ font-size:16px; color: #2C4260;line-height:22px;}
.section-dataRank .media-list .item-inner .item-sub-title{ color: #7A7C8A; font-size: 12px;}

.section-dataRank .table th {
    color: #93918F;
    padding: 12px 10px;
    border-bottom: 1px solid #E5EBF0;
    font-size: 14px;
}
.section-dataRank .table td {
    border-bottom: 1px solid #E5EBF0;
    padding: 20px 10px;
    color: #352B25;
    box-sizing: border-box;
}
.section-dataRank .table td:last-child{ color: #FF6060;}
.section-dataRank .table th:first-child,
.section-dataRank .table td:first-child{ padding-left: 20px;}
.section-dataRank .tag-rank { background: url(home-new/v2/tag-rank1.png) no-repeat; width: 36px; height: 40px; display: inline-block; text-indent: -999em;}
.section-dataRank .tag-rank.tag-rank1{ background: url(home-new/v2/rank1.png) no-repeat;}
.section-dataRank .tag-rank.tag-rank2{ background: url(home-new/v2/rank2.png) no-repeat;}
.section-dataRank .tag-rank.tag-rank3{ background: url(home-new/v2/rank3.png) no-repeat;}
.section-dataRank .tag-rank.tag-rank4{ background: url(home-new/v2/rank4.png) no-repeat;}
.section-dataRank .tag-rank.tag-rank5{ background: url(home-new/v2/rank5.png) no-repeat;}
.section-dataRank .text-left{ text-align: left !important;}
.section-dataRank .ft{ text-align: center;}
.section-dataRank .ft a {
    padding: 20px 30px;
    color: #7A7C8A;
    display: block;
    background: #F7F8FC;
}
.section-dataRank .ft a:hover{ opacity: 0.8;}
.section-dataRank .section-element:last-child{ margin-bottom: 0; }
.section-dataRank .section-element .ft{ border-top: 1px solid #E5EBF0;}
.section-dataRank .table-box1{ clear:both; display: flex;}
.section-dataRank .table-box1 .sidebar-nav {
    width: 234px;
    border-right: 1px solid #E5EBF0;
}
.section-dataRank .table-box1 .sidebar-nav ul{padding: 70px 0 0 50px;}
.section-dataRank .table-box1 .sidebar-nav li a {
    color: #2C4260;
    font-size: 20px;
    width: 120px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}
.section-dataRank .table-box1 .sidebar-nav li a:hover,
.section-dataRank .table-box1 .sidebar-nav li a.active {
    color: #fff;
    background: #FF6060;
    border-radius: 24px;
}
.section-dataRank .table-box1 .table-list {
    flex: 1;
    padding:0 30px;
}
.section-dataRank .table-box1 .table-list .table{ width: 100%;}
.section-dataRank .table tr:last-child td,
.section-dataRank .table-box1 .table-list .table tr:last-child td{ border-bottom: 0;}
/*section-users */

.section-users {
    background: url(home-new/v2/bg-users.png) #4A4B60 no-repeat center top;
    height: 700px;
}

.section-users .section-caption h3 {
    color: #fff;
    padding:0 0 30px 0;
    position: relative;
    margin-bottom: 70px;
    font-size: 40px;
}
.section-users h3::after{
    content: "";
    width: 160px;
    height: 10px;
    background:rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    position: absolute;
    bottom: -10px;
    left: 520px;
}
.section-users ul{ text-align: center; margin-bottom: -12px;}
.section-users ul li {
    width: 216px;
    height: 160px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 12px 17px 0px rgba(46, 47, 76, 1);
    border-radius: 4px;
    text-align: center;
    margin: 12px;
    float: left;
    color:#2C4260;
    cursor: pointer;
}
.section-users ul li a {
    color: #352B25;
    padding: 20px;
    display:block;
}
.section-users ul li:first-child{margin:12px 12px 12px 0;}
.section-users ul li:nth-child(5n){margin:12px 0 12px 12px;}
.section-users ul li:nth-child(5n+1){margin:12px 12px 12px 0;}
.section-users ul li .partner {
    background: url(home-new/v2/partner-g1.png) #eee no-repeat;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    display: block;
    border-radius: 100%;
}
.section-users ul li a:hover .partner {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: play 1s linear infinite;
    -moz-animation: play 1s linear infinite;
    animation: play 1s linear infinite;
}
@-webkit-keyframes play {
    0% {
        -webkit-transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@-moz-keyframes play {
    0% {
        -moz-transform: rotateY(0deg);
    }
    100% {
        -moz-transform: rotateY(360deg);
    }
}

@keyframes play {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
.section-users ul li .partner1 {
    background: url(home-new/v2/partner-g1.png) #eee no-repeat;
}
.section-users ul li a:hover .partner1{
    background: url(home-new/v2/partner-h1.png) #eee no-repeat;
}
.section-users ul li .partner2 {
    background: url(home-new/v2/partner-g2.png) #eee no-repeat;
}
.section-users ul li a:hover .partner2 {
    background: url(home-new/v2/partner-h2.png) #eee no-repeat;
}
.section-users ul li .partner3 {
    background: url(home-new/v2/partner-g3.png) #eee no-repeat;
}
.section-users ul li a:hover .partner3 {
    background: url(home-new/v2/partner-h3.png) #eee no-repeat;
}
.section-users ul li .partner4 {
    background: url(home-new/v2/partner-g4.png) #eee no-repeat;
}
.section-users ul li a:hover .partner4 {
    background: url(home-new/v2/partner-h4.png) #eee no-repeat;
}
.section-users ul li .partner5 {
    background: url(home-new/v2/partner-g5.png) #eee no-repeat;
}
.section-users ul li a:hover .partner5 {
    background: url(home-new/v2/partner-h5.png) #eee no-repeat;
}
.section-users ul li .partner6 {
    background: url(home-new/v2/partner-g6.png) #eee no-repeat;
}
.section-users ul li a:hover .partner6 {
    background: url(home-new/v2/partner-h6.png) #eee no-repeat;
}
.section-users ul li .partner7 {
    background: url(home-new/v2/partner-g7.png) #eee no-repeat;
}
.section-users ul li a:hover .partner7 {
    background: url(home-new/v2/partner-h7.png) #eee no-repeat;
}
.section-users ul li .partner8 {
    background: url(home-new/v2/partner-g8.png) #eee no-repeat;
}
.section-users ul li a:hover .partner8 {
    background: url(home-new/v2/partner-h8.png) #eee no-repeat;
}
.section-users ul li .partner9 {
    background: url(home-new/v2/partner-g9.png) #eee no-repeat;
}
.section-users ul li a:hover .partner9 {
    background: url(home-new/v2/partner-h9.png) #eee no-repeat;
}
.section-users ul li .partner10 {
    background: url(home-new/v2/partner-g10.png) #eee no-repeat;
}
.section-users ul li a:hover .partner10 {
    background: url(home-new/v2/partner-h10.png) #eee no-repeat;
}
/*section-dynamic*/

.container-new .section-dynamic .entry{ padding:100px 0;}
.container-new .section-dynamic h3 {
    font-size:38px;
    color: #3D4366;
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 90px;
}
.container-new .section-dynamic h3::after {
    content: "";
    width: 160px;
    height: 10px;
    background:rgba(255, 200, 189, 1);
    border-radius: 6px;
    position: absolute;
    bottom: -10px;
    left: 520px;
}
.section-dynamic .caption-block{ float:left; width: 50%; min-height: 300px;}
.section-dynamic .caption-block h4 {
    color:#203045;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
    padding: 0 20px;
}
.section-dynamic .caption-block .news-list {
    padding: 10px 20px;
    color: #203045;
}

.section-dynamic .caption-block .news-list-item {
    display:table;
    margin-bottom: 10px;
}
.section-dynamic .caption-block .news-list .news-list-item:hover .info-t {
    background:#FB5F60;
    color:#fff;
}

.section-dynamic .caption-block .news-list .news-list-item .info-t {
    width:100px;
    display: table-cell;
    vertical-align: middle;
    min-height:68px;
    background:rgba(255, 255, 255, 1);
    border:1px solid rgba(235, 236, 240, 1);
    border-width: 1px 0 1px 1px;
    text-align: center;
    color:#7A7C8A;
    font-size: 14px;
}
.section-dynamic .caption-block .news-list .news-list-item .info {
   display: table-cell; vertical-align: middle;
   width:460px;
   min-height:68px;
   color:#3D4366;
   font-size: 16px;
   background:rgba(252, 252, 252, 1);
   border:1px solid rgba(235, 236, 240, 1);
}
.section-dynamic .caption-block .news-list .news-list-item .info a {
    color: #3D4366;
    padding: 15px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:26px;
}
.section-dynamic .caption-block .news-list .news-list-item .info a {
    color: #203045;
}
.section-dynamic .caption-block .news-list .news-list-item .info a:hover {
    color: #6FB2FF;
    background: #fff;
}

.section-dynamic .caption-block:last-child .info {
    width: 480px;
}
.footer-new {
    background: #4B4653;
}
.footer-new .entry {
    padding: 70px 0 40px;
    background: #4B4653;
}
.footer-new .footerCol {
    float: left;
    width: 236px;
    text-align: left;
    padding-right: 0;
}
.footer-new .footerCol:nth-child(2){
    float: left;
    width: 460px;
    text-align: left;
    padding-right: 0;
}
.footer-new .footerCol dt {
    color: #fff;
    padding-bottom: 20px;
    font-size: 20px;
}
.footer-new .footerCol dd {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    width: 160px;
    float: left;
}
.footer-new .footerCol dd a{ color: #fff; opacity: 0.7;}
.footer-new .footerCol dd a:hover{ opacity: 1;}
.footer-new .footerQrcode {
    float: right;
    width: 480px;
    text-align: left;
    padding-top: 16px;
}

.footer-new .footerQrcode dt {
    float: left;
    padding: 0;
    background: #FFF;
    width: 93px;
    height: 93px;
    opacity: 0.9;
    margin-right: 20px;
}
.footer-new .footerQrcode dt img {
    display: block;
    width: 93px;
}
.footer-new .footerQrcode dd {
    margin: 0 0 0 113px;
    font-size:16px;
    font-weight:400;
    color:#ffff;
    line-height:24px;
    padding-top: 10px;
}
.footer-new .copyright {
    background: #4B4653;
    padding: 25px 0;
    color: #fff;
    font-size:12px;
}



.header.headerScroll {
    position: fixed;
    top: 0;
    background: rgba(2525, 255, 255, 1);
    border-bottom: 1px solid #D8D8D8;
    color: #fff;
    -webkit-animation: NavSlideDown 0.4s ease-in-out forwards;
    -moz-animation: NavSlideDown 0.4s ease-in-out forwards;
    animation: NavSlideDown 0.4s ease-in-out forwards;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}