@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:url(https://f.e7wei.com/bg_header.jpg) no-repeat center top #F3F4F8; font:normal 16px/1.5 "Microsoft Yahei", "Helvetica Neue", Tahoma, Geneva, sans-serif; color:#696969;}
.mobilePage{ background-image:none;}
a{ text-decoration:none; color:#696969;}

.entry{ max-width:1200px; min-width:1200px; margin:0 auto;}
.section{ width:100%; overflow:hidden; min-width:1200px;}
.section img{ display:block;}
.sectionDes{ font-size:20px; line-height:1.8;}
.sectionDes h3{ font-size:36px; line-height:1; padding-bottom:25px; color:#333039;}
.sectionDes p{}
#container{background:#F3F4F8;}
.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;}

.homeNews{ background:#F3F4F8; height:60px; position:relative; z-index:1;}
.homeNews li a:after{ display:block; width:0; height:2px; background:#A4D165; overflow:hidden; position:absolute; z-index:1; left:0; bottom:0; content:" "; transition:all 0.3s ease-out 0s;}
.homeNews li a:hover:after{ width:100%; transition:all 0.3s ease-out 0s;}
.homeNews li{ text-align:center; line-height:60px;}
.homeNews li a{ transition:all 0.2s ease-out 0s;}
.homeNews li i{ display:inline-block; vertical-align:middle; width:20px; height:15px; background:url(https://f.e7wei.com/icon_news.png) no-repeat; margin:-3px 15px 0 0; transition:all 0.2s ease-out 0s;}
.homeNews li a:hover i{ background-position:0 -15px; transition:all 0.2s ease-out 0s;}
.homeNews li a:hover{ color:#19a0fa; transition:all 0.2s ease-out 0s;}
.homeNews li .btn{ display:inline-block; border:1px solid #AAA; padding:5px 10px; border-radius:3px; line-height:1.5; margin-left:30px; color:#999;}
.homeNews li .btn:hover{ border-color:#19a0fa;}
.homeNews li .btn:after{ display:none;}

/*第一屏*/
.sectionOne{ height:715px; background:url(https://f.e7wei.com/bg_section1.jpg) no-repeat center top #282C37; margin-top:-80px;}
.intro{ width:860px; margin:230px auto 0 auto; 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;}
.intro .btn a{ display:inline-block; height:68px; line-height:64px; font-size:36px; padding:0 60px; color:#FFF; border:2px solid #FFF; border-radius:100px; transition:all 0.4s ease 0s; position:relative; z-index:1;}
.intro .btn a:hover{ color:#FFF; border-color:#19a0fa;}
.sectionOne.animate .intro .title{ -webkit-animation:bottomToTop 0.5s 0; -moz-animation:bottomToTop 0.5s 0s; animation:bottomToTop 0.5s 0s;}
.sectionOne.animate .intro p{ -webkit-animation:bottomToTop 0.5s 0.1s; -moz-animation:bottomToTop 0.5s 0.1s; animation:bottomToTop 0.5s 0.1s;}
.sectionOne.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:#19a0fa; 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:#19a0fa; border-radius:30px;}

/*第二屏*/
.sectionTwo{ height:650px; background:#FFF; border-bottom:1px solid #E5E5E5;}
.sectionTwo .sectionDes{ text-align:center; padding-top:70px;}
.sectionTwoElement{ position:relative; width:100%; margin-top:25px;}
.sectionTwoElement li{ height:425px; position:absolute; z-index:1; top:0; background:url(https://f.e7wei.com/section2_elementf5d7.png) no-repeat; overflow:hidden;}
.sectionTwoElement .s1{ width:1030px; left:5px; background-position:0 0;}
.sectionTwoElement .s1 img{ margin:69px 0 0 42px;}
.sectionTwoElement .s2{ width:105px; right:30px; background-position:-1050px 0;}
.sectionTwo.animate .sectionDes h3{ -webkit-animation:bottomToTop 0.5s 0s; -moz-animation:bottomToTop 0.5s 0s; animation:bottomToTop 0.5s 0s;}
.sectionTwo.animate .sectionDes p{ -webkit-animation:bottomToTop 0.5s 0.1s; -moz-animation:bottomToTop 0.5s 0.1s; animation:bottomToTop 0.5s 0.1s;}
.animate .sectionTwoElement .s1{ -webkit-animation:bottomToTop 0.6s 0.4s; -moz-animation:bottomToTop 0.6s 0.4s; animation:bottomToTop 0.6s 0.4s;}
.animate .sectionTwoElement .s2{ -webkit-animation:bottomToTop 0.75s 0.8s; -moz-animation:bottomToTop 0.75s 0.8s; animation:bottomToTop 0.75s 0.8s;}

/*第三屏*/
.sectionThree{ height:980px; background:#F3F3F7; border-bottom:1px solid #E5E5E5;}
.sectionThree .sectionDes{ text-align:center; padding-top:70px;}
.sectionThreeElement{ position:relative; width:100%; margin-top:50px;}
.sectionThreeElement li{position:absolute; z-index:1; top:0; background:url(https://f.e7wei.com/section3_elementf5d7.png) no-repeat; overflow:hidden;}
.sectionThreeElement .s1{ width:915px; height:645px; left:10px; background-position:0 0;}
.sectionThreeElement .s1 img{ margin:35px 0 0 98px;}
.sectionThreeElement .s2{ width:550px; height:315px; top:400px; right:10px; background-position:-920px 0;}
.sectionThreeElement .s2 img{ margin:20px 0 0 90px;}
.sectionThree.animate .sectionDes h3{ -webkit-animation:bottomToTop 0.5s 0.75s; -moz-animation:bottomToTop 0.5s 0.75s; animation:bottomToTop 0.5s 0.75s;}
.sectionThree.animate .sectionDes p{ -webkit-animation:bottomToTop 0.5s 0.85s; -moz-animation:bottomToTop 0.5s 0.85s; animation:bottomToTop 0.5s 0.85s;}
.animate .sectionThreeElement .s1{ -webkit-animation:leftToRightHalf 0.6s; -moz-animation:leftToRightHalf 0.6s; animation:leftToRightHalf 0.6s;}
.animate .sectionThreeElement .s2{ -webkit-animation:rightToLeft 0.75s 0.4s; -moz-animation:rightToLeft 0.75s 0.4s; animation:rightToLeft 0.75s 0.4s;}

/*第四屏*/
.sectionFour{ height:820px; background:#FFF;}
.sectionFour .sectionDes{ float:right; margin:110px 30px 0 0; width:380px;}
.sectionFourElement{ position:relative; width:100%;}
.sectionFourElement li{ position:absolute; top:0; z-index:1; background:url(https://f.e7wei.com/section4_elementf5d7.png) no-repeat;}
.sectionFourElement .s1{ width:785px; height:705px; top:60px; left:-25px; background-position:0 0;}
.sectionFourElement .s2{ width:960px; height:460px; top:325px; right:-40px; z-index:2; background-position:-800px 0;}
.animate .sectionFourElement .s1{ -webkit-animation:topToBottom 0.6s; -moz-animation:topToBottom 0.6s; animation:topToBottom 0.6s;}
.animate .sectionFourElement .s2{ -webkit-animation:rightToLeftHalf 0.5s 0.6s; -moz-animation:rightToLeftHalf 0.5s 0.6s; animation:rightToLeftHalf 0.6s 0.6s;}
.sectionFour.animate .sectionDes h3{ -webkit-animation:bottomToTop 0.5s 1.05s; -moz-animation:bottomToTop 0.5s 1.05s; animation:bottomToTop 0.5s 1.05s;}
.sectionFour.animate .sectionDes p{ -webkit-animation:bottomToTop 0.5s 1.15s; -moz-animation:bottomToTop 0.5s 1.15s; animation:bottomToTop 0.5s 1.15s;}

/*第五屏*/
.sectionFive{ height:950px; background:url(https://s.e7wei.com/bg_section5.jpg) no-repeat center top #212636; margin-top:-190px;}
.sectionFive .sectionDes h3{ color:#FFF; padding:210px 0 60px 40px;}
.userComments dl{ float:left; width:320px; height:540px; background:#FFF; margin:0 40px; border-radius:5px; overflow:hidden; position:relative; z-index:1;}
.userComments dl.s2{ z-index:2;}
.userComments dt img{ display:block;}
.userComments .name{ font-size:24px; color:#333039; margin:20px 0 15px 0; text-align:center;}
.userComments .name span{ display:block; font-size:14px; color:#B0B0B0;}
.userComments .commentEntry{ margin:0 20px; background:url(https://f.e7wei.com/icon_quotef5d7.png) no-repeat; padding-top:20px; font-size:18px; text-indent:2em; line-height:1.8;}
.animate .userComments .s3{ -webkit-animation:leftToRight 0.6s 0.6s; -moz-animation:leftToRight 0.6s 0.6s; animation:leftToRight 0.6s 0.6s;}
.animate .userComments .s2{ -webkit-animation:bottomToTop 0.6s; -moz-animation:bottomToTop 0.6s; animation:bottomToTop 0.6s;}
.animate .userComments .s1{ -webkit-animation:rightToLeft 0.6s 0.6s; -moz-animation:rightToLeft 0.6s 0.6s; animation:rightToLeft 0.6s 0.6s;}
.userComments dl:hover{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);}


/*第六屏*/
.sectionSix{ background:#FFF;}
.sectionSix .sectionDes{ width:100%; padding:60px 0 180px 0; background:url(https://f.e7wei.com/section6_elementf5d7.png) no-repeat center bottom; text-align:center;}
.sectionSeven{ height:430px; background:#FFF;}
.sectionSeven .sectionDes{ width:100%; padding:70px 0 140px 0; background:url(https://f.e7wei.com/section7_elementf5d7.png) no-repeat center bottom; text-align:center;}
.sectionEight{ height:420px; background:url(https://s.e7wei.com/bg_section8.jpg) no-repeat center top #191C26;}
.sectionEight .sectionDes{ width:100%; padding:100px 0 0 0; text-align:center; color:#CCC; font-size:24px;}
.sectionEight .sectionDes h3{ background:url(https://s.e7wei.com/section8_elementf5d7.png) no-repeat center bottom; color:#FFF; font-size:48px; padding-bottom:60px; margin-bottom:25px;}

/*动画关键帧*/
@-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);}}


/*关于我们*/
.main{ min-width:1200px; max-width:1200px; margin:0 auto; padding-top:20px;}
.txtCenter{ text-align:center;}
.aboutNav{ position:fixed; top:80px; width:200px; margin-top:20px; background:#F9F9FB; padding:10px 0; box-shadow:0 0 1px rgba(0,0,0,0.05);}
.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{ border-left:5px solid #19a0fa; background:#FFF; color:#19a0fa;}
.aboutContent{ margin-left:240px; padding:0 0 20px 0; font-size:16px; color:#444; min-height:760px;}
.aboutContent .title{ font-size:18px; color:#19a0fa; font-weight:bold;}
.aboutContent h4{ font-weight:bold; padding:10px 0;}
.aboutContent p{ line-height:1.8; padding:10px 0; text-indent:2em;}
.aboutContent p.noindent{ text-indent:0;}
.aboutContent a{ border-bottom:1px dotted #AAA;}
.aboutContent a:hover{ color:#19a0fa;}
.aboutContent img{ display:block;}

/*使用帮助*/
.helpIndex{ min-width:1200px; background:url(https://f.e7wei.com/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:30px -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:#19a0fa; 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(https://s.e7wei.com/help_index_iconf5d7.png) 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 30px 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:#4A4A4A; 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:#BBB;}

.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 #19a0fa; color:#19a0fa; 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:#19a0fa; line-height:1; margin-bottom:10px;}
.helpMain .title{ font-size:18px; font-weight:bold; color:#19a0fa; 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:#19a0fa;}
.helpList dd{ font-size:14px; color:#999; line-height:20px; padding:5px 0;}
.helpList dd a{ color:#999;}

/*版本价格*/
.pricingMore{ text-align:center; margin:0 0 20px 0;}
.pricingMore a{ color:#19a0fa; border-bottom:1px dotted #19a0fa;}
.pricingMore a:hover{ color:#589621; border-color:#589621;}
.pricing{ background:#FFF; margin-bottom:20px;}
.pricing .tagNew{ display:inline-block; background:#F50749; border-radius:3px; padding:4px 5px; line-height:1; color:#FFF; font-size:12px; margin-left:8px;}
.pricingTable,.pricingTable th,.pricingTable td{ border-collapse:collapse; text-align:center;}
.pricingTable{ width:100%;}
.pricingTable .btnBuy{ display:inline-block; color:#FFF; margin-left:10px; background-color:#E95230; padding:5px 15px; border-radius:20px; cursor:pointer; clear:both;}
.pricingTable .btnBuy:hover{ background-color:#DF023F;}
.pricingTable th{ background:#494C57; font-size:18px; color:#FFF; text-align:center; padding:15px; -moz-background-clip:border-box; -webkit-background-clip:border-box; background-clip:border-box;}
.pricingTable td{ border:1px solid #E5E5E5; padding:15px 18px;}
.pricingTable .first{ background:#FFF; width:30%;}
.pricingTable .second{ background:#FFF; width:35%;}
.pricingTable .third{ background:#F5FCEF; width:35%;}
.pricingTable td:first-child strong{ color:#000; font-weight:normal;}
.pricingTable em{ color:#999; display:block; font-style:normal; font-size:14px;}
.pricingTable .important{ color:#e9512e; font-weight:normal;}
.featuresIcon{ display:inline-block; width:16px; height:16px; background:url(https://f.e7wei.com/icon_editionsf5d7.png) no-repeat; text-indent:-999em; overflow:hidden;}
.featuresIcon.yes{ background-position:0 0;}
.featuresIcon.no{ background-position:0 -16px;}
.pricingSpecial{}
.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:10px;}
.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;}

/*加入我们*/
.jobs{ margin-left:220px; padding:0 0 20px 0;}
.jobCover{ position:relative; z-index:1; margin:-20px -25px 10px -25px;}
.jobCover img{ display:block; width:100%;}
.jobsItem{ border:1px solid #DEDEDE; background:#FFF; margin-top:20px; padding:20px 25px; font-size:16px; color:#444;}
.jobsItem:first-child{ margin-top:0;}
.jobsTitle{ font-size:18px; color:#19a0fa; font-weight:bold;}
.jobsTitle span{ display:inline-block; margin-left:10px; font-weight:normal; font-size:16px;}
.jobsTitleSub{ font-weight:bold; font-size:16px; margin:20px 0 5px 0;}
.jobsDes{ line-height:1.6; color:#555;}
.jobsDes p{ padding:8px 0;}
.jobsDes dl{ padding-bottom:5px;}
.jobsDes dt{ float:left; width:18px; height:18px; border-radius:2px; color:#FFF; font-size:14px; font-weight:bold; line-height:18px; text-align:center; font-style:italic; background:#19a0fa; margin-top:4px;}
.jobsDes dd{ margin-left:25px;}

/*榜单*/
.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:#19a0fa;}
.rankHeader a.current{ color:#19a0fa; border-bottom:3px solid #19a0fa;}
.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:#19a0fa; background:#F6F6F6;}
.timerBtns{ line-height:1; padding:8px 6px;}
.rankTimer .icon{ display:inline-block; background:url(https://f.e7wei.com/sprites_rankf5d7.png) 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:#19a0fa;}
.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:#19a0fa;}
.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:#19a0fa;}
.rankNav a.current{ border-left:4px solid #19a0fa; background:#FFF; color:#19a0fa; padding-left:36px;}
.rankMain{ margin-left:220px; padding:15px 0;}
.rankMain a{ color:#333;}
.rankMain a:hover{ color:#19a0fa;}
.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(https://f.e7wei.com/sprites_rankf5d7.png) 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:#19a0fa; border-color:#19a0fa;}
.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:#19a0fa; border-color:#19a0fa;}
.popupFooter a.register:hover{ background-color:#DF023F; border-color:#DF023F;}
.popupFooter a.login{ background-color:#19a0fa; border-color:#19a0fa;}
.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:#19a0fa; color:#19a0fa; 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 a{}
.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}}

/*托管服务*/
.assistantTitle{ font-size:30px;}
.assistantIntro{ background:#EBEAEA; font-size:16px; border-bottom:1px solid #DDD;}
.assistantIntro .entry{ background:url(https://f.e7wei.com/assistant_bg_intro.jpg) no-repeat right top; height:430px;}
.assistantIntro h3{ padding:40px 0 30px 20px;}
.assistantIntro p{ padding:0 0 18px 20px; width:400px; line-height:1.6;}
.assistantFeatures{ background:url(https://f.e7wei.com/assistant_bg_featuresf5d7.png) no-repeat top center #F0F0F0}
.assistantFeatures h3{ text-align:center; padding:40px;}
.assistantFeatures dl{ float:left; width:235px; padding:0 20px 30px 20px;}
.assistantFeatures dt{ width:130px; height:130px; background:url(https://s.e7wei.com/assistant_iconf5d7.png) no-repeat center; margin:0 auto; border-radius:5px;}
.assistantFeatures dt.s1{ background-position:0 0; background-color:#7BC141;}
.assistantFeatures dt.s2{ background-position:-130px 0; background-color:#F6AE49;}
.assistantFeatures dt.s3{ background-position:-260px 0; background-color:#F37955;}
.assistantFeatures dt.s4{ background-position:-390px 0; background-color:#31BDAD;}
.assistantFeatures .featuresTitle{ font-size:24px; text-align:center; padding:20px 0 10px 0;}
.assistantFeatures dd{ font-size:16px; color:#666; line-height:1.6;}
.assistantSubmit{ background:#DEDEE0; overflow:hidden;}
.assistantSubmit h1{ text-align:center; padding:40px;}
.assistantForm{ padding:0 0 40px 20px; font-size:16px;}
.assistantFormGroup{ padding-bottom:18px;}
.assistantFormGroup p{ font-size:16px; color:#999; margin-top:5px;}
.assistantFormGroup .error{ color:#F30;}
.assistantForm label{ display:inline-block; width:150px; text-align:right; line-height:40px; vertical-align:top;}
.assistantFormInput{ display:inline-block;}
.assistantForm .inputText{ padding:10px; height:20px; border:1px solid #ACACAC; background:#FFF; width:400px; font-size:16px; color:#333;}
.assistantForm .inputText:focus{ border-color:#7BC141;}
.assistantForm .selector{ height:40px; font-size:16px; color:#333; border:1px solid #ACACAC; width:420px;}
.assistantFormFooter{ padding:6px 0 0 150px;}
.assistantFormFooter p{ color:#999; margin-top:15px;}
.assistantFormBtn{ display:block; width:420px; background:#7BC141; color:#FFF; padding:10px; font-size:20px; border-radius:5px; border:none; cursor:pointer;}
.assistantFormBtn:hover{ background:#6BAA37;}
.assistantSubmit .succesed{ background:#7BC141; color:#FFF; font-size:20px; padding:20px; text-align:center; margin-bottom:50px; border-radius:10px;}

/*app介绍页*/
.appIntro{ min-width:1200px; margin:0 auto; background:url(https://f.e7wei.com/bg_app_header.jpg) no-repeat center -80px;}
.appIntro .cover{ float:left; width:433px; height:700px; margin:45px 0 0 20px; background:url(https://f.e7wei.com/app_phone_uif5d7.png) 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:40px 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:#19a0fa; background:#19a0fa; -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(https://f.e7wei.com/app_iconsf5d7.png) 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_iosf5d7.png")}
.appIntro .btns a.btnAndroid:after{background-image:url("home/app_qr_androidf5d7.png")}
@-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 35px 0;}
.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(https://f.e7wei.com/app_iconsf5d7.png) 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 #19a0fa; border-radius:40px; width:200px; line-height:40px; color:#19a0fa; 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(https://f.e7wei.com/app_open_tipf5d7.png) 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);}

/*新媒体*/
.prHeader{ min-width:1200px; height:600px; background:url(https://s.e7wei.com/bg_section1.jpg) no-repeat center -80px #282C37;}
.prEntry{ width:1200px; margin:0 auto; color:#666;}
.prHeaderContent h1{ display:block; width:800px; margin:0 auto; padding:170px 0 0 40px;}
.prHeaderContent p{ display:block; margin:0 auto; width:800px; padding:25px 0 0 40px; font-size:28px; color:#FFF; text-shadow:1px 1px 5px rgba(0,0,0,0.35); line-height:1.8;}
.prBg{ width:100%; min-width:1200px; height:500px; background-position:center center; background-attachment:fixed; background-size:cover;}
.prBgSec{ background-image:url(https://s.e7wei.com/pr_bg2.jpg);}
.prBgThr{ background-image:url(https://s.e7wei.com/pr_bg3.jpg);}
.prBgFour{ background-image:url(https://s.e7wei.com/pr_bg4.jpg);}
.prService{ background:#F9F9F9; padding:35px 0; min-width:1100px;}
.prService dl{ float:left; width:220px; margin:40px 36px 0 36px; padding-bottom:25px;}
.prService .s1{ margin-left:0;}
.prService .s4{ margin-right:0;}
.prService .icon{ height:60px; width:120px; margin:0 auto; background:url(https://s.e7wei.com/pr_service_iconf5d7.png) no-repeat; margin-bottom:10px;}
.prService .s1 .icon{ background-position:0 0;}
.prService .s2 .icon{ background-position:0 -60px;}
.prService .s3 .icon{ background-position:0 -120px;}
.prService .s4 .icon{ background-position:0 -180px;}
.prService dt{ font-size:22px; color:#333; text-align:center;}
.prService dd{ font-size:14px; margin-top:20px;}
.prEntry .colTitle{ color:#666; font-size:32px; line-height:1.2;}
.prSteps{ background:#F9F9F9; padding:35px 0; min-width:1100px;}
.prSteps .guideline{ text-align:center; font-size:20px; margin:30px 0;}
.prStepsContent{ background:url(https://s.e7wei.com/pr_step_linef5d7.png) repeat-x left center; margin:10px 0 30px 0;}
.prStepsContent section{ float:left; margin:0 48px; width:200px; height:200px; background:#EEE; border:1px solid #DDD; border-radius:200px; box-shadow:1px 1px 0 rgba(255,255,255,1); position:relative;}
.prStepsContent .s1{ margin-left:0;}
.prStepsContent .s4{ margin-right:0;}
.prStepsEntry{ width:180px; height:180px; margin:10px; border-radius:180px; overflow:hidden; text-align:center; position:relative;}
.prStepsContent .fly{ display:block; position:absolute; z-index:1; width:53px; height:42px; background:url(https://s.e7wei.com/pr_step_flyf5d7.png) no-repeat; top:50%; margin-top:-21px; right:-78px;}
.prStepsContent .s1 .prStepsEntry{ background-color:#9CCA5F;}
.prStepsContent .s2 .prStepsEntry{ background-color:#F46A3C;}
.prStepsContent .s3 .prStepsEntry{ background-color:#EBBB11;}
.prStepsContent .s4 .prStepsEntry{ background-color:#81CBE5;}
.prStepsContent .icon{ display:inline-block; width:64px; height:64px; background:url(https://s.e7wei.com/pr_step_iconf5d7.png) no-repeat; margin-top:28px;}
.prStepsContent p{ color:#FFF; font-size:18px; margin-top:5px;}
.prStepsContent .s1 .icon{ background-position:0 0;}
.prStepsContent .s2 .icon{ background-position:-64px 0;}
.prStepsContent .s3 .icon{ background-position:-128px 0;}
.prStepsContent .s4 .icon{ background-position:-192px 0;}
.prStepsIntro{ position:absolute; left:0; bottom:-180px; width:180px; height:180px; background:rgba(255,255,255,0.9); transition:all 0.18s ease-out 0s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:50px 25px 0 25px; font-size:16px; text-align:left;}
.prStepsContent section:hover .prStepsIntro{ bottom:0; transition:all 0.18s ease-out 0s;}
.prCase{ background:#F9F9F9; padding:35px 0 0 0; position:relative; z-index:1; min-width:1100px;}
.prCase .btn{ display:block; position:absolute; z-index:1; width:46px; height:92px; top:50%; margin-top:-46px; background:url(https://s.e7wei.com/pr_case_btnf5d7.png) no-repeat; cursor:pointer;}
.prCase .btn:hover{ opacity:0.7;}
.prCase .btn.prev{ left:0; background-position:0 0;}
.prCase .btn.next{ right:0; background-position:-46px 0;}
.prCaseWrap{ width:1100px; overflow:hidden;}
.prCaseWrap ul{ width:4400px;}
.prCaseWrap li{ float:left; width:1100px; padding-top:50px; height:460px;}
.prCase .keyword{ float:left; margin-top:45px; width:90px; height:90px; border:5px solid #DAEABD; background:#92C631; text-align:center; border-radius:100px; font-size:22px; color:#FFF; position:relative; z-index:1;}
.prCase .keyword p{ display:block; height:90px; line-height:90px;}
.prCase .keyword p.line2Text{ line-height:1.2; padding-top:20px; height:70px;}
.prCase .keywordTime{ position:absolute; z-index:1; left:0; bottom:-28px; width:90px; text-align:center; color:#92C631; font-size:14px;}
.prCase .line{ width:60px; height:2px; overflow:hidden; background:#92C631; position:absolute; z-index:1;}
.prCase .dot{ width:8px; height:8px; background:#FFF; border:2px solid #92C631; border-radius:12px; position:absolute; z-index:1;}
.prCase .keyword .line{ right:-60px; top:50%; margin-top:-1px;}
.prCase .keyword .dot{ right:-66px; top:50%; margin-top:-6px;}
.prCase .phone{ float:left; margin:0 100px; width:291px; height:460px; background:url(https://s.e7wei.com/pr_case_phonef5d7.png) no-repeat; overflow:hidden;}
.prCase .phone img{ display:block; width:254px; margin:71px 0 0 18px;}
.prCase .review{ float:left; margin-top:60px; width:470px; padding:10px; min-height:300px; background:#FFF; border:2px solid #C5DF95; border-radius:8px; position:relative; z-index:1;}
.prCase .review .line{ left:-60px; top:50%; margin-top:-1px;}
.prCase .review .dot{ left:-66px; top:50%; margin-top:-6px;}
.prCase .review .image img{ display:block; width:100%;}
.prCase .review .txt{ padding:15px 5px 0 5px; line-height:1.8;}
.prPricing{ background:#F9F9F9; padding:35px 0; min-width:1100px;}
.prPricing .guideline{ text-align:center; font-size:20px; margin:30px 0;}
.prPricingWrap{ background:#FFF; border:1px solid #EEE; padding:40px; text-align:center;}
.prPricing dl{ display:inline-block; text-align:left; width:360px; margin:0 40px; vertical-align:top;}
.prPricing dt{ width:272px; background:url(https://s.e7wei.com/pr_pricing_iconf5d7.png) no-repeat; padding-bottom:55px; font-size:24px; text-align:center; margin:0 0 20px 25px;}
.prPricing .s1 dt{ background-position:0 bottom;}
.prPricing .s2 dt{ background-position:-272px bottom;}
.prPricing dd{ font-size:18px; padding-bottom:5px;}
.prPricing dd em{ color:#F90; padding:0 3px;}
.prPricing dd strong{ font-weight:normal; color:#74C528; font-size:24px; font-family:"Times New Roman", Times, serif;}
.prPricing dd .fa{ width:25px; font-size:16px; color:#74C528}
.prPricing .price{ padding-left:25px;}
.prPricing .btn{ background:#19a0fa; display:inline-block; margin-top:20px; padding:10px 20px; border-radius:6px; color:#FFF; font-size:20px;}

/*功能介绍*/
.featuresHeader{ background:url(https://s.e7wei.com/bg_section1.jpg) no-repeat center -80px #282C37; min-width:1200px; margin:0 auto; height:640px; text-align:center; color:#FFF;}
.featuresHeader .title{ font-size:48px; padding:140px 0 30px 0;}
.featuresHeader p{ font-size:24px;}
.featuresHeader .screen{ width:1200px; position:relative; z-index:1; margin:70px auto 0 auto;}
.featuresHeader .screen img{ display:block;}
.featuresHeader .screenMac{ z-index:2; width:841px; height:510px; margin: auto; background:url(http://v.e7wei.com/70725YV3S44Q773.png) no-repeat; padding:40px 0 0 118px;}
.featuresHeader .screenPhone{ position:absolute; z-index:1; top:84px; right:75px; width:215px; height:414px; padding:56px 0 0 15px; background:url(http://v.e7wei.com/70725YV3S44Q773.png) no-repeat -970px 0;}
.featuresArticles{ min-width:1200px; background:#FFF; padding-top:250px;}
.featuresTitle{ text-align:center; font-size:48px; color:#000; padding:40px 0 20px 0;}
.featuresTitle strong{ font-weight:normal;}
.featuresArticles section{ border-bottom:1px solid #E0E0E0; padding:35px 0; font-size:16px;}
.featuresArticles section:last-child{ border:none;}
.featuresArticles .screen{ float:left; width:632px; height:394px; background:url(https://s.e7wei.com/features_screen_bgf5d7.png) no-repeat; overflow:hidden;}
.featuresArticles .screen img{ display:block; margin:41px auto 0 auto; width:600px; height:338px; border-radius:0 0 5px 5px;}
.featuresArticles .screenIntro{ float:right; width:520px; font-size:18px; margin:10px 0 0 15px;}
.featuresArticles .screenIntro h4{ font-size:36px; color:#333; margin-bottom:20px;}
.featuresArticles .screenIntro ul{ margin-top:20px;}
.featuresArticles .screenIntro li{ padding-bottom:10px; position:relative; overflow:hidden; padding-left:20px;}
.featuresArticles .screenIntro li:before{ display:block; position:absolute; top:8px; left:0; content:" "; width:10px; height:10px; border-radius:10px; background:#999;}
.featuresArticles section.right .screen{ float:right;}
.featuresArticles section.right .screenIntro{ float:left;}
.featuresSync{ min-width:1200px; background:#F3F3F7;}
.featuresSync .syncScreen{ width:958px; height:551px; margin:20px auto; background:url(http://v.e7wei.com/70725YV3S44Q773.png) no-repeat; overflow:hidden;}
.featuresSync .syncScreen img{ display:block; margin:40px 0 0 118px; }
.featuresSync .syncIntro{ padding:40px 0 60px 0; position:relative;}
.featuresSync section{ float:left; width:270px; margin-right:40px;}
.featuresSync section.s4{ margin-right:0;}
.featuresSync .icon{ display:block; margin:0 auto 20px auto; width:118px; height:118px; vertical-align:middle; background:url(https://s.e7wei.com/features_sycn_iconf5d7.png) no-repeat;}
.featuresSync .s1 .icon{ background-position:0 0;}
.featuresSync .s2 .icon{ background-position:0 -118px;}
.featuresSync .s3 .icon{ background-position:0 -236px;}
.featuresSync .s4 .icon{ background-position:0 -354px;}
.featuresSync section h4{ margin-bottom:20px; font-size:28px; text-align:center; color:#333;}
.featuresMore{ min-width:1200px; background:#FFF;}
.featuresMore dl{ float:left; margin:30px 40px 60px 0; width:208px;}
.featuresMore dl.last{ margin-right:0;}
.featuresMore dt{ text-align:center; font-size:24px;}
.featuresMore dt i{ display:block; width:78px; height:64px; margin:0 auto 20px auto; background:url(https://s.e7wei.com/features_more_iconf5d7.png) no-repeat;}
.featuresMore dt i.s1{ background-position:0 0;}
.featuresMore dt i.s2{ background-position:0 -64px;}
.featuresMore dt i.s3{ background-position:0 -128px;}
.featuresMore dt i.s4{ background-position:0 -192px;}
.featuresMore dt i.s5{ background-position:0 -256px;}
.featuresMore dd{ font-size:16px; opacity:0.8; margin-top:15px;}
.featuresGo{ text-align:center; background:#F3F3F7;}
.featuresGo .btn{ display:inline-block; padding:0 60px; height:72px; background:#19a0fa; color:#FFF; margin:20px 0 80px 0; font-size:32px; line-height:72px; border-radius:64px;}
.featuresGo .btn:hover{ background:#19a0fa;}

/*公众号诊断*/
.diagnoseHeader{ background:url(https://s.e7wei.com/bg_section1.jpg) no-repeat center -80px #282C37; min-width:1200px; margin:0 auto; height:480px; color:#FFF;}
.diagnoseHeader .entry{ min-width:850px; max-width:850px;}
.diagnoseHeader .qrcode{ float:left; width:315px; height:315px; margin:85px 16px 0 0; position:relative; z-index:1; background:url(https://s.e7wei.com/diagnose_qr.png) no-repeat center center #FFF; border-radius:10px; -webkit-animation:flipInY 0.8s 0s; -moz-animation:flipInY 0.8s 0s; animation:flipInY 0.8s 0s;}
.diagnoseHeader .qrcode:before{ display:block; width:28px; height:28px; background:#FFF; position:absolute; right:-14px; bottom:74px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:" ";}
.diagnoseHeader .title{ font-size:60px; padding:110px 0 15px 0; margin-left:360px;}
.diagnoseHeader p{ font-size:28px; margin-left:360px;}
.diagnoseHeader .btn{ width:300px; margin:30px 0 0 360px; background:#19a0fa; border-radius:5px 0 0 5px; padding:6px 0 8px 0; font-size:24px; text-align:center; position:relative;}
.diagnoseHeader .btn:after{ width:80px; right:-84px; padding:4px 0 6px 0; border:2px solid #19a0fa; position:absolute; top:0; border-radius:0 5px 5px 0; content:"免费"}
.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(http://v.e7wei.com/70725YV3S44Q773.png) 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(http://v.e7wei.com/70725YV3S44Q773.png) 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(https://s.e7wei.com/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{ text-align:center; padding:70px 0; background:#FFF; min-width:1200px;}
.diagnoseGo img{ width:120px; 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:#19a0fa; border-radius:6px; position:relative; z-index:1;}
.diagnoseGo .btn:before{ display:block; width:20px; height:20px; background:#19a0fa; position:absolute; left:-10px; top:28px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); content:" ";}

/*xigua dada*/
.dadaIndex{ min-width:1200px; background:url(https://s.e7wei.com/bg_section1.jpg) no-repeat center -80px #282C37;}
.dadaGuideline{ width:1200px; padding:80px 0; margin:0 auto; font-size:20px; color:#FFF; text-align:center; line-height:1.8;}
.dadaGuideline dl{ margin: 0 auto; display:inline-block;}
.dadaGuideline dt{ float: left; margin-right: 37px; display:inline; position: relative;}
.dadaGuideline dt img{ background: #fff; padding: 20px; border-radius:10px;}
.dadaGuideline dt:after{ width:0; height:0; border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid #fff; content: ""; display: block; position:absolute; right: -16px; bottom: 58px;}
.dadaGuideline dd{ float: left; text-align: left;}
.dadaGuideline h1{ font-size:72px; padding-top: 20px;}
.dadaGuideline p{ font-size: 24px; margin-bottom: 60px; line-height: 1.2;}
.dadaGuideline .sweepCode{ background: #68af27; padding:0 20px; border-radius: 3px; vertical-align: middle;}
.dadaInterface{ padding:60px 0; color: #696969; font-size: 16px; line-height: 1.6;}
.dadaInterface ul{background:url(https://s.e7wei.com/dada-interface.png) no-repeat center center; height: 910px; position: relative;}
.dadaInterface ul li{ background: url(https://s.e7wei.com/interpretation_steps.png) no-repeat; min-height: 128px; position: absolute;}
.dadaInterface ul li h4{ color: #fff; font-size:24px; height: 42px; line-height: 42px; padding-left: 20px; margin-bottom: 20px;}
.dadaInterface ul li.steps1{ background-position:0 0; width: 426px; left: 0; top: 147px;-webkit-animation:leftToRight 0.5s 0; -moz-animation:leftToRight 0.5s 0s; animation:leftToRight 0.5s 0s;}
.dadaInterface ul li.steps2{ background-position:-426px 0; width: 441px; right: 0; top: 230px;-webkit-animation:rightToLeft 0.5s 0.1; -moz-animation:rightToLeft 0.5s 0.1s; animation:rightToLeft 0.5s 0.1s;}
.dadaInterface ul li.steps3{ background-position:-867px 0; width: 506px; left: 0; top: 387px;-webkit-animation:leftToRight 0.5s 0.2; -moz-animation:leftToRight 0.5s 0.2s; animation:leftToRight 0.5s 0.2s;}
.dadaInterface ul li.steps4{ background-position:-1373px 0; width: 700px; right: 0; top: 606px;-webkit-animation:rightToLeft 0.5s 0.3; -moz-animation:rightToLeft 0.5s 0.3s; animation:rightToLeft 0.5s 0.3s;}
.right-text{ text-align: right; padding-right: 20px; }
.right-text2{margin-top: 66px;}
.right-steps{ width: 230px; float: right;;}
.dadaBlock{ border-top:1px solid #DDD; padding:50px 0;}
.dadaBlock h2{ font-size:40px; font-weight:bold; color: #333; padding-bottom: 20px;}
.dadaBlock h3{ padding-bottom: 60px; text-align: center; font-size:36px; color: #333;}
.moreFeatures li{ float: left; width: 33.33%; color: #696969; font-size: 18px; line-height: 1.6; text-align: center;;}
.moreFeatures li i{ background: url(https://s.e7wei.com/features.png) no-repeat; width: 128px; height: 128px; margin: 0 auto 35px; display: block;}
.moreFeatures li i.features1{ background-position: 0 0;}
.moreFeatures li i.features2{ background-position: -128px 0;}
.moreFeatures li i.features3{ background-position: -256px 0;}
.moreFeatures li h5{ font-size:28px; padding-bottom: 10px;}
.faqMain li{ padding:40px 0; border-bottom: 1px dashed #DDD; font-size:16px; line-height: 1.6;}
.faqMain h5{ font-size:24px; color: #000; padding-bottom: 20px;}
.sweepCodeFooter{ text-align: center;}
.sweepCodeFooter dl{ margin: 0 auto 70px;  display: inline-block;}
.sweepCodeFooter dt{ float: left;}
.sweepCodeFooter dt img{ width: 110px; height: 110px; margin-right:46px;}
.sweepCodeFooter 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;}
.sweepCodeFooter 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}}

/*手机判断首页动画*/
@media only screen
and (max-device-width:760px)
and (-webkit-min-device-pixel-ratio:2){
.animatePlay{ animation-play-state:running !important; -moz-animation-play-state:running !important; -webkit-animation-play-state:running !important; animation-fill-mode:both !important; -moz-animation-fill-mode:both !important; -webkit-animation-fill-mode:both !important;}
}