@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0px; -moz-osx-font-smoothing: grayscale; }
.icon-kongxing:before { content: "\e624"; }
p, h3, h4{ margin:0;}
input{ margin:0;}
input, button, select, textarea, a, object { outline: none !important; font-size:14px;}
ul{ margin: 0; padding: 0; list-style: none;}
dl, dd{ margin:0;}
a{ text-decoration:none;}
html{ height: 100%;}
body {height: 100%;  background: #f4f6f9; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #89a; font-size:14px; margin:0; padding:0; overflow-x: hidden}
.text-left{ text-align: left !important;}
.text-right{ text-align: right !important;}
.text-center{ text-align: center !important;}
.text-padding-left{ padding-left:40px !important;}
.border-b-none{ border-bottom:none !important;}
.clearfix {display:block;}
.clearfix:after,.clearfix:before{ display:table;content:" "}
.clearfix:after{ clear:both;}
.pull-left{ float:left;}
.pull-right{ float:right;}

/*数据官网*/

.section { min-width:1200px; overflow:hidden;  }
.btn{ width:128px; height:42px; line-height:42px; margin:0 auto; background:#1dc48b; border-radius:4px; display:block; color:#fff; text-align:center;}
.mask{ min-width:1200px; width: 100%; height: 660px;background: url(../images/background-1.png) rgba(0, 0, 0, 0.8); position: absolute; top:0; left:0; right:0; z-index:-1;  }
canvas{
  display:block;
}
#particles-js{ min-width:1200px; width: 100%; height: 608px; background-color: #2e2d2d; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top:0; left:0; right:0; z-index:-2; }
.section-one{ height:720px; color:#fff; position: relative; top:0; right:0; left:0; z-index:1; }
.entry{ max-width:1200px; margin:0 auto; text-align:center;}
.entry h2{ color:#333; margin:0; font-size:36px; font-weight:normal;}
.header{ min-width:1200px; background:#2B2B2B; height:102px; position:absolute; top:0; left:0; right:0; z-index:2000;}
.header.headerScroll {
    position: fixed;
    top: 0;
    background: #2e2d2d;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    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;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.header.headerScroll .entry:after{ display:none;}
.header .btn-registered {
    background: #2e2d2d !important;
    border: 1px solid #1dc48b !important;
    margin-left: 15px;
    box-sizing: border-box;
}

.header .btn-registered:hover {
    background: #1dc48b !important;
}
.logol{
    /*background:url(../images/logo-data.png); */
    width:161px; height:32px; margin-top:30px; }
.function{
    padding-top:40px;
}
.function li{ display:inline-block; padding:0px 30px 0px 0; position: relative; padding-bottom:40px; cursor: pointer }
.function li a{ color:#fff; transition:all 0.18s ease-out 0s; position: relative}
.certification-new .header .function li a{
    color:#333333
}
.certification-new .header .function li:hover a{ color:#1dc48b;}
.function li:hover a{ color:#1dc48b;}
.function li:hover a:after{
    content:"";
    width: 100%;
    height: 2px;
    background: #1DC58B;
    position: absolute;
    left:0;
    top:60px;
}
.function li:hover ul li a:after{
    display: none;
}
.function li:hover ul li a{
    color:#595959;
}
.certification-new .header .function li:hover ul li a{
    color:#595959;
}
.function ul{
    box-shadow:-2px 2px 4px 2px rgba(0,0,0,0.1);
    width: 130px;
    position: absolute;
    left: -29px;
    top:62px;
    z-index: 999;
    background: #fff;
    margin-top:0;
    display: none;
}
.function ul li{
    margin:0;
    display: block;
    text-align: center;
    padding:7px 0;
    line-height: 22px;
}
.function ul li a{
    color:#595959;
    cursor: pointer;
}
.function ul li:hover a{
    color:#1DC58B !important;
}
.function ul li:hover a:after{
    display: none;
}
.section-one .intro{ text-align:center; padding-top:222px;}
.section-one .intro h1{ font-size:60px;  font-weight:normal; margin:0;}
.section-one .intro p{ font-size:24px; line-height:38px; margin:22px 0 35px 0; color:#c9c9c9;letter-spacing: 5px;}
.section-one .intro .btn, .section-six .btn{ background:#1dc48b; border-radius:100px; width:276px; height:54px; line-height:54px;  letter-spacing:8px; font-size:24px; transition:all 0.4s ease 0s; position:relative; z-index:1;}
.section-one .btn:hover, .section-six .btn:hover{ color:#fff; border-color:#18a575;}
.section-one .btn:before, .section-six .btn:before{ position:absolute; z-index:-1; bottom:0; left:50%; overflow:hidden; width:0%; height:100%; background:#18a575; 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;}
.section-one .btn:hover:before, .section-six .btn:hover:before{ width:100%; left:0; color:#000; background:#18a575; border-radius:100px;}
.section-two .entry, .section-three .entry, .section-four .entry, .section-five .entry{ border-bottom:1px solid #eee; padding:110px 0 100px;}
.section-two-element{ width:740px; height:490px; position:relative;}
.section-two-element .element1{ position:absolute; width:693px; height:386px; left:0; top:0; z-index:1; }
.section-two-element .element2{ position:absolute; width:387px; height:304px; left:384px; top:215px; z-index:2;}
.section-two .section-caption{ width:355px; color:#999;}
.section-two .section-caption p{ line-height:20px; padding:30px 0 50px 0;}
.section-two .section-caption dt{ color:#333; font-size:18px; display:inline-block;}
.section-two .section-caption dd{ margin:12px 0 47px 0;}
.section-two .section-caption dl:nth-of-type(1):before{ content:" "; display:inline-block; background:#1dc48b; width:8px; height:8px; border-radius:100%; margin-right:5px;}
.section-two .section-caption dl:nth-of-type(2):before{ content:" "; display:inline-block; background:#e47c7c; width:8px; height:8px; border-radius:100%; margin-right:5px;}
.section-two .section-caption dl:nth-of-type(3):before{ content:" "; display:inline-block; background:#6babe0; width:8px; height:8px; border-radius:100%; margin-right:5px;}
.section-three .intro{ padding:0 40px; text-align:center; color:#999;}
.section-three .intro p{ font-size:16px; padding:30px 0;}
.progress-line { width:1004px; margin:0 auto;}
.progress-line li{ float:left; width:308px; position:relative;}
.progress-line li:first-child{ width:76px;}
.progress-line li .progress{ width:196px; height:1px; background:#eee; position:absolute; top:36px; left:17px; z-index:90;}
.circle{ width:76px; height:76px; border-radius:50%; float:right;}
.progress-line li:nth-child(1) .circle{ background:rgba(106,170,224,0.15); }
.progress-line li:nth-child(2) .circle{ background:#e3f4ee;}
.progress-line li:nth-child(3) .circle{ background:rgba(227,124,124,0.15);}
.progress-line li:nth-child(4) .circle{ background:rgba(248,176,17,0.15);}
.progress-line li:nth-child(1) .circle i{  background:url(../images/process_icon.png); background-position:-3px 0; display:block; width:15px; height:32px; margin:20px auto; }
.progress-line li:nth-child(2) .circle i{  background:url(../images/process_icon.png); background-position:-21px 0; display:block; width:32px; height:30px; margin:25px auto; }
.progress-line li:nth-child(3) .circle i{  background:url(../images/process_icon.png); background-position:-53px 0; display:block; width:28px; height:32px; margin:24px auto; }
.progress-line li:nth-child(4) .circle i{  background:url(../images/process_icon.png); background-position:-81px 0; display:block; width:34px; height:34px; margin:20px auto; }
.progress-summary dl{ float:left; margin:42px 120px 0 0; width:188px; color:#999;} 
.progress-summary dl:last-child{ margin-right:0;}
.progress-summary dl dt{ font-size:18px; color:#333; margin-bottom:15px;}
.four-element-monitor{ font-size:16px; color:#585858; margin-top:55px;}
.four-element-monitor li{ margin-bottom:33px;}
.four-element-monitor li:before{ width:5px; height:5px; border-radius:50%; content:" "; display:inline-block; background:#000; margin-right:20px; vertical-align:middle;}
.four-element-monitor li:last-child{ margin-bottom:0;}
.section-five .entry{ text-align:center;} 
.rank-list-type dl{ float:left; width:49%; color:#999; margin-top:50px;}
.rank-list-type dl:first-child{ border-right:1px solid #d8d8d8;}
.rank-list-type dl:first-child dt:before{ display:inline-block; content:" "; background:url(../images/five_icon.png); background-position:-14px 0; width:14px; height:16px; margin-right:17px }
.rank-list-type dl:last-child dt:before{ display:inline-block; content:" "; background:url(../images/five_icon.png); background-position:0 0; width:16px; height:16px; margin-right:13px; }
.rank-list-type dt{ font-size:18px; color:#333; margin-bottom:10px;}
.section-five-element{ margin-top:65px;}
.section-six .entry{ padding:110px 0 108px; text-align:center; color:#999; width:1200px;}
.contact-info{ text-align:left;}
.contact-info .contact-item{ text-align:center;}
.exclusive-info{ font-size:20px; padding:15px 0 40px 0;}
.progress-summary dd{ text-align:left;}
.rank-list-type{ width:800px; margin:0 auto; }
.section-box dl{ float:left; width:250px; margin-right:66px;}
.section-box dl:last-child{ margin-right:0;}
.section-box dt{ color:#333; font-size:18px; padding-right:20px;}
.section-box dd{  margin:0 auto; text-align:left; padding-top:24px; }
.contact-info h3{ color:#333; font-size:24px; font-weight:normal; padding:90px 0 15px; text-align:center;}
.contact-item p{ color:#333; font-size:18px;}
.contact-item p:first-child{ padding:32px 0 12px;}
.section-six .contact-item .btn{ font-size:18px; margin-top:40px;}
.contact-item .icon-contact{ background:url(../images/contact.png); width:20px; height:22px; display:inline-block; vertical-align:middle; margin-right:10px;}
.section-box .icon{ background:url(../images/six_icon.png?data=2017); background-position:0 0; width:120px; height:120px; display:block; margin:0 auto;}
.section-box .icon1{ background-position:0 0;}
.section-box .icon2{ background-position:-120px 0;}
.section-box .icon3{ background-position:-240px 0;}
.section-box .icon4{ background-position:-360px 0;}
/*.data-footer { min-width:1200px; background:#f6f7f7; height:80px; line-height:80px; text-align:center; color:#999;}*/
.data-footer { min-width:1200px; background:#1c2730 !important; height:80px; line-height:80px; text-align:center; color:#fff; font-size:16px;}
.data-footer a{
    color:#fff;font-size:16px;
}
.data-footer a:hover{
    opacity: 0.8;
}

.section-four-element { position:relative;}
.section-four .nine-piece .active-appear img{ display:block;}
.section-four .nine-piece img{display:none; }
.nine-piece li{ width:75px; height:100%; }
.nine-piece li a{ display:block; height:100%; position:relative; z-index:1200;}
.section-four .nine-piece li:nth-of-type(1){ position:absolute; bottom:0px; left:65px;}
.section-four .nine-piece li:nth-of-type(2){ position:absolute; bottom:0px; left:140px;}
.section-four .nine-piece li:nth-of-type(3){ position:absolute; bottom:0px; left:215px;}
.section-four .nine-piece li:nth-of-type(4){ position:absolute; bottom:0px; left:290px;}
.section-four .nine-piece li:nth-of-type(5){ position:absolute; bottom:0px; left:365px;}
.section-four .nine-piece li:nth-of-type(6){ position:absolute; bottom:0px; left:440px;}
.section-four .nine-piece li:nth-of-type(7){ position:absolute; bottom:0px; left:515px;}
.section-four .nine-piece li:nth-of-type(8){ position:absolute; bottom:0px; left:590px;}
.section-four .nine-piece li:nth-of-type(9){ position:absolute; bottom:0px; left:665px}
.section-four .nine-piece li:nth-of-type(1) img { position:absolute; top:13px; left:68px;}
.section-four .nine-piece li:nth-of-type(2) img { position:absolute; top:13px; right:-10px;}
.section-four .nine-piece li:nth-of-type(3) img { position:absolute; top:12px; right:-8px;}
.section-four .nine-piece li:nth-of-type(4) img { position:absolute; top:13px; right:-10px;}
.section-four .nine-piece li:nth-of-type(5) img { position:absolute; top:13px; right:-5px;}
.section-four .nine-piece li:nth-of-type(6) img { position:absolute; top:13px; right:0px;}
.section-four .nine-piece li:nth-of-type(7) img { position:absolute; top:13px; right:0px;}
.section-four .nine-piece li:nth-of-type(8) img { position:absolute; top:-18px; right:0px;}
.section-four .nine-piece li:nth-of-type(9) img { position:absolute; top:-18px; right:0px;}
.section-four .nine-piece li:nth-of-type(1):hover img { display:block;}
.section-four .nine-piece li:nth-of-type(2):hover img { display:block;}
.section-four .nine-piece li:nth-of-type(3):hover img { display:block;}
.section-four .nine-piece li:nth-of-type(4):hover img { display:block;}
.section-four .nine-piece li:nth-of-type(5):hover img { display:block;}
.section-four .nine-piece li:nth-of-type(6):hover img { display:block;}
.section-four .nine-piece li:nth-of-type(7):hover img { display:block;}
.section-four .nine-piece li:nth-of-type(8):hover img { display:block;}
.section-four .nine-piece li:nth-of-type(9):hover img { display:block;}

.section-seven{ background:#283541;}/*#424242*/
.section-seven .entry{ padding:60px 0;}
.section-seven .entry a{ color:#d3d3d3;  font-size:18px;}
.footerCol{ float:left; min-width:120px; text-align:left; padding-right:100px;}
.footerCol:last-child{ padding-right:0;}
.footerCol dt{ color:#fff; padding-bottom:18px; font-size:24px;}
.footerCol dd{ padding:6px 0; }
.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 200px; line-height:1.8; font-size:20px; color:#d3d3d3;}


/*.section-four .nine-piece li:nth-of-type(1) a:hover img { display:block;  }
.section-four .nine-piece li:nth-of-type(2) a:hover { display:block; background:url(../images/2.png); width:192px; height:265px;  position:absolute; top:13px; right:0; z-index:1000}
.section-four .nine-piece li:nth-of-type(3) a:hover { display:block; background:url(../images/3.png); width:192px; height:265px; position:absolute; top:13px; right:0; z-index:1000 }
.section-four .nine-piece li:nth-of-type(4) a:hover { display:block; background:url(../images/4.png); width:192px; height:265px; position:absolute; top:12px; right:0; z-index:1000 }
.section-four .nine-piece li:nth-of-type(5) a:hover { display:block; background:url(../images/5.png); width:192px; height:265px; position:absolute; top:13px; right:0; z-index:1000}
.section-four .nine-piece li:nth-of-type(6) a:hover { display:block; background:url(../images/6.png); width:192px; height:265px;  position:absolute; top:13px; right:0; z-index:1000}
.section-four .nine-piece li:nth-of-type(7) a:hover { display:block; background:url(../images/7.png); width:192px; height:265px;  position:absolute; top:13px; right:0; z-index:1000}
.section-four .nine-piece li:nth-of-type(8) a:hover { display:block; background:url(../images/8.png); width:192px; height:295px;  position:absolute; top:-18px; right:0; z-index:1000}
.section-four .nine-piece li:nth-of-type(9) a:hover { display:block; background:url(../images/9.png); width:192px; height:295px; position:absolute; top:-18px; right:0; z-index:1000 }
*/

.btn-logon:hover, .enter:hover{ background:#18a575;}
.logon-after{  color:#fff; float:right; margin-top:32px;}
.top-member{
    display: inline-flex;
    margin: 0px 10px 0 0;
    float: left;
    align-items: center;
}
.top-member img{
    width:34px; height:34px; border-radius:50%; margin-right:10px;
}
.top-member .name{
    flex:1;
    color:#fff;
    text-align: left;
    overflow: hidden;
}
.top-member .name span{
    display: block;
}
.top-member .name em{
    display: block;
    padding-top:1px;
    color:#999;
    font-style: normal;
    font-size:12px;
}
.member-img{ background:#d8d8d8; width:24px; height:24px; border-radius:50%; float:left; margin:5px 10px 0 0;}
.member-img img{ width:24px; height:24px; border-radius:50%; }
.enter{ background:#1dc48b; border-radius:4px; width:68px; height:36px; color:#fff; line-height:36px; display:inline-block; text-align:center; margin-left:5px}
.withdraw{ background:#2e2d2d; border:1px solid #1dc48b; border-radius:4px; width:66px; height:34px; line-height:34px; color:#fff; display:inline-block; text-align:center; margin-left:5px}
.btn-logon{  background:#1dc48b; border-radius:4px; width:98px; height:36px; line-height:36px; color:#fff; text-align:center; float:right; margin-top:30px;}
.withdraw:hover{ background:#1dc48b;}

.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;}
.animate .section-two-element .element1{ -webkit-animation:bottomToTop 0.7s; -moz-animation:bottomToTop 0.7s; animation:bottomToTop 0.7s;}
.animate .section-two-element .element2{ -webkit-animation:bottomToTop 0.8s 0.3s; -moz-animation:bottomToTop 0.8s 0.3s; animation:bottomToTop 0.8s 0.3s;}
.animate .section-four-element .element{ -webkit-animation:bottomToTop 0.7s; -moz-animation:bottomToTop 0.7s; animation:bottomToTop 0.7s;}
.animate .section-four-element .element1{ -webkit-animation:bottomToTop 0.7s; -moz-animation:bottomToTop 0.7s; animation:bottomToTop 0.7s;}
.animate .section-five-element{ -webkit-animation:bottomToTop 0.7s; -moz-animation:bottomToTop 0.7s; animation:bottomToTop 0.7s;}
.animate .progress-line .element1{ -webkit-animation:zoomIn 0.8s 0.2s; -moz-animation:zoomIn 0.8s 0.2s; animation:zoomIn 0.8s 0.2s;}

/*动画关键帧*/

@-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}}

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

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

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

@-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%{opacity:0;transform:translateX(-100%);}100%{transform:translateX(0);opacity:1}}

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

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


@-webkit-keyframes spin{to{transform: rotate(1turn);}}
@-moz-keyframes  spin{to{transform: rotate(1turn);}}
@keyframes spin{to{transform: rotate(1turn);}}

@keyframes move {0% {right: 33px;top: -49px;opacity:0} 100% {right: 204px;top: 47px; opacity:1}}
@-moz-keyframes move{0% {right: 33px;top: -49px;opacity:0} 100% {right: 204px;top: 47px; opacity:1}}
@-webkit-keyframes  move{0% {right: 33px;top: -49px;opacity:0} 100% {right: 204px;top: 47px; opacity:1}}

@keyframes moves {0% {left: -522px;top: -41px;opacity:0} 100% {left: -361px;top: 50px;opacity:1}}
@-moz-keyframes moves{0% {left: -522px;top: -41px;opacity:0}100% {left: -361px;top: 50px;opacity:1}}
@-webkit-keyframes  moves{0% {left: -522px;top: -41px;opacity:0} 100% {left: -361px;top: 50px;opacity:1}}


/*扫码登陆*/
.shade{ position:fixed; z-index:2001; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); top:0; left:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pop-code{ background:url(../images/data_qrcode.png); width:320px; height:420px; z-index:1001; position:fixed; top:50%; left:50%; margin:-190px 0 0 -150px;}
.pop-code .code{ width:200px; height:200px; margin:60px auto;}
.pop-code .icon-close{ background: url(../images/colse.png) no-repeat 0 0; width:14px; height:14px; position:absolute; right:20px; top:20px; }
.pop-code .icon-close:hover{ opacity: 0.8;}
.code img{ width:200px; height:200px;}
.scan-code-tip{ background:url(../images/line.png) no-repeat; width:290px; margin:0 auto; position:relative; color:#999; text-align:center; padding:20px 0;}
.scan-code-tip h4{ font-size:18px; color:#333; padding-bottom:6px; font-weight:normal;}


/*扫码注册*/

.pop-code .c-title {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
}

.pop-code .c-code {
    width: 200px;
    height: 200px;
    margin: 0 auto 45px;
}

.pop-code .c-code img {
    width: 200px;
    height: 200px;
}

.pop-code .sweep-tip {
    margin-bottom: 8px;
    font-size: 16px;
}

.pop-code .sweep-tip::before {
    background: url(../images/icon-sweep.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    content: "";
}

.pop-code a {
    color: #43a3fc
}

.pop-code a:hover {
    color: #2877c0;
}

/*客服*/
.footerBtns{position:fixed;z-index:999;right:50px;bottom:100px;width:48px; transform: translateZ(0);}
.footerBtns .icon{ display:block; margin-top:5px; width:48px; height:48px; background:url(../images/btns_service.png) 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:48px;}
.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; text-align:center;}
.footerBtns .qrcode img{ display:block; width:100%; margin-bottom:5px;}
.footerBtns .contact{ font-size:14px; 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);}


/*定制化服务*/
.p-excusive{ width:900px; margin:0 auto;}
.p-excusive .error-tip{ text-align:left !important; margin: 10px 0 0 180px;}
.page-odd{ padding:80px 0;}
.page-even{ background:#f5f6fa; padding:80px 0;}
.page-odd h2, .page-even h2{ padding-bottom:20px;}
.page .icon{ background:url(../images/six_icon.png); background-position:0 0; width:120px; height:120px; display:block; margin:40px auto 0;}
.page .icon1{ background-position:0 0;}
.page .icon2{ background-position:-120px 0;}
.page .icon3{ background-position:-240px 0;}
.page .icon4{ background-position:-360px 0;}
.page .icon-contact{ background:url(../images/contact.png); width:20px; height:22px; display:inline-block; vertical-align:middle; margin-right:10px;}
.page .btn{ margin:40px auto 0; width:280px;}


.section{min-width: 1200px;overflow: hidden;}
.section-one{height: 608px;}
.section .intro{padding-top: 215px;}
.section-one .intro p{color: #FFFFFF;}

.section-one .intro .registered-box{ text-align: center; height: 45px;}
.section-one .intro .registered-input{ width: 306px; padding: 13px 10px; border-radius: 4px; display: inline-block; margin-right: 10px; border: 1px solid #eee;}
.section-one .intro .registered-input:focus{ border:1px solid #0cd467; }
.section-one .intro .btn-registration{ letter-spacing: 0; width: 144px !important; height:44px !important; line-height:44px !important;  border-radius: 4px !important; display: inline-block;background:#0cd467;border: none; vertical-align: top; color: #fff; font-size: 16px !important;}
.section-one .intro .btn-registration:hover:before{ border-radius:4px !important;}

.page{border-bottom: 1px solid #EEEEEE;}
.page:nth-child(2n) {background:#fff;}
.page .entry h2{padding-bottom: 100px;}
.custion-container .p-excusive{width: 1200px;}
.custion-header{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;height: 102px;}
.custion-header.headerScroll {
    position: fixed;
    top: 0;
    background: #2e2d2d;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    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);
}
.custion-header.headerScroll .entry:after{ display:none;}
.header-item{float: left;padding: 38px 0;}
.nav-box .nav-item{float: left;margin-left: 30px;color: #fff;}
.header-logo{position: relative;top: -10px;}
.header-nav{ margin-left:44%;}
.header-login{float: right;}
.header-login .header-login-btn{background: #0cd467;display: inline-block;color: #fff;width: 98px;height: 36px;line-height: 36px;text-align: center;position: relative;top: -10px;border-radius: 4px;}
.api-item .api-img{width: 120px;height: 120px;background: #000;border-radius: 50%;position: relative;left: 50%;margin-left: -60px;}
.api-item .api-name{font-size: 20px;line-height: 20px;color: #333333;margin-top: 30px;}
.api-content{padding-top: 100px;}
.api-item .api-content .content-item:last-child{border: none;}
.page-api-box .api-item{width: 33.3%;min-height:200px;box-sizing:bborder-box;float: left;}
.page-api-box .api-title{padding-right: 58px;box-sizing: border-box}
.api-item .api-content{padding-bottom: 10px;padding-right: 58px;box-sizing: border-box;}
.api-item .api-content .content-item{border-bottom: 1px solid #EEEEEE;padding: 20px 0;}
.api-item .api-content .ctn-icon{float: left;width: 32px;height: 32px;margin-top: 10px;}

.api-item .api-content .pub-img{background:url(../images/custom//pub-list.png)  no-repeat;}
.api-item .api-content .pub-1{background-size: 29px;width: 29px;height: 32px;background-position:0 5px;}
.api-item .api-content .pub-2{background-size: 32px;width: 32px;height: 26px;background-position:0 -61px;}
.api-item .api-content .pub-3{width: 32px;height: 32px;background-size: 32px;background-position: 0 -29px;}

.api-item .api-content .read-img{background:url(../images/custom//read-list.png)  no-repeat;}
.api-item .api-content .read-1{background-size: 32px;width: 29px;height: 32px;background-position:0 3px;}
.api-item .api-content .read-2{background-size: 32px;width: 32px;height: 32px;background-position:0 -61px;}
.api-item .api-content .read-3{width: 32px;height: 32px;background-size: 32px;background-position: 0 -29px;}

.api-item .api-content .test-img{background:url(../images/custom//test-list.png)  no-repeat;}
.api-item .api-content .test-1{background-size: 32px;width: 32px;height: 32px;background-position:0 4px;}
.api-item .api-content  .test-2{background-size: 32px;width: 32px;height: 32px;background-position:0 -28px;}

.api-item .api-content .ctn-info{float: left;text-align: left;padding-left: 20px;}
.api-item .api-content .ctn-info .content-title{font-size: 16px;color: #333333;font-weight: 500;font-family:MicrosoftYaHei;padding-bottom: 10px;}
.api-item .api-content .ctn-info .content-introduction{font-size: 14px;color: #999999;}
.api-item .api-content.we-advantage{text-align: left;padding-top: 30px;}
.api-item .api-publish{background:rgba(105,187,255,0.15);}
.api-item .api-publish-img{width: 56px;margin-top: 18%;}
.api-item .api-reading{background:rgba(12,212,103,0.15);}
.api-item .api-reading-img{width: 72px;margin-top: 35%;}
.api-item .api-testing{background:rgba(255,124,99,0.15);}
.api-item .api-testing-img{width: 48px;margin-top: 29%;}
.api-item .advantage-all{background:rgba(12,212,209,0.15);}
.api-item .advantage-fast{background:rgba(255,197,12,0.15);}
.api-item .advantage-custion{background:rgba(183,89,255,0.15);}
.api-item .advantage-all-img,.api-item .advantage-fast-img,.api-item .advantage-custion-img{width: 64px;margin-top: 22%;}
.api-item .advantage-fast-img{width: auto;height: 64px;}
.scene{float: left;width: 25%;padding-right: 30px;box-sizing: border-box;}
.scene .api-title{padding-right: 0;}
.scene .api-img{height: 200px;position: relative;}
.scene .api-img img{width: 270px;height: 200px;position: relative;}
.scene .label-name{position: absolute;color: #fff;width: 100px;height: 36px;line-height: 36px;top: 20px;z-index: 22;left: -10px;}
.scene .api-name{font-size: 28px;color: #333;margin: 50px 0 30px 0;}
.scene .label-triganle{width: 0;height: 0;display: inline-block;position: absolute;left: 0;top: -7px;border-bottom: 8px solid #35a3ff;border-left: 10px solid transparent;}
.scene .label-1{background:#35a3ff;}
.scene .label-2{background:#ff6335;}
.scene .label-3{background:#0cd467;}
.scene .label-4{background:#ffc50c;}
.scene .label-1-tri{border-bottom: 7px solid #0d68b5;}
.scene .label-2-tri{border-bottom: 7px solid #982f10;;}
.scene .label-3-tri{border-bottom: 7px solid #007033;}
.scene .label-4-tri{border-bottom: 7px solid #9a6000;}
.scene .api-content{padding-top: 0;text-align: left;}
.custion-item{width: 33.3%;float: left;box-sizing: border-box;padding-right: 64px;padding-left: 35px;margin-bottom: 98px;margin-top: 7px;border-right: 1px solid #EEEEEE;}
.custion-item.no-right-border{border-right: none;}
.custion-item .api-title{padding-right: 0px;}
.custion-item .api-title .api-img{height: 87px;}
.custion-item .api-content{padding-top: 16px;text-align: left;}
.custion-item .company-pto{width: 248px;height: 84px;}
.custion-item .company-pto.yfb{height: 44px;width: 150px;margin-top: 7%;}
.custion-item .company-pto.cdsc{height: 40px;width: 178px;margin-top: 7%;}
.custion-item .company-pto.cwq{width: 175px;height: 55px; margin-top: 6%;}
.custion-item .company-pto.kdss{width: 152px;height: 40px;margin-top: 7%;}
.custion-item .company-pto.yw{height: 40px;width: 120px;margin-top: 7%;}
.c-page-bottom {height: 504px;position: relative;}
.c-page-bottom .mask-btm{position: absolute;width: 100%;height: 100%;background: rgb(46, 45, 45);}
#particles-js-btm{position: absolute;left:0;bottom:0;width: 100%;height: 100%;}
.c-page-bottom .intro{padding-top: 100px;}
.c-page-bottom .intro p{line-height: 1;margin: 30px 0 60px 0;}
.c-page-bottom .section-one{height: 504px;}
#particles-js-1{position: absolute;bottom: 0;background: #2e2d2d;min-width: 1200px;width: 100%;height: 608px;background-color: rgb(46, 45, 45);background-image: url(data-home.css);background-size: cover;position: absolute;top: 0px;left: 0px;right: 0px;z-index: -2;background-position: 50% 50%;background-repeat: no-repeat;}
.custom-footer{text-align: center;position: absolute;bottom: 0;background: #2e2d2d;width: 100%;color: #999999;height: 80px;line-height: 80px;z-index: 2;opacity: 0.7;}
#applyMaskBox{position: fixed;width: 100%;height: 100%;bottom: 0;background: rgba(0,0,0,.8);z-index: 9999;display: none;}
#applyMaskBox .form-box{width: 800px;height: 608px;background: #fff;margin: 0 auto;margin-top: 6%;border-radius: 10px;overflow: hidden;}
#applyMaskBox .form-title{height: 92px;line-height: 92px;text-align: center;background: #fafafa;border-bottom: 1px solid #eee;font-size: 24px;color: #333;position: relative;}
#applyMaskBox .form-title #applyClose{position: absolute;width: 16px;height: 16px;right: 40px;top: 40px;}
#applyMaskBox .form-content{padding:30px 104px 50px 104px;box-sizing: border-box;}
#applyMaskBox .ctn-remark{font-size: 16px;color: #585858;line-height: 3;}
#applyMaskBox .ctn-mob{background: #0cd467;display: inline-block;padding: 10px 20px;color: #fff;line-height: 1;border-radius: 4px;margin-left: 10px;font-weight: 600;}
#applyMaskBox .form-obj{padding-top: 60px;}
#applyMaskBox .form-obj label{color: #ff0000;font-size: 18px;position: relative;top: 4px;}
#applyMaskBox .form-obj input{border: none;width: 96%;border-bottom: 1px solid #eee;height: 21px;padding: 10px 0;font-size: 16px;margin-left: 6px;}
#applyMaskBox .form-obj .userQQ{margin-left: 10px;}
#applyMaskBox .form-obj .form-item{margin-bottom: 10px;}
#applyMaskBox #submitBtn{width: 128px;height: 42px;background: #0cd467;border-radius: 4px;color: #fff;margin-top: 20px;line-height: 42px;position: relative;left: 50%;margin-left: -64px;padding: 0;}
#applyMaskBox #formRemark{margin-top: 20px;text-align: center;font-size: 14px;color: #ff0000;}
#applyMaskBox .form-success{text-align: center;display: none;}
#applyMaskBox .form-success .form-success-icon{width: 114px;height: 114px;border-radius: 50%;background:url(../images/custom//apply-success.png);background-size:114px;position: relative;left: 50%;margin-left: -57px;}
#applyMaskBox .form-success .form-success-title{font-size: 24px;color: #333333;margin-bottom: 20px;margin-top: 30px}
#applyMaskBox #formFinish{    background: #0cd467;display: inline-block;width: 142px;height: 42px;line-height: 42px;color: #fff;font-size: 16px;border-radius: 4px;margin-top: 80px;}




/*关于我们*/
#container{ width:100%; margin-top:102px;}
.main{ max-width:1200px; min-width:1200px; margin:0 auto; padding-top:40px;}
.main a{ color:#7a8a9a;}

.txtCenter{ text-align:center;}
.aboutNav{
    position:absolute;
    width:200px;
    background:#F9F9FB;
    box-shadow:0 0 1px rgba(0,0,0,0.05);
    z-index:1000;
}
.aboutNav a{ display:block; font-size:16px; height:45px; line-height:45px; padding:2px 20px 2px 30px;border-left:5px solid #F9F9F9;}
.aboutNav a:hover{color:#1dc48b;}
.aboutNav a.current{ border-left:5px solid #1dc48b; background:#FFF; color:#1dc48b;}
.aboutContent{ margin-left:240px; padding:0 0 20px 0; font-size:16px; color:#7a8a9a; min-height:570px;}
.aboutContent .title{ font-size:18px; color:#1dc48b; font-weight:bold;}
.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;}
.aboutContent strong{ color:#345;}
.aboutContent a{ border-bottom:1px dotted #AAA;}
.aboutContent a:hover{ color:#1dc48b;}
.aboutContent img{ display:block;}

/*加入我们*/
.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{ background:#FFF; margin-top:20px; padding:20px 25px; font-size:16px; color:#444;}
.jobsItem:first-child{ margin-top:0;}
.jobsTitle{ font-size:18px; color:#1dc48b; 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:#67AF27; margin-top:4px;}
.jobsDes dd{ margin-left:25px;}

/*版本区别*/
.tip-excusive{ font-size:18px; text-align:center; padding:10px 0 60px; }
.p-membership{ padding-top:180px; margin:0 auto 30px; width:968px; text-align:center;}
.m-package{ width:280px; text-align:center; float:left; }
.senior-package{ width:280px; margin:0 64px; }
.senior-package h3{ font-size:20px !important; line-height:40px !important;}
.m-package h3{ font-size:16px; color:#333; height:45px; line-height:45px; font-weight:normal;}
.m-package .iocn-diamond{ background:url(../images/diamond.png) no-repeat center top; width:92px; height:78px; margin:0 auto 40px;}
.m-package .iocn-diamond.basic-edition{ background-position:0 0;}
.m-package .iocn-diamond.senior-edition{ background-position:0 -78px;}
.m-package .iocn-diamond.custom-edition{ background-position:0 -156px;}

.m-package p{font-size:14px; color:#585858; height:50px;}
.senior-package p{ font-size:14px;}
.package-item{border:1px solid #eee; border-width:1px 0; padding:20px 0 20px 30px; text-align:left; min-height:442px;}
.package-item li{ background:url(../images/iocn-right.png) no-repeat left center; padding:8px 0 8px 20px; font-size:16px;}
.package-item li.inoperative{ background:url(../images/iocn-error.png) no-repeat left center;  padding:8px 0 8px 20px; font-size:16px;}
.package-item li span{ color:#1dc48b;}
.package-item li em{ background:#f00; color:#fff; font-size:8px; -webkit-text-size-adjust:none; font-style:normal; border-radius:3px; margin:-2px 0 0 3px; padding:0 2px; vertical-align:middle; display:inline-block;}/**/
.buy-now{ padding-top:60px;}
.buy-now a{ background:#1dc58b; border-radius:4px; width:220px; height:42px; line-height:42px; text-align:center; font-size:16px; margin:0 auto; color:#fff; display:block; }
.buy-now a:hover{ background:#1ab580;}
.buy-now-disabled a{background:#8ee2c5 !important; border-radius:4px; cursor:auto; width:220px; height:42px; cursor:default !important;}
.buy-now-disabled a:hover{background:#8ee2c5 !important;}
.pay-tip-text{ text-align:center; font-size:14px !important; padding:20px 0 0 0 !important;}

.m-package-senior{ width:260px;}
.m-package-senior .package-item{ padding:15px 40px;}
.m-package-senior .m-package{width:260px; height:422px; margin:-40px 0 0 -10px;}
.m-package-senior .package-item li span{ color:#1dc48b;}
.m-package-senior .buy-now a{ height:60px; line-height:60px; width:320px;}
.m-package-senior .buy-now a:hover{ background:#1dc48b;}
.m-package-senior h3{ background:url(../images/diamond.png) no-repeat center top; padding-top:100px;}
.custom-more{ color:#999; font-size:18px; text-align:center; padding:30px 0 50px;}

.senior-package .tip { text-align:center; color: #df3a41; height:40px; margin:-40px -50px 0 -50px;}
.purchase-note{ padding:30px 0 20px 0; line-height:1.8;}

.purchase-box{ padding-bottom:40px;}
.purchase-box a{ color: #999;}
.purchase-box .purchase-item{float:left; color:#585858; width:75px; margin-right: 20px;}
.purchase-box .purchase-time li{ background:#f8f9fb; border:1px solid #e5e9ed; box-sizing:border-box; border-radius:3px; padding:10px 0; height:82px; display:inline-block; margin:0 2px; width:194px; text-align:center; position:relative;}
.purchase-box .purchase-time li span{ color:#333; font-size:20px;}
.purchase-box .purchase-time li a{ display:block; width:194px;}
.purchase-box .purchase-time li:hover,.purchase-time li.active{ border:1px solid #1dc48b;}
.purchase-box .purchase-time li.active:after{ background:url(../images/icon-superscript.png) no-repeat; width:32px; height:32px; display:block; content:"";  position:absolute; right:-1px; bottom:-1px;}
.purchase-box .select-month{ margin-top:80px;}
.purchase-box .select-month li{ border-radius:0 0 1px 1px;}
.purchase-box .select-month li:hover .special-off{ background:#1dc48b;}
.purchase-box .select-month li.active .special-off{ background:#1dc48b;}
.purchase-box .purchase-time .special-off{ display:none;}
.purchase-box .select-month .special-off{ display:block; position:absolute; left:-1px; right:-1px; top:-70px; min-height:40px; border-radius:3px 3px 0 0; color:#FFF; text-align:left; line-height:1.4; background:#7a8a9a; padding:8px 10px; font-size:13px; text-align:center;}
.purchase-box .select-month .special-off strong{ color:#FF9;}
.purchase-box .select-month .special-off span{ color: #ffff99;font-size:13px;}
.purchase-box .text-yellow{ color:#ffff99}

/*功能介绍*/
.page1{ margin-top:102px; background:#fff !important;}
.page{ min-width:1200px; overflow:hidden;}
.page .entry h2{  font-size:34px;}
.page{ padding:100px 0;}
.page1 .entry{ border-bottom:1px solid #ddd;}
.page1{ padding:85px 0 0;}
.page1 .intro{ max-width:1080px; text-align:center;}
.page1 .entry h2{ font-size:46px; font-weight:bold;}
.page1 p{ font-size:24px; color:#585858; padding:25px 0 140px; line-height:40px;}
.page-one-element{ width:943px; height:605px; position:relative; margin:0 auto;}
.page-one-element .element1{ width:943px; height:460px; position:absolute; z-index:1}
.page-one-element .element2{ width:779px; height:605px; position:absolute; top:-76px; left:75px; z-index:2;}
.animate .page-one-element .element1{ -webkit-animation:bottomToTop 0.7s; -moz-animation:bottomToTop 0.7s; animation:bottomToTop 0.7s;}
.animate .page-one-element .element2{ -webkit-animation:bottomToTop 0.8s 0.3s; -moz-animation:bottomToTop 0.8s 0.3s; animation:bottomToTop 0.8s 0.3s;}

.animate .page2 .progress-line .element1{ -webkit-animation:zoomIn 1.5s 0.2s; -moz-animation:zoomIn 1.5s 0.2s; animation:zoomIn 1.5s 0.2s;}
.page2 .circle{ width:120px; height:120px;}
.page2 .progress-line li .progress{width: 200px;height:1px;background: #ddd;position:absolute;top: 60px;left: 35px;z-index:90;}
.page2 .progress-line{ width:928px; margin:70px auto 10px;}
.page2 .progress-line li{ width:400px;}
.page2 .progress-line li:first-child{ width:126px;}
.page2 .progress-line li:nth-child(1) .circle{ background:#d3caf1; }
.page2 .progress-line li:nth-child(2) .circle{ background:#9cecfc;}
.page2 .progress-line li:nth-child(3) .circle{ background:#fbd7a3;}
.page2 .progress-line li:nth-child(1) .circle i{  background:url(../images/function_icon.png); background-position:0 0; display:block; width:79px; height:62px; margin:30px auto; }
.page2 .progress-line li:nth-child(2) .circle i{  background:url(../images/function_icon.png); background-position:-80px 0; display:block; width:58px; height:67px; margin:25px auto; }
.page2 .progress-line li:nth-child(3) .circle i{  background:url(../images/function_icon.png); background-position:-140px 0; display:block; width:64px; height:64px; margin:24px auto; }
.page2 .progress-summary{ width:1048px; margin:0 auto;}
.page2 .progress-summary dl{ width:255px; margin:28px 141px 0 0;}
.page2 .progress-summary dl:last-child{ margin-right:0;}
.page2 .progress-summary dd{ text-align:center; font-size:18px; color:#999; line-height:30px; }
.page2 .progress-summary dl dt{ font-size:24px;}
.page3 .intro{ width:740px; margin:0 auto;}
.page3 .intro ul{ width:450px; margin:0 auto; }
.page3 ul li{ float:left; padding:55px 23px 25px; }
.page3 ul li a, .page4 ul li a{ font-size:24px; color:#999;}
.page3 ul li.active a, .page3 ul li a:hover{ color:#1dc48b;}
.some-picture{ width:1055px; height:634px; margin:0 auto; overflow:hidden;}
.page3 .some-picture li, .page4 .some-picture li{ padding-top:0;}
.page4 .intro{ width:785px; margin:0 auto;}
.page4 ul li{ float:left; padding:50px 20px 25px;}
.page4 .intro li a:hover, .page4 .intro li.active a{ color:#1dc48b;}

.page4 .intro li i{ background:url(../images/tabnav-icon.png) no-repeat; width:16px; height:16px; display:inline-block; margin-right:6px; vertical-align:middle;} 
.page4 .intro li i.icon-ri{ background-position:0 -96px;}
.page4 .intro li a:hover  i.icon-ri, .page4 .intro li.active a i.icon-ri{ background-position:0 -112px;}
.page4 .intro li i.icon-ra{ background-position:0 -128px;}
.page4 .intro li a:hover  i.icon-ra, .page4 .intro li.active a i.icon-ra{ background-position:0 -144px;}
.page4 .intro li i.icon-growth{ background-position:0 -208px;}
.page4 .intro li a:hover  i.icon-growth, .page4 .intro li.active a i.icon-growth{ background-position:0 -224px;}
.page4 .intro li i.icon-defined{ background-position:0 -240px;}
.page4 .intro li a:hover  i.icon-defined, .page4 .intro li.active a i.icon-defined{ background-position:0 -256px;}
.page-four-element{ background:#fff; width:800px;}



.page5 .four-element-monitor li{ text-align:left; margin-bottom:40px; font-size:18px; color:#585858;}
.page5 .entry h2{ text-align:left;}
.page5-nav{ padding:20px; background:#fafafa; border-bottom:1px solid #f1f1f1;}
.page5-nav li{ float:left; padding-right:38px;}
.page5-nav li:last-child{ padding-right:0;}
.page5-nav h3{ font-weight:normal;}
.page5-nav a{ color:#999; }
.page5-nav a:hover{ border-bottom:2px solid #1dc48b; padding-bottom:20px;}
.page5-nav li.active a{ border-bottom:2px solid #1dc48b; color:#1dc48b; padding-bottom:20px; }
.page5 .chart-describe img{ width:760px; height:375px;}
.page5 .chart-describe{ padding:20px;}

.item-md a{ font-size:16px; color:#585858; text-decoration:underline;}
.item-md a:hover{ color:#3489db; }
.item-md{ margin-bottom:20px;}
.monitor-time{ margin-left:20px;}
.reading-total span{ color:#585858; margin-left:20px;}
.modal-statistic p{ text-align:center;}
.item-md .trend-tab li{ width:70px; float:left; margin-left:20px; text-align:right; position:relative; font-size:12px;}
.item-md .trend-tab li:before{background:#1dc48b;width:40px;height:1px;content:"";position:absolute;left:0;top:10px;display:inline-block;}
.item-md .trend-tab li i{background:#1dc48b; width:8px; height:8px; border-radius:100%; position:absolute;  left:16px; top:6px;}
.item-md .trend-tab li:last-child:before{background:#24b1ef;width:40px;height:1px;content:"";position:absolute;left:0;top:10px;display:inline-block;}
.item-md .trend-tab li:last-child i{background:#24b1ef; width:8px; height:8px; border-radius:100%; position:absolute;  left:16px; top:6px;}




.page6 .page6-describe li a:hover, .page6 .page6-describe li.active a{ color:#1dc48b;}
.page6 .page6-describe li i{ background:url(../images/tabnav-icon.png) no-repeat; width:16px; height:16px; display:inline-block; margin-right:6px; vertical-align:middle;}
.page6 .page6-describe li i.icon-basic{ background-position:0 -346px;}
.page6 .page6-describe li a:hover  i.icon-basic, .page6 .page6-describe li.active a i.icon-basic{ background-position:0 -365px;}
.page6 .page6-describe li i.icon-essay{ background-position:0 -383px;}
.page6 .page6-describe li a:hover  i.icon-essay, .page6 .page6-describe li.active a i.icon-essay{ background-position:0 -401px;}
.page6 .page6-describe li i.icon-read{ background-position:0 -417px; height:18px;}
.page6 .page6-describe li a:hover  i.icon-read, .page6 .page6-describe li.active a i.icon-read{ background-position:0 -439px;}

.page6 .page6-describe ul{ width:200px; text-align:left;}
.page6 .page6-describe ul li a{ font-size:24px; color:#999; padding-bottom:50px; display:block;}
.page6 .page6-describe ul li a:hover{ color:#1dc48b;}
.page6 .page6-describe .chart-content{ width:947px; height:518px; overflow:hidden; }
.page6 p{ color:#585858; font-size:18px; padding:30px 0 65px;}
.page6 .title{ padding-top:100px;}
.page7 p{ color:#585858; font-size:18px; padding:30px 0 65px;}
/*.more-describe{ width:1100px; margin:0 auto;}*/
.more-describe dl{ float:left; width:300px; margin:70px 27px 40px; padding-right:45px; background:url(../images/page8_line.png) no-repeat center right;}
.more-describe dl:last-child{ background:none;}
.more-describe dt i{ background:url(../images/page_eight_icon.png?ver=123) no-repeat; display:inline-block; margin-right:6px; vertical-align:middle;}
.more-describe dt i.icon-compete{ width:66px; height:58px; background-position:-120px 0;}
.more-describe dt i.icon-esearch{ width:58px; height:58px; background-position:0 0;}
.more-describe dt i.icon-online-server{ width:60px; height:56px; background-position:-59px 0;}


.page8 .btn{ height:70px; line-height:70px; width:385px; font-size:36px; border-radius:40px;}
.page8 .title{ font-size:18px; color:#333; padding:20px 0 10px;}
.page8 dd{ color:#999; line-height:24px;}
.page:nth-child(2n){ background:#f4f6f9;}
.page:nth-child(2n+1){ background:#fff;}

.v6 .section-change:nth-child(2n){ background:#FAFAFA !important; }
.v6 .section-change{
    background:#fff !important;;
}
/*首页改版*/
.section-change:nth-child(2n){ background:#fff; }
.section-change { min-width:1200px; overflow:hidden; padding:100px 0;}
.section-change p{ font-size:14px; color:#999; padding:40px 0 50px;}

.section2 .entry{ max-width:1044px;}
.section2 .section2-describe li a:hover, .section2 .section2-describe li a.hover, .section3 .section3-describe li a:hover, .section3 .section3-describe  li a.hover,.section5 .section5-describe li a:hover, .section5 .section5-describe  li a.hover{ color:#00c58e;}
.section2 .section2-describe li i{ background:url(../images/icon_change.png) no-repeat; width:20px; height:20px; display:inline-block; margin-right:6px; vertical-align:middle;}

.section2 .section2-describe li i.icon-basic{ background-position:0 0;}
.section2 .section2-describe li a:hover  i.icon-basic, .section2 .section2-describe a.hover i.icon-basic{ background-position:-20px 0;}
.section2 .section2-describe li i.icon-essay{ background-position:-40px -1px; width:18px; height:17px;}
.section2 .section2-describe li a:hover  i.icon-essay, .section2 .section2-describe a.hover  i.icon-essay{ background-position:-60px -1px;}
.section2 .section2-describe li i.icon-read{ background-position:-80px -1px; width:19px; height:18px; }
.section2 .section2-describe li a:hover  i.icon-read, .section2 .section2-describe a.hover  i.icon-read{ background-position:-100px -1px;}
.section2 .section2-describe .title{ width:125px; text-align:left;}
.section2 .section2-describe ul li a, .section3 .section3-describe ul li a,.section5 .section5-describe ul li a{ font-size:18px; color:#333; padding-bottom:50px; display:block;}
.section2 .section2-describe ul li a:hover{ color:#1dc48b;}
.section2 .section2-describe .chart-content{ width:823px; height:468px; overflow:hidden; }
.section2 .title{ padding-top:55px;}

.section3 .entry{ max-width:1100px;}
.section3 .section3-describe li i{ background:url(../images/icon_change.png) no-repeat; width:14px; height:16px; display:inline-block; margin-right:6px; vertical-align:middle;}
.section3 .section3-describe li i.icon-range, .section3 .section3-describe li i.icon-fans, .section3 .section3-describe li i.icon-define-rank{ width:16px; height:16px;}
.section3 .section3-describe li i.icon-rank{ background-position:-120px -1px;}
.section3 .section3-describe li a:hover  i.icon-rank, .section3 .section3-describe a.hover  i.icon-rank{ background-position:-319px -1px;}
.section3 .section3-describe li i.icon-range{ background-position:-146px -1px;}
.section3 .section3-describe li a:hover  i.icon-range, .section3 .section3-describe a.hover  i.icon-range{ background-position:-161px -1px;}
.section3 .section3-describe li i.icon-fans{ background-position:-177px -1px; }
.section3 .section3-describe li a:hover  i.icon-fans, .section3 .section3-describe a.hover  i.icon-fans{ background-position:-194px -1px;}
.section3 .section3-describe li i.icon-define-rank{ background-position:-210px -1px;}
.section3 .section3-describe li a:hover  i.icon-define-rank, .section3 .section3-describe a.hover i.icon-define-rank{ background-position:-228px -1px;}
.section3 .section3-describe .chart-content{ width:840px; height:424px; overflow:hidden; }
.section3 .title{ padding-top:50px; text-align:left;}

.section4 .four-element-monitor li{ text-align:left; margin-bottom:40px; font-size:18px; color:#585858;}
/*.section4 .entry h2{ text-align:left;}*/
.section4-nav{ padding:20px; background:#fafafa; border-bottom:1px solid #f1f1f1;}
.section4-nav li{ float:left; padding-right:38px;}
.section4-nav li:last-child{ padding-right:0;}
.section4-nav h3{ font-weight:normal;}
.section4-nav a{ color:#999; }
.section4-nav a:hover{ border-bottom:2px solid #1dc48b; padding-bottom:20px;}   
.section4-nav li.active a{ border-bottom:2px solid #1dc48b; color:#1dc48b; padding-bottom:20px; }
.section4 .chart-describe img{ width:760px; height:375px;}
.section4 .chart-describe{ padding:20px;}
.section4 .section-caption{ margin-top:20px;}


.section5{ padding:85px 0 0 0;}
.section5 .entry{ max-width:1100px;}
.section5 .section5-describe li i{ background:url(../images/icon_change.png) no-repeat; width:19px; height:16px; display:inline-block; margin-right:6px; vertical-align:middle;}
.section5 .section5-describe li i.icon-fans{ background-position:-246px -1px;}
.section5 .section5-describe li a:hover  i.icon-fans, .section5 .section5-describe a.hover  i.icon-fans{ background-position:-267px -1px;}
.section5 .section5-describe li i.icon-feature{ background-position:-288px -1px; width:14px; height:16px;}
.section5 .section5-describe li a:hover  i.icon-feature, .section5 .section5-describe a.hover  i.icon-feature{ background-position:-304px -1px;}
.section5 .section5-describe .chart-content{ width:851px; height:528px; overflow:hidden; margin-bottom:40px; }
.section5 .section5-describe .chart-content li img{ float:left;}
.section5 .title{ padding-top:150px; text-align:left;}
.section5 .section5-describe ul li a{ color:#999;}
.section5 p{ line-height:24px;}
.section5-describe .chart-content li{ height:570px;}

.section6{ padding:80px 0;}
.section6 .entry{ max-width:815px; margin:0 auto;}
.section6 .entry h2{ font-size:34px;}
.section6 p{ font-size:18px; line-height:30px; padding:30px 0 50px;}
.section6 .btn{ width:280px; height:56px; background:#73a4f9; font-size:24px; line-height:56px;}

.section7{ padding:100px 0 80px;}
.section7 .more-describe dl{ width:216px; margin:70px 18px 40px;}
.section7 .more-describe dl .title{ font-size:18px; color:#333; margin:20px 0 15px;}
.section7 .more-describe dl dd{ line-height:24px;}
.section7 .more-describe dl dd a{ color:#1398ff;}
.section7 .more-describe dt i.icon-compare{ width:56px; height:56px; background-position:-188px -1px;}
.section7 .more-describe dt i.icon-esearch{ width:56px; height:56px; background-position:-246px -1px;}
.section7 .btn{ width:386px; height:72px; line-height:72px; border-radius:36px; font-size:36px; margin:15px auto 0;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);}

.section8 h2{ font-size:22px;}
.section8 p{ font-size:16px; color:#999; padding:0 0 30px 0;}
.section8 p:before{ content:" "; height:2px; width:182px; display:block; margin:16px auto 12px; background:#1dc48b;}
.section8{ padding:80px 0 100px;}
.partner{ max-width:1120px; margin:0 auto;}
.partner li{ float:left;  padding:20px 28px;}

/*公众号榜单*/
.section-rank{ margin-top:160px; }
.section-rank .entry{ /*height:1480px;*/ background: #eee; margin:0 auto 60px; -webkit-box-shadow:0px 0px 8px rgba(51,68,85,.1);  -moz-box-shadow:0px 0px 8px rgba(51,68,85,.1); box-shadow: 0px 0px 8px rgba(51,68,85,.1);}
.tab-bar{ z-index:5; background:#fff; width:1200px; box-sizing:border-box; height:60px; line-height:60px; padding-left:40px; -webkit-box-shadow:0 0 20px #eee;  -moz-box-shadow:0 0 20px #eee; box-shadow:0 0 20px #eee; color:#333; }
.pull-left{ float:left;}
.pull-right{ float:right;}
.text-left{ text-align:left !important;}
.text-center{ text-align:center;}
.tab-bar-back{ height:40px !important; line-height:40px !important;}
.tab-bar .back{ padding-left:20px;}
.tab-bar li{ margin-right:20px; float:left; color:#999; font-size:16px;}
.tab-nav li a{ color:#999 !important; padding:0 10px; height:58px; line-height:58px; display:inline-block; font-size:16px;}
.tab-nav li:hover a, .tab-nav li.active a{ color:#1dc48b !important; border-bottom:2px solid #1dc48b; padding:0 10px;}
.tab-bar-m{ box-shadow:none;}
.tab-bar i{ background: url(../images/tabnav-icon.png) no-repeat; width:16px; height:16px; display:inline-block; margin-right:6px; vertical-align:middle;}
.tab-nav i.icon-d{ background-position:0 0;}
.tab-nav li:hover a i.icon-d, .tab-nav li.active a i.icon-d{ background-position:0 -16px;}
.tab-nav i.icon-dh{ background-position:0 -32px;}
.tab-nav li:hover a i.icon-dh, .tab-nav li.active a i.icon-dh{ background-position:0 -48px;}
.tab-nav i.icon-m{ background-position:0 -64px;}
.tab-nav li:hover a i.icon-m, .tab-nav li.active a i.icon-m{ background-position:0 -80px;}
.tab-nav i.icon-mh{ background-position:0 -32px;}
.tab-nav li:hover a i.icon-mh, .tab-nav li.active a i.icon-mh{ background-position:0 -48px;}
.tab-nav i.icon-ri{ background-position:0 -96px;}
.tab-nav li:hover a i.icon-ri, .tab-nav li.active a i.icon-ri{ background-position:0 -112px;}
.tab-nav i.icon-ra{ background-position:0 -128px;}
.tab-nav li:hover a i.icon-ra, .tab-nav li.active a i.icon-ra{ background-position:0 -144px;}
.tab-nav i.icon-b{ background-position:0 -160px;}
.tab-nav i.icon-growth{ background-position:0 -208px;}
.tab-nav li:hover a i.icon-growth, .tab-nav li.active a i.icon-growth{ background-position:0 -224px;}
.tab-nav i.icon-defined{ background-position:0 -240px;}
.tab-nav li:hover a i.icon-defined, .tab-nav li.active a i.icon-defined{ background-position:0 -256px;}
.tab-bar i.icon-recommend{ background-position:0 -307px; width:19px; height:18px; }
.tab-nav li:hover a i.icon-recommend, .tab-nav li.active a i.icon-recommend{ background-position:0 -326px;}
.tab-bar i.icon-more{ background-position:0 -795px; width:16px; height:16px; }
.tab-nav li:hover a i.icon-more, .tab-nav li.active a i.icon-more{ background-position:0 -811px;}


.rank1{ background:#e84c3c !important;}
.rank2{ background:#ff7c00 !important;}
.rank3{ background:#1dc48b !important;}
/*.rank-industry{ padding-top:60px;}*/
.tab-nav-rank{ width:auto !important; margin:0 !important;}
.wrapper-col-left{ width:220px; position:absolute; background:#eee; border-right:1px solid #ddd; height:1396px; color:#333; /*top:140px;*/}
.wrapper-col-right{ margin-left:220px; background:#fff;}
.rank-v5 .wrapper-col-right{ margin-left:0 !important; background:#fff;}
.left-type{ background:#fafafa; font-size:16px; text-align:center; padding:22px 0; border-bottom:1px solid #e3e3e3;}
.industry{ padding:23px 0;}
.choose-province{ font-size:14px; color:#3498db; display:block; padding-top:4px;}
.city-type{height: 100%; max-height:1207px;  overflow: auto; overflow-x: hidden;}
.city-type li{ height:36px; line-height:36px; border-bottom:1px solid #e3e3e3; background:#fafafa;}
.city-type li a{ display:block; color:#333; padding-left:20px;}
.city-type li a:hover, .city-type .active a{ color:#1dc48b; background:#fff;}
.wrapper-col-right .table{ width:100%; border-collapse:collapse;}
.wrapper-col-right .table tr th, .wrapper-col-right .table tr td{ border-bottom:1px solid #f1f1f1; font-weight:normal; text-align:center; padding:10px; border-width:0 0 1px 0;}
.wrapper-col-right .table tr th:last-child, .wrapper-col-right .table tr td:last-child{ padding-right:40px;}
.wrapper-col-right .table tr th{ color:#585858; font-size:14px;}
.wrapper-col-right .table thead tr{ height:54px; background:#fafafa;}
.wrapper-col-right .table tbody tr{ height:60px; text-align:center;}
.rank{ background:#999; border-radius:2px;  color:#fff !important; width:24px; height:24px; line-height:24px; display:inline-block; font-weight:normal;}
.rank-industry .btn-detail{ width:58px; height:32px; line-height:32px; background:#1dc48b; display:block; border-radius:4px; color:#fff; }
.rank-industry .btn-detail:hover{ background:#1dc48b;}
.person-publicnum img{ float:left; margin-right:10px;background:#d8d8d8; border-radius:100%; width:40px; height:40px;}
.person-publicnum span{ font-size:14px; color:#585858 !important; line-height:1.2;}
.person-publicnum span em{ display:block; font-style:normal;font-size:14px; color:#999;}
.footer{ text-align:center; font-size:16px; color:#999; padding-bottom:20px;}
.footer-tip{ padding-top:18px;}
.footer-tip a{ color:#3498db; font-size:16px;}
.wrapper-col-right .table .describe-tip { height:50px !important; line-height:50px; background:#eee; box-shadow: 0 3px 8px #d7d7d7 inset ;-webkit-box-shadow:0 3px 8px #d7d7d7 inset; -moz-box-shadow:0 3px 8px #d7d7d7 inset; }
.wrapper-col-right .table .describe-tip th{ text-align:left !important; color:#999; padding:0 0 0 37px;}
.describe-icon{ background:url(../images/describe_tip.png); width:16px; height:16px; display:inline-block; margin-right:10px; vertical-align:middle;}
.describe-close{ background:url(../images/describe_tip.png); width:10px; height:10px; background-position:-17px 0; display:inline-block; margin:20px 0 0 0;}
.industry .control-select{ font-size:12px;}
.industry h3{ padding-bottom:10px; font-weight:normal;}

.btn-groups a{ color:#585858; font-size:14px; padding:6px 13px; display:inline-block;}
.btn-groups a.active, .btn-groups a:hover{ background:#1dc48b; border-radius:4px; color:#fff;}
.type-choose{ font-size:14px; margin-top:14px; }
.industry, .province{ padding:20px;}
.type-choose .select2-container .select2-selection--single{ height:32px;}
.type-choose .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:32px; text-align:left;}
.type-choose .select2-container--default .select2-selection--single .select2-selection__arrow{ height:32px; line-height:32px;}
.province-choose{ background:#fafafa; padding:23px 20px; border-bottom: 1px solid #e3e3e3}
.province-choose h3{ font-size:16px; font-weight:normal; }
.rank-industry .province-choose a:first-child{ color:#333 ;}
.rank-industry .active a:first-child{ color:#1dc48b !important;}


/*使用帮助*/    
.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:#1dc48b; 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:#1dc48b; color:#1dc48b;}
.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 a,.helpMain a{ font-size:14px;}
.helpNav{ float:left; width:202px; background:#FFFFFF; padding:0; margin:0 0 24px 0; }
.helpNav .helpNavTitle{ display:block; color:#333333; font-size:14px; padding:15px 0 15px 20px;}
.helpNav .helpNavTitle.active{
    border-left:4px solid #1DC58C;
    padding-left:20px;

}
.helpNav .helpNavTitle .fa{ color:#999; font-size:14px; margin-right:6px; vertical-align:middle;}
.helpNav ul{ margin-bottom:0px;}
.helpNav li a{ display:block; padding:15px 0 15px 34px; transition:all 0.2s ease-out 0s;
    position: relative;}
.helpNav li a:hover .white-dot , .helpNav li a.current .white-dot{
   background: #1DC58B;
}
.helpNav li a:hover{ background:#F6F6F6; transition:all 0.2s ease-out 0s;color:#1DC58B}
.helpNav li a.current{  background:#F6F6F6; color:#1DC58B}
.helpNav li a .white-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #999999;
    margin-right: 3px;
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 24px;
    font-style: normal;
}
.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:#1dc48b; line-height:1; margin-bottom:10px;}
.helpMain .title{ font-size:18px; font-weight:bold; color:#1dc48b; 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:#1dc48b;}
.helpList dd{ font-size:14px; color:#999; line-height:20px; padding:5px 0;}
.helpList dd a{ color:#999;}


.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 h1{ color:#1dc48b !important; /*background:#F6F6F6*/;}
.timerBtns{ line-height:1; padding:8px 6px;}
.rankTimer h1{ display:inline; vertical-align:top; color:#7a8a9a; font-weight:normal; font-size:14px; margin-left:32px;}
.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:#1dc48b;}
.rankTimer .timerSubMenu{ display:block; background:#FFF; border:1px solid #DDD; position:absolute; z-index:1; top:86px; left:18px; min-width:172px; 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; color:#7a8a9a;}
.timerSubMenu a:hover{ background:#F6F6F6; color:#1dc48b;}
.rankTimer .icon{ display:inline-block; background: url(../images/sprites_rank1.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}

/*各版本功能介绍*/
.body-w{ background:#fff;}
.table{ border-collapse:collapse; width:100%; border-spacing:0; background:#fff; text-align:center; border:1px solid #e5e9ed; -webkit-box-shadow:0 0 15px rgba(4, 0, 0, .1); -moz-box-shadow:0 0 15px rgba(4, 0, 0, .1); box-shadow:0 0 15px rgba(4, 0, 0, .1);  }
.table thead tr{ height:65px; background:#fafafa; font-size:18px;}
.table tbody tr{ height:66px; border-top:1px solid #eee; padding:10px 0; }
.table td{ padding:5px 0 ;}
.table thead tr th, .table tbody tr td{ text-align:center; border:1px solid #e5e9ed;}
.table tbody tr td span{ color:#1dc48b;}
.table thead tr th:first-child{ font-size:14px;}
.table tbody tr td:first-child a{font-size:14px; color:#333; font-weight:bold; text-decoration:underline; }
.table tbody tr td:first-child a:hover{ opacity:0.8;}
.price-page{ width:1150px; margin:0 auto; padding:180px 0; color:#333;}
.price-page h1{ font-size:18px; margin:0 0 40px; }
.free-try{ background:#1dc48b; width:80px; height:30px; line-height:30px; color:#fff; display:inline-block; border-radius:20px; margin-left:10px;}
.icon-compare-yes{ background:url(../images/icon_compare.png) no-repeat; width:24px; height:24px; display:block; margin:0 auto;  }
.icon-compare-no{ background:url(../images/icon_compare.png) no-repeat; width:24px; height:24px; background-position:0 -24px; display:block; margin:0 auto;}


/*数据官网第二版*/
.version-two .btn-logon {
    background: 0;
    border-radius: 20px;
    border: 1px solid #fff;
    margin-left: 10px;
}
.section-change:nth-child(2n){ background:#fafafa;}
.version-two .header{ background:#192635;}
.version-two .section-one{ background:url(../images/bg_version_two.png) no-repeat center; height:700px; }
.version-two .section-one .intro{ width:562px; text-align:left; position:relative; padding-top:222px !important;}
.version-two .section-one .intro h1{ font-size:54px; font-weight:bold;}
.version-two .section-one .intro p{ font-size:18px; color:#fff; opacity:0.9; line-height:34px; margin:22px 0 55px; }
.version-two .section-one .intro .btn{ background:#1dc48b; width:265px; height:70px; line-height:70px; letter-spacing:0; margin: 0; font-size:34px;}
.one-tabber{ width:1072px; margin:0 auto;}
.one-tabber dl{ float:left; width:33%;}
.one-tabber dl dt{ background: url(../images/tab_icon.png) no-repeat; width:64px; height:64px; float:left; margin-right:20px;}
.one-tabber dl:nth-child(2) dt{ background-position:0 -64px;}
.one-tabber dl:nth-child(3) dt{ background-position:0 -130px;}
.one-tabber dd{ color:#999;}
.one-tabber .titles{ font-size:18px; color:#333; margin-bottom:16px;}
.section-caption-three{ width:270px; text-align:left;}
.section-caption-three dt{ font-size:24px; color:#333; margin-bottom:20px;}
.section-caption-three dl{ color:#999; margin-bottom:40px; line-height:22px;}
.section-caption-three dl dt i{ background:url(../images/icon_change.png) no-repeat; display:inline-block; margin-right:10px;}
.section-caption-three dl dt i.key-word-icon{ width:19px; height:19px;}
.section-caption-three dl dt i.senior-icon{ width:20px; height:20px; background-position:-40px 0;}
.section-caption-three dl dt i.similar-icon{ width:12px; height:12px; background-position:-334px 0;}
.section-caption-three dl.active dt, .section-caption-four dl.active dt{ color:#1dc48b;}
.section-caption-three dl.active dt i.key-word-icon{ width:19px; height:19px; background-position:-20px 0;}
.section-caption-three dl.active dt i.senior-icon{ width:20px; height:20px; background-position:-60px 0;}
.section-caption-three dl.active dt i.similar-icon{ width:12px; height:12px; background-position:-348px 0;}
.section-caption-four{ width:292px; text-align:left;}
.section-caption-four dt{ font-size:24px; color:#333;  margin-bottom:20px;}
.section-caption-four dl{ color:#999; margin-bottom:40px; line-height:22px;}
.section-caption-four dl dt i{ background:url(../images/icon_change.png) no-repeat; display:inline-block; margin-right:10px;}
.section-caption-four dl dt i.industry-icon{ width:14px; height:14px; background-position:-148px 0;}
.section-caption-four dl dt i.area-icon{ width:14px; height:18px; background-position:-120px 0;}
.section-caption-four dl dt i.up-icon{ width:16px; height:17px; background-position:-177px 0;}
.section-caption-four dl.active dt i.industry-icon{ width:14px; height:14px; background-position:-162px 0;}
.section-caption-four dl.active dt i.area-icon{ width:13px; height:18px; background-position:-133px 0;}
.section-caption-four dl.active dt i.up-icon{ width:16px; height:17px; background-position:-193px 0;}
.version-two .section2{ padding:40px 0; box-shadow:0 4px 4px 0 rgba(0,0,0,0.04); }

.version-two .section6 .more-describe dl{ width:216px; margin:70px 18px 40px; background: url(../images/line2.png) no-repeat center right}
.version-two .section6 .more-describe dl .title{ font-size:18px; color:#333; margin:20px 0 15px;}
.version-two .section6 .more-describe dl dd{ line-height:24px; color:#666;}
.version-two .section6 .more-describe dl:last-child{ background:none;}
.version-two .section6 .more-describe dt i{ background:url(../images/f_icon.png) no-repeat; display:inline-block; margin-right:6px; vertical-align:middle;}
.version-two .section6 .more-describe dt i.icon-analyse{ width:61px; height:52px; }
.version-two .section6 .more-describe dt i.icon-monitor{ width:64px; height:40px; background-position:0 -54px; margin-bottom:12px;}
.version-two .section6 .more-describe dt i.icon-esearch{ width:50px; height:56px; background-position:0 -98px;}
.version-two .section6 .more-describe dt i.icon-online-server{ width:60px; height:56px; background-position:0 -156px;}
.version-two .section6 .more-describe dl dd a{ color:#1398ff;}
.version-two .section5 .intro{ width:390px; text-align:left; margin-top:110px;}
.version-two .section3 .chart-describe{ width:776px; height:523px; background:#fafafa; overflow:hidden; position: relative;}
.version-two .section3 .chart-describe .element1{ position:absolute; z-index:3 ; right:120px; bottom:75px;}
.version-two .section3 .chart-describe .element2{ position:absolute; z-index:2; right:58px; bottom:40px; opacity:0.8;}
.version-two .section3 .chart-describe .element3{ position:absolute; z-index:1; bottom:0; right:0; opacity:0.7;}
.version-two .section3 .entry{ width:1140px; max-width:1200px;}
.version-two .section4 .chart-content{ width:774px; height:535px; overflow:hidden; position:relative;}
.version-two .section4 .chart-content .element1{ position:absolute; z-index:3 ; right:120px; bottom:75px;}
.version-two .section4 .chart-content .element2{ position:absolute; z-index:2; right:58px; bottom:40px; opacity:0.6;}
.version-two .section4 .chart-content .element3{ position:absolute; z-index:1; bottom:0; right:0; opacity:0.6;}
.version-two .section5 .section5-describe .chart-content{ width:680px; position:relative;}
/*.version-two .section5 .section5-describe .chart-content .element1{}*/
.version-two .section5 .section5-describe .chart-content .element2{ position:absolute; right:0; bottom:-213px;}
.version-two .section5{ padding:120px 0 110px;}
.version-two .section6 p{ font-size:14px; padding:30px 0;}
.version-two .section7{ background:url(../images/bg_footer.png) no-repeat center;}
.version-two .section7 .entry h2{ color:#fff; padding-bottom:30px;}
.version-two .section7 .btn{ width:280px; height:56px; line-height:56px; background:#0bdbad; font-size:24px;}
.shape{ position:relative;}
/*.version-two .section7{ position:relative;}
.color-line{ position:absolute; top:90px;}*/
/*.animate .one-line{ -webkit-animation:spin 5s linear 0s infinite; -moz-animation:spin 5s linear 0s infinite; animation:spin 5s linear 0s infinite; transform-origin: 50% 50%;}*/
.version-two .shape .one-line{ position:absolute; right:33px; top:-49px; transform:rotate(-29deg);-ms-transform:rotate(-29deg); -moz-transform:rotate(-29deg); -webkit-transform:rotate(-29deg); -o-transform:rotate(-31deg); }
.version-two .shape .two-line{ position:absolute; left:-522px; top:-41px; transform:rotate(-151deg);-ms-transform:rotate(-151deg); -moz-transform:rotate(-151deg); -webkit-transform:rotate(-151deg); -o-transform:rotate(-151deg); }
.version-two .animate .color-line{  -webkit-animation:rightToLeft 3s infinite;-moz-animation:rightToLeft 3s infinite;animation:rightToLeft 3s infinite;}
.version-two .section-one .shape .element1{ position:absolute; bottom:-220px; right:-367px;}
.version-two .section-one .shape .element2{ position:absolute; bottom:-50px; right:-38px; -webkit-animation:tinyY 4s linear infinite;-moz-animation:tinyY 4s linear  infinite;animation: tinyY 4s linear 0s infinite; }

.version-two .animate .section5-describe .chart-content .element1{  -webkit-animation:bottomToTop 0.6s;-moz-animation:bottomToTop 0.6s;animation: bottomToTop 0.6s;}
.version-two .animate .section5-describe .chart-content .element2{  -webkit-animation:leftToRight 0.6s 0.6s;-moz-animation:leftToRight 0.6s 0.6s;animation:leftToRight 0.6s 0.6s;}
.version-two .animate .shape .one-line{ -webkit-animation:move 1s  infinite;-moz-animation:move 1s  infinite;animation: move 1s  infinite; opacity:0;}
.version-two .animate .shape .two-line{ -webkit-animation:moves 1s infinite;-moz-animation:moves 1s infinite;animation: moves 1s infinite; opacity:0;}
.version-two .section6 .entry{ max-width:1200px;}
.version-two .section .intro{ padding-top:0;}

/*数据注册页*/
.data3-body{ background:#fefefe;}
.data-registered{ width:418px; z-index: 1; position: absolute; top: 80px; left: 50%; margin-left: -209px;}
.data-registered .data-logo{ padding: 0 0 40px;}
.data-registered .data-logo a{background:url(../images/custom/logo-data3.png) no-repeat; width:252px; height:66px; display: block; margin:0  auto;}
.registered-main{background:#ffffff; border:1px solid #eeeeee; border-radius:4px; width:418px; min-height:475px; margin-bottom: 40px; }
.registered-main h4{background:#fbfbfb; border-bottom: 1px solid #eee; border-radius:4px 4px 0 0; width:418px; height:60px; text-align: center; line-height: 60px; font-size:15px; color:#333333;}
.registered-box{ padding: 35px 30px 40px 30px}
.registered-box p{ margin-bottom: 20px; color:#333333; font-size: 14px; text-align: center;}
.icon-registered{background:url(../images/custom/icon-registered.png) no-repeat; width: 193px; height: 114px; display: block; margin: 0 auto 30px;}
.form-registered{border:1px solid #dddddd; border-radius:4px; width:358px; height:99px; margin-bottom: 20px;}
.form-registered .form-group{ margin: 0 10px; height: 50px; border-bottom: 1px solid #eee; position: relative;}
.form-registered .form-group-last{ border-bottom: none; }
.error-tip{ clear: both; margin: -12px 0 10px; color: #f00;}
.form-registered .form-group label{ width: 30px; float: left;}
.form-registered .form-group .form-control{ width:300px; height: 44px; border: none; }
.form-registered .form-group .form-control1{width:200px !important;}
.form-registered .form-group i{ background:url(../images/custom/data3-icon.png) no-repeat; width: 20px; height: 20px; display: inline-block; margin: 15px 10px 11px 0;}
.form-registered .form-group i.v-code{ background-position: 0 0;}
.form-registered .form-group i.password{ background-position: 0 -20px;}
.registered-box .btn{ border-radius:4px; border: none; background:#1dc48b; width: 100%;}
.registered-box .btn:hover{ background: #1aba83;}
.registered-box .btn:focus{ background: #19b07c;}
.registered-box .form-group .btn{ position: absolute; right: 10px; top: 10px; width:88px; height:32px; line-height: 32px;}
.data3-patch-l{ width: 461px; height: 380px; background:url(../images/custom/data3-patch-l.png) no-repeat; position:fixed; left: 0; top: 0; z-index: 0; }
.data3-patch-r{ width: 475px; height: 388px; background:url(../images/custom/data3-patch-r.png) no-repeat; position:fixed; right: 0; bottom: 0; z-index: 0}
/*地域选择*/
.map-choose{
    padding: 150px 0 30px;
    width: 852px;
    height: 542px;
    margin: 0 auto;
    display: block;
}
.map-choose img{ max-width:710px;}
.map-choose-title{color:#585858;text-align:center;font-size: 16px;font-weight:  normal;}
.map-choose-btns{ text-align:center; margin-bottom:60px;}
.map-choose-btns .btns-unified:link, .btns-unified:visited {
    text-align: center;
    background: #1dc58b;
    border-radius: 4px;
    padding: 0 20px;
    min-width: 88px;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin:0 auto;
}

/*选择省市*/
.section-rank-province .entry{ max-width:900px; min-width:900px; min-height:835px; margin:102px auto 60px; text-align:left;}
.section-province-top{z-index:5; background:#fff; padding:0 20px; height:40px; line-height:40px;  -webkit-box-shadow:0 0 20px #eee;  -moz-box-shadow:0 0 20px #eee; box-shadow:0 0 20px #eee; color:#333; position:absolute; top:102px; left:0; right:0;}
.section-rank-province .main-900{ margin-top:150px;}
.section-rank-province .main-900 h3{ font-size:14px; color:#333333; font-weight:normal;}
.province-item{ padding:35px 0 15px; border-bottom:1px solid #e8e8e8;}
.province-item h4{ color:#333; font-weight:normal;}
.province-item-cd a{ color:#4a90e2; padding:12px 20px 0 0; display:inline-block;}
.section-province-top .cancel{ color:#4a90e2;}
.select2-results a{ color:#999;}
.select2-results a:hover{ color:#fff;}

.time-choosed{ border:1px solid #ddd; height:32px; line-height:32px; cursor:pointer; color:#999; width:168px; text-align:left; padding-left:10px; border-radius:4px; display:block; position:relative;}
.time-choosed:hover{ background:#f8f8f8; border-radius:4px 4px 0 0;}
.type-time-choose .down{ background:url(../images/down.png) no-repeat center center;height: 32px; cursor:pointer; position: absolute;top: 2px; right:10px;width: 20px;  font-size: 16px;font-weight: bold;line-height: 36px;}
.time-choose{ width:178px; max-height:200px; overflow:auto; overflow-x:hidden; border:1px solid #ddd; border-width:0 1px 1px; display:none; position:absolute; z-index:1; background:#fff;}
.time-choose li a{ display:block; color:#999; height:31px; line-height:31px; border-bottom:1px solid #ddd; text-align:left; padding-left:10px; }
.time-choose li a:last-child{ border-bottom:0;}
.time-choose li a:hover{ background:#1dc58b; color:#fff;}
.rank-industry .time-choose li.active a{ background:#1dc58b; color:#fff !important;}
/*.type-time-choose:hover .time-choose{ display:block;}*/
.type-time-choose{ position:relative;}
.type-time-choose .time-choose-show{ display:block;}


/*帮助中心*/
.help-center{ padding:154px 0 150px;}
.help-center h1{ font-size:28px; color:#333333; margin:0; padding-bottom:15px; font-weight:normal;}
.help-center p{ font-size:16px; color:#999999; line-height:32px;}
.help-content dl{ float:left; width:33.3%; margin-top:56px;}
.help-content dl dt{ width:120px; height:120px; margin:0 auto; border-radius:100%;}
.help-content dl:nth-of-type(1) dt{ background-image:linear-gradient(-180deg, #86cdff 3%, #3cadff 98%);}
.help-content dl:nth-of-type(2) dt{ background-image:linear-gradient(-180deg, #52d95e 0%, #1dc46f 100%);}
.help-content dl:nth-of-type(3) dt{ background-image:linear-gradient(-180deg, #c19df6 0%, #a974f6 100%);}
.help-content dl dt i{ background:url(../images/help_icon.png) no-repeat; display:inline-block;}
.help-content dl dt i.icon-1{ width:52px; height:56px; margin:33px auto; }
.help-content dl dt i.icon-2{ width:64px; height:64px; margin:29px auto; background-position:0 -57px;}
.help-content dl dt i.icon-3{ width:62px; height:64px; margin:29px auto; background-position:0 -121px;}
.help-content dl dd.title{ font-size:18px; color:#333333; padding:20px 0;} 
.help-center .btn-see{ display:inline-block; background:#ffffff; border:1px solid #eeeeee; border-radius:20px; padding:7px 35px; color:#333;}
.help-center .btn-see:hover{ border:1px solid #1dc48b; /*color:#1dc48b;*/}
.help-center .help-vedio .vedio-title{ color:#333; font-size:16px; font-weight:normal; padding:70px 0 55px; position:relative;}
.help-center .help-vedio .vedio-title a{ font-size:16px; }
.help-center .help-vedio .vedio-title a:hover{ opacity:0.8;}
.help-center .help-vedio .vedio-title:before{ display:inline-block; content:" ";  background:#eee;width:250px;height:1px; vertical-align:middle; margin-right:100px;}
.help-center .help-vedio .vedio-title:after{ display:inline-block; content:" "; background:#eee;width:250px;height:1px; vertical-align:middle; margin-left:100px;}
.vedio-content .vedio-item{ float:left; background:#ffffff;border:1px solid #eeeeee;border-radius:8px; width:370px; height:208px; margin-right:42px;}
.vedio-content .vedio-item:last-child{ margin-right:0;}
.vedio-content .vedio-item i{ background:url(../images/help_icon.png) no-repeat; display:inline-block;}
.vedio-content .vedio-item i.icon-4{ width:32px; height:32px; margin:30px auto 0; background-position:0 -189px;}
.vedio-content .vedio-item i.icon-5{ width:32px; height:24px; margin:32px auto 0; background-position:0 -223px;}
.vedio-content .vedio-item i.icon-6{ width:64px; height:24px; margin:75px auto 26px; background-position:0 -247px; display:block;}
.vedio-content .vedio-item p{ font-size:13px; color:#999; line-height:1.4; }
.vedio-content .vedio-item p.title{ font-size:16px; color:#333; padding:16px 0 7px;}
.vedio-content .vedio-item .btn-see{ margin-top:18px;}
.vedio-content .vedio-item .btn-see:before{ display:inline-block; content:" "; width: 0; height: 0;border-top: 5px solid transparent;border-left: 10px solid #9a9a9a;border-bottom: 5px solid transparent; margin-right:8px;}
.vedio-content .vedio-item .btn-see-ex:before{ display:none;}
/*分页*/
.pagination-box{text-align: center; font-size: 16px; color: #999; padding: 20px 40px; height: 30px;}
.pageJump{ float:left;}
.control-pagination { color: #999; text-align:center; }
.control-pagination .pagination { display: inline-block; padding-left: 0; border-radius: 4px; margin: 0 10px !important; vertical-align: middle; }
.control-pagination .pagination>li { display: inline }
.control-pagination .pagination>li>a{ min-width: 32px; cursor: pointer;}
.control-pagination .pagination>li:first-child>a:hover, .control-pagination .pagination>li:last-child>a:hover, .control-pagination .pagination>li:last-child>a:focus, .control-pagination .pagination>li:first-child>a:focus{ background-color:#edf0f5; border-color:#e5e9ed; color:#999;}
.control-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left;  font-size:14px; padding:6px 0; margin-left: -1px; line-height: 1.42857143; color: #999; text-decoration: none; background-color: #fff; border: 1px solid #e5e9ed }
.control-pagination .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.control-pagination .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.control-pagination .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 3; background-color: #fff; color:#1dc58b;  border-color: #1dc58b; }
.control-pagination .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; cursor: default; background-color: #edf0f5 !important; border-color: #e5e9ed !important; }
.control-pagination .pagination li.active a{ z-index: 2; cursor: default; background-color: #1dc58b !important; border-color: #1dc58b !important; color:#fff !important; }
.pagination-text-input { width: 48px; height: 20px !important; font-size:15px; border: 1px solid #e5e9ed; color: #89a;  margin:0 10px !important; text-align: center; position: relative;}
.pagination-btn-go { width: 40px; height: 30px; line-height: 30px; margin: 0 0 0 10px; border-radius: 4px; vertical-align: middle; background: #1dc58b !important; border: 1px solid #e5e9ed; display: inline-block; text-decoration: none; text-align: center; position: relative;}
.pagination-btn-go:link, .pagination-btn-go:visited { text-decoration: none; color: #fff; }
.pagination-btn-go:hover { background: #1abb84 !important; text-decoration: none; }
.pagination-btn-go:active { background: #1abb84 !important; color: #fff; text-decoration: none;}

.modal-1024 .mask-body{ background:rgba(255,255,255,0.6);  position: absolute; top:47px; bottom: 30px; left:0; right:0; z-index:1; }
.modal-1024 .mask-body a{ z-index: 2; margin-top:260px;}
.modal-1024 .mask-body a:hover{ background:#18a575;}
.modal-1024 .show-modal {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

/*友情链接*/
.section9 .block-content{ position: relative;}
.section9 .intro { margin-bottom: 50px;}
.section9 .block-main-wrap { padding:30px 60px 0 60px;}
.section9 .block-main{ width: 1200px; box-sizing: border-box; }
.section9 .block{
    width: 440px;
    height: 160px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 32px 0px rgba(13, 24, 42, 0.12);
    border-radius: 8px;
    float: left;
    padding: 40px;
    margin-bottom: 40px;
}
.section9 .block:nth-child(2n){ float: right;}
.section9 .block .logo-img{ text-align: left; margin-bottom: 20px; height: 68px;}
.section9 .block .info{text-align: left; color:#999999; font-size: 16px; line-height:24px;}
.section9 .block-main2 {
    width: 1200px;
    height: 482px;
    border-radius: 8px;
    margin:0 auto;
    box-sizing: border-box;
}
.section9 .block-main2 ul {border-bottom: 1px solid #eee;}
.section9 .block-main2 .block-main2-shadow {
    box-shadow: 0px 0px 32px 0px rgba(13, 24, 42, 0.12);
    background: #fff;
    border-radius: 8px;
    padding: 20px;
}
.section9 .block-main2 ul:last-child{border-bottom:none;}
.section9 .block-main2 ul li{ margin: 35px 10px; display: inline-block;}
.section9 .block-main2 ul li img:hover {
    -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);
    }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
/*.slick-loading .slick-list {
  background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}*/

/* Arrows */
.slick-prev, .slick-next {
  background: url(../images/cooperation/s9-icon.png) no-repeat;
  width: 40px;
  height: 64px;
  position: absolute;
  top: 250px;
  display: block;
  outline: none;
  text-indent: -999em;
  appearance: none;
  border: 0;
}

.slick-prev {
  background-position: 0 -192px;
  left: -40px;
}
.slick-prev:hover {
  background-position: 0 -128px;
}
.slick-next {
  background-position: 0 -64px;
  right: -40px;
}
.slick-next:hover {
  background-position: 0 0;
}

/*合作伙伴*/
.partnersContent{ margin-left:240px; padding:80px 140px; font-size:16px; color:#7a8a9a; min-height:570px;
background:rgba(255, 255, 255, 1); border-radius:2px; margin-bottom: 40px;}
.partnersContent .main-title {
    font-size: 36px;
    color: #2D2D2D;
    line-height: 36px;
    margin:0 0 60px 0;
    text-align: center;
    font-family:"MicrosoftYaHei";
    font-weight: normal;
}
.partnersContent .title {
    color: #666666;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 34px;
}
.partnersContent .title::before {
    width: 4px;
    height: 24px;
    background: rgba(29, 197, 139, 1);
    content: "";
    display:inline-block;
    vertical-align: middle;
    margin-right: 12px;
    margin-top: -3px;
}
.partnersContent .partners-list ul{ margin-bottom: 40px;}
.partnersContent .partners-list li{ width: 204px; height:145px; float: left; margin: 0 20px 20px 0;}
/*首页改版*/
 .index-v5 .section2 .section2-describe .title {
     width: 200px !important;
 }

 .index-v5 .section-change:nth-child(even) {
     background: #fff;
 }

 .index-v5 .section-change:nth-child(odd) {
     background: #f4f6f9;
 }

 .index-v5 .section-change p {
     padding: 20px 0 40px;
     font-size: 20px;
     line-height: 1.5;
 }

 .index-v5 .entry .section-change h2 {
     line-height: 36px;
 }

 /*.slides img{
          width: 100%;
      }*/

 .index-v5 .section2 .section2-describe .chart-content,
 .index-v5 .section3 .section3-describe .chart-content {
     width: 940px;
     height: 560px;
 }

 .index-v5 .section-change .entry {
     width: 1200px;
     max-width: 1200px;
 }

 .index-v5 .section2 .title,
 .index-v5 .section3 .title {
     padding-top: 80px;
 }

 .index-v5 .section2 .section2-describe ul li a {
     padding-bottom: 40px;
 }

 .index-v5 .section2 .section2-describe li a i,
 .index-v5 .section3 .section3-describe li a i {
     background: url(../images/index-new/icon-show.png) no-repeat;
     width: 20px;
     height: 20px;
     display: inline-block;
     margin-right: 6px;
     vertical-align: middle;
 }

 .index-v5 .section2 .section2-describe li a i.icon1 {
     background-position: 0 0;
 }

 .index-v5 .section2 .section2-describe li a i.icon2 {
     background-position: 0 -20px;
 }

 .index-v5 .section2 .section2-describe li a i.icon3 {
     background-position: 0 -40px;
 }

 .index-v5 .section2 .section2-describe li a i.icon4 {
     background-position: 0 -60px;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon1,
 .index-v5 .section2 .section2-describe a:hover i.icon1 {
     background-position: -20px 0;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon2,
 .index-v5 .section2 .section2-describe a:hover i.icon2 {
     background-position: -20px -20px;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon3,
 .index-v5 .section2 .section2-describe a:hover i.icon3 {
     background-position: -20px -40px;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon4,
 .index-v5 .section2 .section2-describe a:hover i.icon4 {
     background-position: -20px -60px;
 }

 .index-v5 .section3 .section3-describe li a i.icon5 {
     background-position: 0 -80px;
 }

 .index-v5 .section3 .section3-describe li a i.icon6 {
     background-position: 0 -100px;
 }

 .index-v5 .section3 .section3-describe li a.hover i.icon5,
 .index-v5 .section3 .section3-describe a:hover i.icon5 {
     background-position: -20px -80px;
 }

 .index-v5 .section3 .section3-describe li a.hover i.icon6,
 .index-v5 .section3 .section3-describe a:hover i.icon6 {
     background-position: -20px -100px;
 }

 .index-v5 .section2 .section2-describe li a i.icon7 {
     background-position: 0 -120px;
 }

 .index-v5 .section2 .section2-describe li a i.icon8 {
     background-position: 0 -140px;
 }

 .index-v5 .section2 .section2-describe li a i.icon9 {
     background-position: 0 -160px;
 }
.index-v5 .section2 .section2-describe li a i.icon100 {
    background-position: 0 -300px;
}

 .index-v5 .section2 .section2-describe li a.hover i.icon7,
 .index-v5 .section2 .section2-describe a:hover i.icon7 {
     background-position: -20px -120px;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon8,
 .index-v5 .section2 .section2-describe a:hover i.icon8 {
     background-position: -20px -140px;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon9,
 .index-v5  .section2 .section2-describe a:hover i.icon9 {
     background-position: -20px -160px;
 }
.index-v5 .section2 .section2-describe li a.hover i.icon100,
.index-v5 .section2 .section2-describe a:hover i.icon100 {
    background-position: -20px -300px;
}

 .index-v5 .section3 .section3-describe li a i.icon10 {
     background-position: 0 -180px;
 }

 .index-v5 .section3 .section3-describe li a i.icon11 {
     background-position: 0 -200px;
 }

 .index-v5 .section3 .section3-describe li a i.icon12 {
     background-position: 0 -220px;
 }

 .index-v5 .section3 .section3-describe li a.hover i.icon10,
 .index-v5 .section3 .section3-describe a:hover i.icon10 {
     background-position: -20px -180px;
 }

 .index-v5 .section3 .section3-describe li a.hover i.icon11,
 .index-v5 .section3 .section3-describe a:hover i.icon11 {
     background-position: -20px -200px;
 }

 .index-v5 .section3 .section3-describe li a.hover i.icon12,
 .index-v5 .section3 .section3-describe a:hover i.icon12 {
     background-position: -20px -220px;
 }

 .index-v5 .section2 .section2-describe li a i.icon13 {
     background-position: 0 -240px;
 }

 .index-v5 .section2 .section2-describe li a i.icon14 {
     background-position: 0 -260px;
 }

 .index-v5 .section2 .section2-describe li a i.icon15 {
     background-position: 0 -280px;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon13,
 .index-v5 .section2 .section2-describe a:hover i.icon13 {
     background-position: -20px -240px;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon14,
 .index-v5 .section2 .section2-describe a:hover i.icon14 {
     background-position: -20px -260px;
 }

 .index-v5 .section2 .section2-describe li a.hover i.icon15,
 .index-v5 .section2 .section2-describe a:hover i.icon15 {
     background-position: -20px -280px;
 }

 /*排行榜添加新版单*/
.rank-new .tab-bar { border-bottom: 1px solid #eee; position: inherit;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../images/down.png) no-repeat center center;
    height: 36px;
    position: absolute;
    top: 1px;
    right: 10px;
    width: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
}
.rank-industry-new{padding-top:0;}
.senior-search-new .screen-item-list {
    display: flex;
    margin-bottom: 15px;
}
.senior-search-new .screen-item-list .item-t {
   line-height: 23px;
    display: inline-block;
}
.senior-search-new .screen-item-list .screen-item {
    flex: 1;
    padding: 0;
    text-align: left;
}
.senior-search-new .screen-item a {
    margin: 0 1px 2px 0;
    color: #585858;
    padding: 2px 6px;
    vertical-align: middle;
    margin-bottom: 6px;
    display: inline-block;
}

.senior-search-new .screen-item a:hover,
.senior-search-new .screen-item a.active {
    background: #1DC58B;
    border-radius: 4px;
    color: #fff;
}
.head-info{ padding:60px 30px 0 30px; background: #fff;}
.head-info .ad-hot-head { padding: 20px 0 16px;}
.head-info .ad-hot-head .btn-group { position: inherit;}
.head-info .ad-hot-head .btn-group .btn { width: 55px;}
.ac-date{ float:left;}
.ac-date .sentiment-time-control .type-choose {  margin-top: 0;}
.head-info-bar{ border-top: 1px solid #eee;}
.head-info-bar .ac-date{ padding-left:10px;  margin-left:10px; display: inline-block; position: relative;  padding-bottom: 0;}
.head-info-bar .ac-date::before {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #eee;
}
.head-info-bar .control-search-box { width:340px; float:right;}
.head-info-bar .control-search-1 [type=text]{ height:32px; line-height:32px;background: #fff;
  box-shadow: none;}
.head-info-bar .control-search-1-submit{ height:32px; line-height:32px; font-size:14px; width:78px;left: 262px; border-radius: 0 4px 4px 0;}
.ad-hot{ padding-top: 60px !important;}
.control-search-1 { position: relative; height: 40px; overflow: hidden; }
.control-search-1:hover [type=text] { background: #f8f8f8; }
.control-search-1 [type=text] {outline: none; width: 100%; height: 40px; line-height: 40px; padding: 0 8px; box-sizing:border-box; border-radius: 5px; border: 1px solid #ddd; background:#f8f8f8; color: #333; font-size:14px;}
.control-search-1 [type=text]:focus { background: #fff; border-color: #1dc58b; border-radius: 5px;}
.control-search-1 .fa { position: absolute; top:12px; right: 8px; font-size: 18px; }
.control-search-1 .fa:hover { color: #46be68; }
.control-search-1 a:link, .control-search-1 a:visited { color: #7a838f; }
.control-search-1-submit { width: 130px; height: 40px; line-height: 40px; display: block; position: absolute; top: 0; left:620px; border-radius:4px; background: #1dc58b; text-align: center; font-size: 16px; }
.control-search-1-submit:link, .control-search-1-submit:visited { color: #fff; text-decoration: none; }
.control-search-1-submit:hover { text-decoration: none; background: #1abb84; }
.control-search-1-submit:active { background: #19b780; }
.control-search-1 input::-webkit-input-placeholder{ color: #d2d2d2;}
.control-search-1 input::-ms-input-placeholder {color: #d2d2d2;}
.control-search-1 input::-moz-placeholder {color: #d2d2d2;}
.ad-hot-head { height: 36px !important; padding: 12px 20px;}
.ad-hot-head .control-search-1 [type=text]{ width: 266px !important;}
.ad-hot-head .control-search-1-submit {left: 276px;}
.ad-hot-head .btn-group{position: absolute; right:40px; top: 14px}
.ad-hot-head .btn-group .btn{ width:88px; height:32px; line-height: 30px;  cursor: pointer;}
.ad-hot-head .btn-group a.btn{ height:30px; }
.ad-hot-head .btn-group .btn-default{background:#ffffff; border:1px solid #d9d9d9; color: #595959; font-size: 14px;}
.ad-hot-head .btn-group .btn-default:hover{ color:#1dc58b;}
.ad-hot-head .btn-group .btn-default:focus{outline:none;box-shadow: none; color:#1dc58b;background:#ffffff; border:1px solid #d9d9d9;}
.ad-hot-head .btn-group .btn-default.active{ border:1px solid #1dc58b;; background: #1dc58b;; color: #fff; box-shadow: none;}
.ad-hot-head .btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}
.ad-hot-head .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
.ad-hot-head .btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}
.ad-hot-head .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}
.ad-hot-head .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.ad-hot-head .btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.ad-hot-head .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.ad-hot-head .btn-group>.btn-group{float:left}
.ad-hot-head .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.ad-hot-head .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}
.ad-hot-head .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}
.ad-hot-head .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
.ad-hot-head .btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}
.ad-hot-head .btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}
.head-info{ padding:20px 30px 0 30px;}
.head-info .ad-hot-head { padding: 20px 0 16px;}
.head-info .ad-hot-head .btn-group { position: inherit;}
.head-info .ad-hot-head .btn-group .btn { width: 55px;}
.head-info-bar{ border-top: 1px solid #eee;}
.head-info-bar .ac-date{ padding-left:10px;  margin-left:10px; display: inline-block; position: relative;  padding-bottom: 0;}
.head-info-bar .ac-date::before {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #eee;
}
.head-info-bar .control-search-box { width:340px; float:right; position: relative;}
.head-info-bar .control-search-1 [type=text]{ height:32px; line-height:32px;background: #fff;
  box-shadow: none;}
.head-info-bar .control-search-1-submit{ height:32px; line-height:32px; font-size:14px; width:78px;left: 262px; border-radius: 0 4px 4px 0;}
.tab-nav li:hover a i.icon-sp, .tab-nav li.active a i.icon-sp{ background-position:0 -581px; }
.tab-bar i.icon-sp{ background-position:0 -565px;}
.tab-nav li:hover a i.icon-zs, .tab-nav li.active a i.icon-zs{ background-position:0 -613px; }
.tab-bar i.icon-zs{ background-position:0 -597px;}
.tab-nav li:hover a i.icon-app, .tab-nav li.active a i.icon-app{ background-position:0 -645px; }
.tab-bar i.icon-app{ background-position:0 -629px;}
.tab-nav li:hover a i.icon-industry,
.tab-nav li.active a i.icon-industry { background-position: 0 -677px;}
.tab-bar i.icon-industry{ background-position: 0 -661px; width: 16px; height: 16px;}
.tab-nav i.icon-original {
    background-position: 0 -700px;
}
.tab-nav li:hover a i.icon-original,
.tab-nav li.active a i.icon-original {
    background-position: 0 -716px;
}
.s-program .img {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #5ac291;
  float: left;
  line-height: 40px;
  margin-right: 10px;
  font-size: 18px;
  color: #fff !important;
  text-align: center;
}
.s-program span {
    font-size: 16px;
    color: #585858 !important;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*线上专题*/
.subjectContent {
    margin-left: 240px;
    padding: 45px 40px;
    font-size: 16px;
    color: #7a8a9a;
    min-height: 570px;
    background:rgba(255, 255, 255, 1); border-radius:2px; margin-bottom: 40px;}
.subjectContent .main-title {
    font-size:24px;
    font-weight:500;
    color:#2d2d2d;
    text-align: left;
    margin-bottom: 20px;
}
.subjectContent .main-title::before {
    content: "";
    width: 4px;
    height: 24px;
    display: inline-block;
    vertical-align: middle; margin-right: 14px;
    background: rgba(29, 197, 139, 1);
}
.subjectContent .main-subtitle {
    font-size: 18px;
    color: #999;
    margin-bottom: 80px;
    line-height:25px;
    padding-left: 18px;
}
.subjectContent .item-title {
    font-size: 24px;
    font-weight: 500;
    color:#333;
    text-align: center;
    margin-bottom: 20px;
}
.subjectContent .item-subtitle {
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-bottom: 20px;
    line-height:22px;
}
.subjectContent .item-img{ margin-bottom: 60px; text-align: center;}
.subjectContent .item-img img{ max-width: 100%; margin: 0 auto;}

.section-one .intro.intro1{padding-top: 100px;overflow: hidden;}
.section-one .intro.intro1 .left{float: left;margin-top: 130px;text-align: left;}
.section-one .intro.intro1 .left p{color: #FFFFFF;}
.section-one .intro.intro1 .left li{list-style: none;float: left;}
.section-one .intro.intro1 .left .btn-login{display: inline-block;width: 136px;height: 56px;line-height: 56px;border-radius:4px;font-size: 24px;color: #fff;text-align: center;border:1px solid rgba(255,255,255,1);margin-right: 20px;box-sizing: border-box;}
.section-one .intro.intro1 .left .btn-login-gongzhong.hover{background:linear-gradient(220deg,rgba(65,249,185,1) 0%,rgba(29,197,139,1) 100%);border: none;}
.section-one .intro.intro1 .left .btn-login-gongzhong:hover{background:linear-gradient(220deg,rgba(65,249,185,1) 0%,rgba(29,197,139,1) 100%);border: none;}
.section-one .intro.intro1 .left .btn-login-weibo.hover{background:linear-gradient(220deg,rgba(242,153,74,1) 0%,rgba(255,148,50,1) 100%);border: none;}
.section-one .intro.intro1 .left .btn-login-weibo:hover{background:linear-gradient(220deg,rgba(242,153,74,1) 0%,rgba(255,148,50,1) 100%);border: none;}
.section-one .intro.intro1 .right{float: left;margin-top: 64px;margin-left: 186px;width: 560px;height: 425px;overflow: hidden;}
.section-one .intro.intro1 .right ul{width: 1500px;}
.section-one .intro.intro1 .right li{float: left;width: 560px;text-align: center;}
.section-one .intro.intro1 .right img{margin: 0 auto;}
.section-one .intro.intro1 .right p{font-size:18px;color: #999;text-align: left;margin: 15px 0 0;line-height: 1.5em;}
.section-one .intro.intro1 .right p a{color:#999}

/* 投放攻略 */
.strategy {margin-top: 160px;margin-bottom: 60px;}
.strategy .layui-card {margin: 0;padding: 30px 40px 40px;}
.strategy .layui-card-header {padding: 0;}
.strategy .layui-card-header li {padding: 0 10px;float: left;height: 40px;margin-right: 20px;}
.strategy .layui-card-header li.active {border-bottom: 2px solid #1DC58B;}
.strategy .layui-card-header li a {font-size: 16px;}
.strategy .layui-card-header li.active a {color: #1DC58B;}
.strategy .layui-card-body {padding: 0;overflow: hidden;}
.strategy .table-view-o .table-view-cell{display: flex; justify-content: space-between;align-items: center;}
.strategy .table-view-o .table-view-cell .left{text-align: left;}
.strategy .table-view-o .table-view-cell .left a.title{font-size: 14px;color: #666;}
.strategy .table-view-o .table-view-cell .left .time{font-size: 12px;color: #999;margin-top: 10px;}
.strategy .table-view-cell {overflow: hidden;border-bottom: 1px solid #eee;padding: 20px 0;}
.strategy .good .avater .right:hover{
    background: #FAFAFA;
}
.strategy .good .avater .right:hover .title {
    color: #1DC58B;
}
.strategy .avater {display: flex;justify-content: flex-start;align-items: center;}
.strategy .avater .left {width: 234px;height: 130px;}
.strategy .avater .right {text-align: left;width: calc(100% - 254px); padding-left:20px;}
.strategy .avater .right a.title {font-size: 16px;color: #333; cursor: pointer}
.strategy .avater .right a.title:hover {color: #1DC58B;}
.strategy .avater .right .cont {margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.strategy .avater .right .time {margin-top: 22px;}
.strategy .avater .right .cont,.strategy .avater .right .time {font-size: 12px;color: #999;}
.strategy #pagination {margin-top: 40px;float: right;}
.layui-laypage a,.layui-laypage span {display: inline-block;margin: 0 8px;border-radius: 6px !important;padding: 0;width: 32px;}
.layui-laypage .layui-laypage-curr {margin: 0 8px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {border-radius: 6px;}

/* 投放攻略详情页 */
.strategy .article-main {padding-top: 40px;overflow: hidden;}
.article-details {width: 764px;padding-right: 40px;border-right: 1px solid #eee;color: #555555;min-height: 600px;background: #fff;float: left;display: inline;text-align: left;}
.article-details .article-title {font-size: 24px;color: #333;line-height: 36px;margin-bottom: 20px;}
.article-details .article-time {font-size: 14px;color: #999;margin-bottom: 40px;}
.article-details img {max-width: 764px;margin: 0 auto 40px;}
.article-details p {font-size: 16px;line-height: 28px;margin-bottom: 30px;}
.entry-article {position: relative;}
.article-piece {width: 276px;width: 276px;float: right;text-align: left;}
.article-piece .piece {min-height: 232px;background: #fff;display: block;padding: 20px;color: #99A3B1;font-size: 12px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.article-piece .piece:last-of-type{border-bottom: none;}
.article-piece .piece:hover .t a {color: #1DC58B}
.article-piece .title {display: inline-block;cursor: pointer;font-size: 14px;color: #333333;line-height: 22px;margin-bottom: 20px;position: relative;padding-left: 15px;}
.article-piece .title:before {background: #1DC58B;width: 4px;height: 14px;position: absolute;left: 0;top: 5px;content: ""}
.article-piece dt {width: 234px;height: 140px;background: #eee;display: block;margin-bottom: 10px;}
.article-piece dt img {width: 234px;height: 140px;background: #eee;display: block}
/* .article-piece .t {font-size: 14px;line-height: 22px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;} */
.article-piece .t a {color: #333333}
.article-piece .c {line-height: 1.5em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;text-align: left;color: #999;margin-bottom: 4px;}
.article-piece .time {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;color: #999;}

/*公众号排行榜搜索*/
.r-info-bar{ border-bottom:1px solid #eee; background: #fff;}
.r-info-bar .control-search-box {float: left !important;}
.r-info-bar .control-search-1 [type=text] { width: 520px !important;}
.head-info-bar .control-search-box { width: 442px;}
.r-info-bar .control-search-1-submit{left: 442px;}

.cooperation_banner{
    width:100%;
    margin-top:102px;
    height: 488px;
    background: #2B2B2B;
    text-align: center;
    min-width: 1200px;
}
.cooperation_banner span{
    display: block;
    color:#FFFFFF;
    font-size:60px;
    padding-top:84px;
    position: relative;
    z-index: 9;
}
.help-page .cooperation_banner input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#D2D2D2;
}

.help-page .cooperation_banner input:-moz-placeholder,textarea:-moz-placeholder{
    color:#D2D2D2;
}
.help-page .cooperation_banner input::-moz-placeholder,textarea::-moz-placeholder{
    color:#D2D2D2;
}
.help-page .cooperation_banner input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#D2D2D2;
}
.help-page .cooperation_banner .search-com{
    width: 720px;
    height: 60px;
    position: relative;
    margin:auto;
    margin-top:60px;
}
.help-page .cooperation_banner .search{
    width: 720px;
    height: 60px;
    background:rgba(251,251,251,1);
    border-radius:30px;
    border:1px solid rgba(221,221,221,1);
    padding-left:74px;
    box-sizing: border-box;

}
.help-page .cooperation_banner .search-com i{
    position: absolute;
    font-size:24px;
    color:#333333 !important;
    top:18px;
    left: 30px;
}

.help-page #particles-js{ min-width:1200px; width: 100%; height: 608px; background-color: #2B2B2B; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top:0; left:0; right:0; z-index:0; }

.help-page #top-name{
    background: #FCFCFC;
    padding: 60px 0;
}
.help-page .top_com{
    width: 1160px;
    margin: 0 auto;
}
.help-page .top_com span.title {
    text-align: center;
    color: #333333;
    font-size: 40px;
    padding-bottom: 20px;
    display: block;
}
.help-page .top_com p {
    display: block;
    text-align: center;
    color: #999999;
    font-size: 20px;
    line-height: 28px;
}
.cooperation_banner h1{
    display: block;
    color:#FFFFFF;
    font-size:24px;
    padding-top:43px;
    margin-bottom:59px;
    line-height: 20px;
}
.cooperation_banner button{
    border:0;
    padding:12px 85px;
    display: block;
    color:#FFFFFF;
    font-size:24px;
    background: #1DC58B;
    margin: 0 auto;
    box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);
    border-radius:27px;
}

.cooperation_title{
    display: block;
    text-align: center;
    color:#333333;
    font-size:40px;
    padding-top:100px;
    padding-bottom:40px;
}

#cooperation_box{
    background: #FFFFFF;

}
.cooperation_box{
    width:1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 80px;


}
.cooperation_leftbutton{
    width:40px;
    height: 40px;
    display: block;
    cursor: pointer;
    background: url(../images/left.png) no-repeat;
    background-size: 40px 40px;
    position: absolute;
    z-index:99;
    left:-70px;
    top:144px;
}
.cooperation_rightbutton{
    width:40px;
    height: 40px;
    display: block;
    cursor: pointer;
    background: url(../images/right.png) no-repeat;
    background-size: 40px 40px;
    position: absolute;
    z-index:99;
    right:-70px;
    top:144px;
}
.cooperation_box_zoom{
    width: 1160px;
    overflow: hidden;
    height: 338px;
    padding:7px 20px 20px 7px;
    position: relative;
}
.cooperation_box_zoom ul{
    zoom: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 9999px;
    padding-left:20px;
    padding-top:13px;
}
.cooperation_box_zoom ul li{
    width:360px;
    height:328px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 17px 0px rgba(0,0,0,0.1);
    float: left;
    box-sizing: border-box;
    padding:24px 24px;
    overflow: hidden;
}
.cooperation_box_zoom ul li .img{
    width:312px;
    height: 134px;
    display: block;
    overflow: hidden;
    padding-bottom:20px;
}
.cooperation_box_zoom ul li .img img{width:100%}
.cooperation_box_zoom ul li a.title{
    width:312px;
    display: block;
    text-align: left;
    color:#333333;
    font-size:16px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.cooperation_box_zoom ul li a.title:hover{color:#1DC58B}
.cooperation_box_zoom ul li p.introduce{
    width: 312px;
    display: block;
    text-align:left;
    line-height: 22px;
    color:#999999;
    font-size:12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-top:10px;

}
.cooperation_box_item_box{
    width: 100%;
    padding-top:20px;
}
.cooperation_box_item_box span{
    float: left;
    text-align: left;
    color:#999999;
    font-size:12px;
    padding-top:3px;
}
.cooperation_box_item_box a{
    float: right;
    color:#FFFFFF;
    font-size:14px;
    background:rgba(29,197,140,1);
    border-radius:16px;
    padding:3px 20px;
}
.cooperation_box_zoom ul li:nth-of-type(even){
    margin-left:40px;
    margin-right:40px;
}
.clear{clear:both}

#cooperation_com{
    width: 100%;
    background: #FAFAFA;
    padding:100px 0;
}
.cooperation_com{
    width: 1160px;
    margin:0 auto;
}
.cooperation_com span.title{
    text-align: center;
    color:#333333;
    font-size:40px;
    padding-bottom:40px;
    display: block;
}
.cooperation_com p{
    display: block;
    text-align:center;
    color:#999999;
    font-size:20px;
    margin-bottom:60px;
    line-height: 28px;
}
.cooperation_com_box{
    width:560px;
    height: 265px;
    float: left;
    padding:60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 17px 0px rgba(0,0,0,0.1);
    border-radius:4px;
}
.right{
    float:right
}
.cooperation_com_box img{
    float: left;
    width:142px;
    height: 145px;
}
.cooperation_com_box .content{
    float:right;
    padding-left: 40px;
    width:250px;
}
.cooperation_com_box .content span{
    display: block;
    text-align: left;
    color:#333333;
    font-size:24px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float:left;
    /*padding-top:22px;*/
    padding-top:56px;
    width: 250px;
}
.cooperation_com_box .content a{
    padding:9px 27px;
    color:#FFFFFF;
    font-size:16px;
    background:rgba(29,197,140,1);
    border-radius:4px;
    margin-top:35px;
    float:left;
    display: none;
}
#contact{
    width: 100%;
    background: #FFFFFF;
    padding:100px 0;
}
#contact .title{
    display: block;
    text-align: center;
    color: #333333;
    font-size: 40px;
    padding-bottom:40px;
}
#contact button{
    border:0;
    margin: 0 auto;
    display: block;
    color:#FFFFFF;
    font-size:26px;
    background:rgba(29,197,139,1);
    box-shadow:0px 2px 17px 0px rgba(0,0,0,0.1);
    border-radius:28px;
    padding:10px 60px;
    cursor: pointer;
}
#contact button::before {
    content: "";
    background: url(../images/qq.png) no-repeat;
    background-size:22px 26px;
    width: 27px;
    height: 32px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;

}

 .section0 p.top{
    line-height: 16px !important;
    padding-top:27px !important;
}
 .section0 .listbox{
     width:1160px;
     height:639px;
     background:rgba(255,255,255,1);
     box-shadow:0px 12px 24px 0px rgba(24,43,77,0.08);
     margin-top:20px;
 }

.tab-bar-box {
    background: #fff;
    padding: 0 27px;
    height: 60px;
    line-height: 60px;
    -webkit-box-shadow: 0 0 20px #eee;
    -moz-box-shadow: 0 0 20px #eee;
    box-shadow: 0 0 20px #eee;
    color: #999;

}
.tab-nav-box {
    /*padding:0 10px; width:920px;*/
    padding: 0;
    margin: 0 auto;
    height: 60px;
}
.tab-bar-box li {
    margin-right: 30px;
    float: left;
    position: relative;
}
.tab-nav-box li a {
    color: #999;
    padding: 0 10px;
    height: 58px;
    line-height: 58px;
    display: inline-block;
    font-size: 16px;
}

.tab-nav-box li:hover a,
.tab-nav-box li.active a {
    color: #1dc58c;
    border-bottom: 2px solid #1dc58c;
    padding: 0 10px;
    text-decoration: none;
}
.tab-bar-box i {
    background: url(../images/tabnav-icon.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

.tab-nav-box i.icon-ri {
    background-position: 0 -96px;
}
.tab-nav-box li:hover a i.icon-ri, .tab-nav-box li.active a i.icon-ri {
    background-position: 0 -112px;
}

.tab-nav-box i.icon-ra {
    background-position: 0 -128px;
}

.tab-nav-box li:hover a i.icon-ra,
.tab-nav-box li.active a i.icon-ra {
    background-position: 0 -144px;
}

.tab-nav-box i.icon-original {
    background-position: 0 -700px;
}
.tab-nav-box li:hover a i.icon-original,
.tab-nav-box li.active a i.icon-original {
    background-position: 0 -716px;
}
.tab-nav-box i.icon-zs{ background-position:0 -597px;}
.tab-nav-box li:hover a i.icon-zs, .tab-nav-box li.active a i.icon-zs{ background-position:0 -613px; }

.tab-nav-box i.icon-growth {
    background-position: 0 -208px;
}

.tab-nav-box li:hover a i.icon-growth,
.tab-nav-box li.active a i.icon-growth {
    background-position: 0 -224px;
}

.tab-nav-box i.icon-message {
    background-position: 0 -827px;
}

.tab-nav-box li:hover a i.icon-message,
.tab-nav-box li.active a i.icon-message {
    background-position: 0 -843px;
}

.tab-nav-box i.icon-defined {
    background-position: 0 -240px;
}

.tab-nav-box li:hover a i.icon-defined,
.tab-nav-box li.active a i.icon-defined {
    background-position: 0 -256px;
}

.rank-box{
    padding: 32px 40px;
    text-align: left;
}
.rank-box strong{
    display: inline-block;
    color:#333333;
    font-size:16px;
    margin-right:20px;
}
.rank-box span{
    display: inline-block;
    color:#999999;
    font-size:14px;
}
.rank-box a{
    float:right;
    line-height: 24px;
    padding:0 10px;
    display: inline-block;
    color:#999999;
    font-size:14px;
    margin-right: 10px;
}
.rank-box a:hover , .rank-box a.active{
    border-radius:4px;
    background: #1DC58C;
    color:#FFFFFF
}
.rank-box button{
    border:0;
    background: none;
    color:rgba(29,197,139,1);
    display: inline-block;
    font-size:14px;
    text-decoration: underline;
    float: right;
    line-height: 24px;
}


.wrapper-col-all {
    margin-left: 0 !important;
}
i.icon-circle {
    background: url(../images/icon-circle.png) no-repeat;
    width: 14px;
    height: 14px;
    vertical-align:middle;
    margin-left: 1px;
    display: inline-block;
}

/*排行榜名次*/
.rank-trend-box{width: 35px;display: inline-block; padding-left: 4px; text-align:left;}
.rank-trend span{
    font-size: 12px;
    color: #bfbfbf;
    line-height: 20px;
}
.rank-trend{ font-size: 12px; color:#bfbfbf !important; line-height: 20px; }
.rank-trend i{background: url(../images/rank-icon1.png) no-repeat 0 0; display: inline-block; vertical-align:middle;}
.rank-trend i.up{ background-position: -5px 0; width: 10px; height:20px; }
.rank-trend i.down{ background-position: -5px -20px; width: 10px; height:20px; }
.rank-trend i.flat{ background-position: 0 -40px; width: 20px; height:20px;}
.rank-trend i.new{ background-position: 0 -60px;  width: 20px; height:20px;}
.rank-trend-up{color:#1DC58C !important;;}
.rank-trend-down{color:#f5222d !important;}

.left10{
    padding-left:40px !important;
}
.span{
    display:inline-block;
    width:57px;
    overflow: hidden;

}
.span span{
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.span em{
    white-space:nowrap;
}
.section0 .table{
    border-left:0;
    border-right:0;
}
.section0 .btn{
    width: 58px !important;
}
.section0 .person-publicnum img{
    border-radius: 4px;
}
.tb-xigua-index {
    color: #ffb037;
}
.section0 .table{
    box-shadow: none !important;
}
.section0 a.more{
    display: block;
    color:#1DC58B;
    font-size:16px;
    text-decoration: underline;
    padding:30px 0;
    cursor: pointer;
}

.more-xigua-data{
    width: 100%;
    padding-bottom: 65px;
}
.more-xigua-data .item{
    width:260px;
    height:284px;
    background:rgba(255,255,255,1);
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.06);
    border-radius:4px;
    border:1px solid rgba(241,243,247,1);
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right:40px;
}
.more-xigua-data .item:last-child{
    margin-right:0
}
.more-xigua-data .item img{
    width: 100px;
    height:100px;
    margin:auto;
    padding:30px 0 24px 0;
}
.more-xigua-data .item span{
    display: block;
    text-align: center;
    color:#333333;
    font-size:20px;
    margin-bottom: 24px;
}
.more-xigua-data .item a{
    padding:9px 27px;
    margin: auto;
    background:rgba(29,197,140,1);
    border-radius:4px;
    color:#FFFFFF;
    font-size:16px;
    display: inline-block;
}
.more-xigua-data .item a:hover{
    opacity: 0.8;
}

.section2-picture{
    margin:0 auto;
    position: relative;
    display: block;
    text-align: center;
    max-width:1200px;

}
.section2-picture.height{
  height: 548px;
  width: 926px;
}
.section2-picture .picture-one{
    animation: leftToRight 0.6s 0.3s;
    animation-fill-mode:both;
    width: 610px;
    height: 398px;
    position: absolute;
    left:0;
    top:0;
    z-index: 99;


}
.section2-picture .picture-two{
    width: 610px;
    height: 398px;
    position: absolute;
    right:0;
    bottom:0;
    z-index: 9;
    animation: rightToLeft1 0.6s 0.3s;
    animation-fill-mode:both
}
.section2-picture .picture-three{
    margin:0 auto;
    max-width:1200px;
    animation: zoom 0.6s 0.3s;
    animation-fill-mode:both
}
.animate-zoom{
    animation: zoom 0.6s 0.3s;
    animation-fill-mode:both
}
.totop-zoom{
    animation: bottomToTop 0.5s 0.1s;
    animation-fill-mode:both
}
.width922{
    width: 922px;
    height:542px;
}
.width933{
    width: 933px;
    height:554px;
}
.width923{
    width: 923px;
    height:544px;
}
.width924{
    width: 924px;
    height:544px;
}
.section2-picture .picture-5{
    width: 733px;
    height: 125px;
    position: absolute;
    left:0;
    top:0;
    z-index: 99;
    animation: leftToRight 0.6s 0.3s;
    animation-fill-mode:both
}
.section2-picture .picture-6{
    width: 733px;
    height: 409px;
    position: absolute;
    right:0;
    bottom:0;
    z-index: 9;
    animation: rightToLeft1 0.6s 0.3s;
    animation-fill-mode:both
}
.section2-picture .picture-7{
    width: 812px;
    height: 554px;
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
    animation: leftToRight 0.6s 0.3s;
    animation-fill-mode:both
}
.section2-picture .picture-8{
    width: 811px;
    height: 260px;
    position: absolute;
    right:0;
    top:146px;
    z-index: 999;
    animation: rightToLeft1 0.6s 0.3s;
    animation-fill-mode:both
}
.section2-picture .picture-9{
    width: 748px;
    height: 433px;
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
    animation: leftToRight 0.6s 0.3s;
    animation-fill-mode:both
}
.section2-picture .picture-10{
    width: 418px;
    height: 369px;
    position: absolute;
    right:0;
    bottom:0px;
    z-index: 999;
    animation: rightToLeft1 0.6s 0.3s;
    animation-fill-mode:both
}
.section2-picture .picture-14{
    width: 654px;
    height: 376px;
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
    animation: leftToRight 0.6s 0.3s;
    animation-fill-mode:both
}
.section2-picture .picture-15{
    width: 654px;
    height: 479px;
    position: absolute;
    right:0;
    bottom:0px;
    z-index: 999;
    animation: rightToLeft1 0.6s 0.3s;
    animation-fill-mode:both
}
.help-page .adv{
    width: 1160px;
    margin:0 auto;
    padding-top:80px;
}
.help-page .adv .top{
    display: block;
    text-align: left;
    border-bottom: 1px solid #EEEEEE;
    color:#1DC58B;
    font-size:16px;
    padding:21px 0 21px 80px;
    background: url("../images/x.png") 40px center no-repeat;
}
.help-page .adv .body{
    width: 1080px;
    margin:0 auto;
    padding-bottom:80px;

}
.help-page .adv .body .row1{
    border-bottom:1px solid #EEEEEE;
    display: block;
    text-align: center;
    color:#FFFFFF;
    font-size:24px;
    padding:40px 0
}
.help-page .adv .body .row1 span{
    width: 185px;
    height: 48px;
    float: left;
    line-height: 48px;
    opacity:0.6;
    background: url("../images/adv.png") no-repeat;
    margin-right: -8px;
    cursor: pointer;
}
.help-page .adv .body .row1 span:hover{
    opacity: 0.6;
}
.help-page .adv .body .row1 span:first-child{
    background: url("../images/advh.png") no-repeat;
}
.help-page .adv .body .row1 span.active{
    opacity: 1;
}
.help-page .adv .body .row2{
    padding:30px 0 20px 0;
    border-bottom:1px solid #EEEEEE;
    text-align: left;
}
.help-page .adv .body .row2 .title{
   display: block;
    color:#333333;
    font-size:16px;
    padding-bottom:30px;
    line-height: 21px;
}
.help-page .adv .body .row2  p{
    display: block;
    color:#585858;
    font-size:14px;
    padding-bottom:22px;
    line-height: 19px;
}
.help-page .adv .body .row2  p span{
    color:#333333
}
.help-page .adv .body .row2:last-child{
    border-bottom: 0;
}
.help-page .adv .body .row2 .tab{
    background: url("../images/s.png") left center no-repeat;
    padding-left:25px;
    display: block;
    color:#333333;
    cursor: pointer;
}
.help-page .adv .body .row2 .tab span{
   display: inline-block;
    color:#4A90E2;
    padding-left:16px;

}
.help-page .adv .body .row2 .tab em:hover{
    color:#3D94FF
}
.help-page .adv .body .row2 .tab em:hover i{
    background: url(../images/wh.png) no-repeat;
}
.help-page .adv .body .row2 .tab em{
    display: inline-block;
    color:#999999;
    font-size:12px;
    font-style: normal;
    padding-left:14px;
}
.help-page .adv .body .row2 .tab em i{
    width: 12px;
    height: 12px;
    background: url(../images/w.png) no-repeat;
    margin-left: 4px;
    display: inline-block;
    vertical-align: -2px;
    cursor: pointer;
}
.help-page .adv .body .row2 .tab span i{
    width: 14px;
    height: 14px;
    background: url(../images/img.png) no-repeat;
    margin-left: 4px;
    display: inline-block;
    vertical-align: -2px;
    cursor: pointer;
}
.help-page #adv{
    background: #FFFFFF;
}

.help-page #edition{
    width: 100%;
    background: #FCFCFC;
    padding:100px 0;
}
.help-page .edition{
    width: 1160px;
    margin: 0 auto;
}
.help-page .edition .title{
    display: block;
    text-align: center;
    color:#333333;
    font-size:20px;
}
.help-page .edition .title a{
    color:#3D94FF;
    font-size:20px;
    text-decoration: underline;
}
.help-page .edition .body{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top:60px;
}
.help-page .edition .body .body-item{
    width:360px;
    height:344px;
    padding:40px 0;
    box-sizing: border-box;
    background:rgba(255,255,255,1);
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.06);
    border-radius:4px;
    border:1px solid rgba(241,243,247,1);
    position: relative;
    text-align: center;
    margin-right:40px;

}
.help-page .edition .body .body-item:last-child{
    margin-right:0
}
.help-page .edition .body .body-item img{
    width: 100px;
    height: 100px;
    padding-bottom:30px;


}
.help-page .edition .body .body-item:last-child img{
    width: 60px;
    height: 60px;
    padding-top:62px;
    padding-bottom:102px;
}
.help-page .edition .body .body-item strong{
    font-weight: normal;
    display: block;
    color:#333333;
    font-size:20px;
}
.help-page .edition .body .body-item p{
    font-weight: normal;
    display: block;
    color:#999999;
    font-size:20px;
    padding-top:16px;
    padding-bottom:30px;
}
.help-page .edition .body .body-item a:hover{
    opacity: 0.6;
}
.help-page .edition .body .body-item a{
    display: inline-block;
    color:#1DC58B;
    font-size:16px;
    padding:10px 0;
    width: 150px;
    border-radius:20px;
    border:1px solid rgba(29,197,139,1);
    cursor: pointer;
}
.help-page .edition .body .body-item a i{
    font-size:16px;
    padding-right:8px;
}

.help-page #problem{
    width: 100%;
    background: #FFFFFF;
}
.help-page .problem{
    width: 1160px;
    margin:0 auto;
    padding:60px 0;
    display: flex;
}
.help-page .problem .problem-item{
   flex: 1;
    justify-content: center;
    padding:40px 0;
    text-align: center;
    position: relative;
}
.help-page .problem .problem-item img{
    width: 100px;
    position: absolute;
    top:80px;
    left: calc(50% - 50px);
}
.help-page .problem .problem-item span{
    display: block;
    color:#333333;
    font-size:20px;
    padding-bottom:20px;
    padding-top:160px;
}
.help-page .problem .problem-item a{
    width:118px;
    height:40px;
    background:rgba(29,197,140,1);
    border-radius:4px;
    margin: 0 auto;
    color:#FFFFFF;
    font-size:16px;
    cursor: pointer;
    display: inline-block;
    line-height: 40px;
}
.help-page .problem .problem-item a:hover{
    opacity: 0.6;
}
.help-page-content .search-header{
    padding:26px 0 18px 0;
    border-bottom: 1px solid #EEEEEE;
}
.help-page-content .search-header span{
    color:#1DC58B;
    font-size:16px;
    float:left;
}
.help-page-content .search-header span i{
    font-size:22px;
    padding-right:12px;
    vertical-align: top;
}
.help-page-content .control-search-box {
    float:right;
    position: relative;
    width: 460px;
}
.help-page-content .control-search-1 {
    position: relative;
    height: 36px;
    overflow: hidden;
}
.help-page-content .control-search-1 [type="text"] {
    height: 36px;
    line-height: 36px;
    background: #fff;
    box-shadow: none;
    width: 322px;
    outline: none;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
}
.help-page-content .control-search-1-submit {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    width: 78px;
    left: 382px;
    border-radius: 0 4px 4px 0;
}
.help-page-content .search-result{
    border-bottom: 1px solid #EEEEEE;
    padding:20px 0;
    text-align: left;
    color:#585858;
}
.help-page-content .search-result a{
    color:#3498DB
}
.help-page-content .search-result-com{
    width: 100%;
    text-align: left;
}
.help-page-content .search-result-com ul li{
    display: block;
    border-bottom:1px solid #EEEEEE;
    height: 59px;
    line-height: 59px;
    cursor: pointer;
}
.help-page-content .search-result-com ul li:hover{
    opacity: 0.8;
}
.help-page-content .search-result-com ul li a{
    width: calc(100% - 50px );
    float: left;
    color:#666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.help-page-content .search-result-com ul li span{
    color:#DF3A41
}
.help-page-content .search-result-com ul li i{
    font-size:22px;
    float: right;
    color:#999999;
    padding-top:20px;
}
.help-page-content .search-result-com .none{
    text-align: center;
    padding:300px 0;
}
.help-page-content .search-result-com .none img{
    width: 94px;
    padding-bottom:25px;
    margin:0 auto;
}
.help-page-content .search-result-com .none span{
    display: block;
    color:#585858;
    font-size:18px;
}
.help-page-content .search-result-com .none p{
    display: block;
    color:#999999;
    font-size:14px;
    padding-top:10px;
}
.help-page-desc .desc-title{
    text-align: left;
    padding-left:40px;
    padding-top:25px;
    margin-bottom:20px;
}
.help-page-desc .desc-title span{
    font-size:24px;
    color:#2D2D2D;
    padding-left:14px;
    border-left:4px solid #1DC58B;

}
.help-page-desc .desc-title p{
    display: block;
    color:#999999;
    font-size:18px;
    padding-left:18px;
    margin-top:20px;
}
.help-page-desc .section-item{
    padding:60px 0 40px 0;
    width: 702px;
    margin:0 auto;
    text-align: center;
    display: block;
}
.help-page-desc .section-item strong{
    display: block;
    color:#333333;
    font-size:24px;
    padding-bottom:20px;
    font-weight: normal;
}
.help-page-desc .section-item p{
    display: block;
    color:#999999;
    font-size:16px;
    padding-bottom:20px;
}
.help-page-desc .section-item img{
    margin: 0 auto;
    max-width: 702px;
}

.help-page-desc .page_zoom{
    margin: 20px 0 60px 240px;
    background: #FFF;
    padding: 20px 40px;

}
.help-page-desc .page_zoom a.page-page{
    color:#4D5D74;
    font-size:14px;
    float:left;
    cursor: pointer;

}
.help-page-desc .page_zoom .page-left{
    float: left;
    max-width: 340px;
}
.help-page-desc .page_zoom .page-right{
    float: right;
    max-width: 340px;
}
.help-page-desc .page_zoom a.up{

    border-left:4px solid #1DC58B;
    padding-left:10px;
}
.help-page-desc .page_zoom a.down{

    border-right:4px solid #1DC58B;
    padding-right:10px;
    float: right;
}
.help-page-desc .page_zoom a.title-name{
    padding-top:20px;
    color:#333333;
    padding-left:0px;
}
.help-page-desc .page_zoom .page-right a.title-name{
    float: right;
}
.help-page-desc .page_zoom a:hover{
    color:#1DC58B
}
.mask-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.p-index-center {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 900px;
    z-index: 99999;
}

.seo{
    width: 100%;
    position:relative;
    z-index: 999;
    min-height: 973px;
}
.seo .d-sidbar {
    position:absolute;
    left: 0;
    top: 102px;
    bottom: 0;
    overflow: hidden;

    width: 220px;
    background: #333;
    z-index: 11;
}

.seo .s-nav {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}
.seo .minifyme {
    color: #999;
    text-align: center;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    font-size: 20px;
    transition: all .1s linear 0s;
}
.seo .s-nav ul {
    padding: 0;
    margin: 0;
}
.seo .s-nav li.active {
    background: #484848;
}
.seo .s-nav li {
    min-height: 40px;
    line-height: 40px;
    list-style: none;
}
.seo .s-nav li.active > a, .s-nav li.active li.active, .s-nav li.active li.active > a {
    color: #fff;
}
.seo .s-nav li a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #999;
    text-decoration: none;
    display: block;
}
.seo .s-nav li a i {
    background: url(../images/icon-nav.png?data=2018003) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 20px;
}
.seo .s-nav li a i.icon-search {
    background-position: 0 0;
}
.seo .s-nav .fa-right {
    float: right;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 16px;
}
.seo .s-nav li ul li {
    list-style: disc;
    color: #999;
    position: relative;
    padding-left: 64px;
}
.seo .visible-collapsed {
    display: none;
    /*padding-left: 35px;*/
}

.seo .s-nav li ul li::before {

    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #999;
    position: absolute;
    left: 50px;
    top: 18px;

}
.seo .s-nav li ul li a {
    padding-left: 0;
    width: auto;
}
.seo .s-nav li a i.icon-diagnosis {
    background-position: 0 -96px;
}
.seo .s-nav li a i.icon-ad {
    background-position: 0 -432px;
    width: 16px;
    height: 16px;
}
.seo .s-nav li a i.icon-ad-pinpai {
    background: url(../images/icon-ad-pinpai.png) no-repeat;
    width: 16px;
    height: 16px;
}
.seo .s-nav li a i.icon-elegoods {
    background-position: 0 -592px;
    width: 16px;
    height: 16px;
    vertical-align: sub;
}
.seo .new-style {
    background: #e74c3c;
    padding: 1px 6px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 10px;
    font-size: 12px;
    margin-left: 5px;
}
.seo .s-nav li a:hover {
    color: #fff;
}

.s-nav li a:hover i.icon-elegoods,
.s-nav li.active i.icon-elegoods {
    background-position: 0 -608px;
}
.s-nav li a:hover i.icon-ad, .s-nav li.active i.icon-ad{ background-position:0 -512px; }
.s-nav li a:hover i.icon-ad-pinpai, .s-nav li.active i.icon-ad-pinpai{ background: url(../images/icon-ad-pinpaih.png) no-repeat; }
.s-nav li a:hover i.icon-program, .s-nav li.active i.icon-program{ background-position:0 -544px; }
.s-nav li a:hover i.icon-application, .s-nav li.active i.icon-application{ background-position:0 -576px; }
.s-nav li a{ width:100%; height:40px; line-height:40px; color:#999; text-decoration:none; display:block;}
/*.s-nav li a:before{ content:""; display:inline-block; background:#333; width:4px; height:40px; vertical-align:middle;}*/
.s-nav li a:hover{ color:#fff;}
.s-nav li a.active{background:#484848; color:#fff;}
.s-nav li a:hover i.icon-search, .s-nav li.active i.icon-search{ background-position:0 -16px;}
.s-nav li a:hover i.icon-rank, .s-nav li.active i.icon-rank{ background-position:0 -48px;}
.s-nav li a:hover i.icon-compare, .s-nav li.active i.icon-compare{ background-position:-1px -302px;}
.s-nav li a:hover i.icon-monitor, .s-nav li.active i.icon-monitor{ background-position:0 -80px;}
.s-nav li a:hover i.icon-diagnosis, .s-nav li.active i.icon-diagnosis{ background-position:0 -112px;}
.s-nav li a:hover i.icon-collect, .s-nav li.active i.icon-collect{ background-position:0 -144px;}
.s-nav li a:hover i.icon-personal, .s-nav li.active i.icon-personal{ background-position:0 -176px;}
.s-nav li a:hover i.icon-buy, .s-nav li.active i.icon-buy{ background-position:0 -208px;}
.s-nav li a:hover i.icon-custom, .s-nav li.active i.icon-custom{ background-position:0 -240px;}
.s-nav li a:hover i.icon-recommend, .s-nav li.active i.icon-recommend{ background-position:0 -335.4px;}
.s-nav li a:hover i.icon-dashbord, .s-nav li.active i.icon-dashbord{ background-position:0 -377px;}
.d-sidbar .s-nav li a.active:before{ content:""; display:inline-block; background:#1dc58c; width:4px; height:40px; vertical-align:top;}
.s-nav li a:hover i.icon-detection, .s-nav li a.active i.icon-detection{ background-position:0 -272px;}
.s-nav li a:hover i.icon-sentiment, .s-nav li.active i.icon-sentiment{ background-position:-1px -410px;}
.s-nav li a:hover i.icon-granteen, .s-nav li.active i.icon-granteen{ background-position:0px -481px;}
.s-nav li a i.icon-ad{ background-position:0 -432px; width:16px; height:16px;}
.s-nav li a:hover i.icon-ad, .s-nav li.active i.icon-ad{  background-position:0 -448px;}
.s-nav li a i.icon-contrast{ background-position:0 -272px;}
.s-nav li a:hover i.icon-contrast, .s-nav li.active i.icon-contrast{ background-position:0 -289px;}
.seo .header .entry{
    max-width:100%;
    padding:0 20px 0 20px;
    box-sizing: border-box;
}
.seo .header .function li{
    margin-right:20px;
    margin-left:20px;
}
.seo .seo_com{
    width: 100%;
    padding-top:142px;
    padding-left:220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom:40px;

}
.seo-body{
    background: #EEEEEE;
}
.seo .modal-1024{
    left:0;
    margin-left:0;
    margin: 0 auto;
}
.seo-body-search{
    background: #fff;
}
.seo-com-tip{
text-align: center;
padding:260px 0;
color:#999999;
font-size:18px;
}
.seo-com-tip p{
display: block;
}
.seo-com-tip a{
background:rgba(29,197,139,1);
border-radius:4px;
padding:14px 89px;
color:#FFFFFF;
font-size:14px;
display: inline-block;
margin-top:30px;
}
.pl0{
    padding-left:0 !important;
}
/*官网首页一屏修改*/
.section-one .intro.intro-new .tab {
    margin-top: 140px;
}
.section-one .intro.intro-new .tab li{
    list-style: none;
    display: inline-block;
    margin-left:40px;
}
.section-one .intro.intro-new .tab li a{
    width: 148px;
    height: 56px;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    display: inline-block;
    text-align: center;
    line-height: 56px;
    color:#FFFFFF;
    font-size:24px;
}
.section-one .intro.intro-new .tab li a.btn-login-gongzhong:hover , .section-one .intro.intro-new .tab li a.btn-login-gongzhong.hover{
    background: linear-gradient(220deg,rgba(65,249,185,1) 0%,rgba(29,197,139,1) 100%);
    border: 1px solid #1DC58C;
}
.section-one .intro.intro-new .tab li a.btn-login-weibo:hover , .section-one .intro.intro-new .tab li a.btn-login-weibo.hover{
    background: linear-gradient(220deg,rgba(242,153,74,1) 0%,rgba(255,148,50,1) 100%);
    border: 1px solid #FF9432;
}
.section-one .intro.intro-new .tab-p .flex-control-nav{
    display: none;
}
.section-one .intro.intro-new .tab-p .flex-direction-nav{
    display: none;
}
.section-one .intro.intro-new .tab-p{
    height: 131px;
    margin-top:40px;
    overflow: hidden;
}
.section-one .intro.intro-new .tab-p p{
    margin:0;
    line-height: unset;
    font-size:24px;
    padding-bottom:40px;
}
.section-one .intro.intro-new .tab-p p a{
    color:#fff;
    font-size:24px;
}
.control-search-box1 {
    width: 700px;
    margin:auto;
    position: relative;
    text-align: left;

}
.control-search-1 {
    height: 60px;
    overflow: hidden;

}
.control-search-1 [type="text"] {
    width: 556px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    border-radius: 5px 0 0 5px;
    background: #fff;
    font-size: 16px;
    color: #757575;
    border:0 !important;
    box-sizing: border-box;

}
.control-search-1-submit {
    width: 148px;
    text-align: center;
    background: linear-gradient(220deg,rgba(65,249,185,1) 0%,rgba(29,197,139,1) 100%) ;
    border-radius: 0 4px 4px 0;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #fff !important;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    left: unset;
}
.section-one .intro.intro-new .tab-p ul li:nth-child(2n-1) .control-search-1-submit{
    background: linear-gradient(220deg,rgba(242,153,74,1) 0%,rgba(255,148,50,1) 100%);;
}
/*首页改版*/
.new-index-v5 .header{
    background: #2E2D2D;
}
.new-index-v5 .btn-logon{
    margin-top:36px;
}
.new-index-v5 .logol{
    width: 163px;
    height: 42px;
}
/*.new-index-v5 .logon-after{*/
    /*color:#2B2B2B*/
/*}*/
.new-index-v5 .section-one{
    background: #2E2D2D;
}
.new-index-v5 .section-one.active{
    background: none;
}
.new-index-v5 .section-one .intro h1{
    color:#FFFFFF;
    font-size:48px;
    animation: bottomToTop 0.5s 0s;
    animation-fill-mode:both;
    letter-spacing: 5px;
}
.new-index-v5 .section-one .intro.intro1 .left p{
    font-size:24px;
    color:#999999;
    animation: bottomToTop 0.5s 0.1s;
    animation-fill-mode:both
}
.new-index-v5 .section-one .intro.intro1 .left .btn-login{
    border-color: #2E2D2D;
}
.new-index-v5 .section-one .intro.intro1 .right .left p{
    margin:20px 0 60px 0;
}
.new-index-v5 .section-one .intro.intro1 .right{
    margin-top:25px;
    height: unset;
    margin-left:0;
    width:1200px;
}
.new-index-v5 .section-one .intro.intro1 .left{
    margin-top:95px;
}
.new-index-v5 .section-one .intro.intro1 .right{
    height: 535px;
}
.new-index-v5 .section-one .intro.intro1 .right img{

    z-index: 999;
}
.new-index-v5 .section-one .intro.intro1 .right li{
    position: relative;
    height: 535px;
    width:1200px;
    float: left;
}
.new-index-v5 .section-one .intro.intro1 .right img{
    position: absolute;
    right:0;
    bottom:20px;
}
.new-index-v5 .flex-direction-nav{
    display: none;
}
.new-index-v5 ol{
    position: absolute;
    z-index: 99;
    bottom:20px;
    left:46%;
}
.new-index-v5 ol li{
    width: unset !important;
    height: 8px !important;
    margin-right:20px;
    text-indent: -9999px;
}
.new-index-v5 ol li::marker{
    content:"";
}
.new-index-v5 ol li a{
    width: 8px !important;
    height: 8px;
    background: #BBEDDC;
    border-radius: 50%;
    display: block;
    text-indent:-9999px;
    cursor: pointer;
    opacity: 0.2;
}
.new-index-v5 ol li a.flex-active{
    background: #1DC58B;
    height: 6px;
    margin-top:1px;
    width: 32px !important;
    border-radius: 8px;
    opacity:1;
}
.new-index-v5 .green{
    background: #46BF68;
    animation: bottomToTop 0.5s 0.2s;
}
.new-index-v5 .yellow{
    background: #FF9432;
    animation: bottomToTop 0.5s 0.2s;
}
.new-index-v5 .section-two{
    background: #FCFCFC;
    padding:120px 0;
}
.new-index-v5 .main-content{
    width: 1200px;
    margin: 0 auto;
}
.new-index-v5 .section-two .main-content h3{
    display: block;
    text-align: center;
    color:#333333;
    font-size:40px;
    padding-bottom:60px;
    font-weight: normal;
    animation: bottomToTop 0.5s 0.2s;
}
.new-index-v5 .section-two .main-content ul{
    width: 100%;
    display: flex;
    align-items: center;
}
.new-index-v5 .section-two .main-content li{
    flex:1;
    padding-top:60px;
    height: 400px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    border: 1px solid #F1F3F7;
    margin-right:40px;
}
.new-index-v5 .section-two .main-content li:last-child{
    margin-right:0;
}
.new-index-v5 .section-two li p img{
    padding-bottom:60px;
}
.new-index-v5 .section-two li h4{
    display: block;
    text-align: center;
    color:#333333;
    font-size:28px;
    padding-bottom:20px;
    font-weight: normal;

}
.new-index-v5 .section-two li p{
    display: block;
    text-align: left;
    color:#999999;
    font-size:20px;
    line-height: 28px;
    padding:0 30px;
}
.new-index-v5 .section-three{
    background: #FFFFFF;
    padding:120px 0;
    text-align: center;
}
.new-index-v5 .section-three img{
    margin: 0 auto;
    padding-bottom:60px;
}
.new-index-v5 .section-three h3{
    display: block;
    color:#333333;
    font-size:40px;
    padding-bottom:20px;
    font-weight: normal;
}
.new-index-v5 .section-three p{
    display: block;
    color:#999999;
    font-size:20px;
    line-height: 28px;
    padding-bottom:30px;
}
.new-index-v5 .section-three a{
    width:280px;
    height: 56px;
    text-align: center;
    margin: auto;
    display: block;
    color:#fff;
    font-size:26px;
    background: #1DC58B;
    cursor: pointer;
    line-height: 54px;
    border-radius: 2px;
}
.new-index-v5 .section-three a:before{
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/icon-kefu.png) no-repeat;
    vertical-align: middle;
    margin-right:20px;
}
.new-index-v5 .section-three a:hover{
    opacity: 0.8;
}
.new-index-v5 .btn-login:hover{
    opacity: 0.8;
}
.new-index-v5 .section-seven{
    background: #2E2D2D;
    opacity: 0.9;
}
.new-index-v5 .footerQrcode dd{
    margin-top:45px;
    line-height: 28px;
}
.new-index-v5  .data-footer{
    background: #2E2D2D !important;
}
.new-index-v5 .custom-box{
    margin-top:40px;
}
.new-index-v5 .custom-box li{
    width:220px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    border: 1px solid #F1F3F7;
    padding:24px;
    margin-bottom:15px;
    box-sizing: border-box;
    float: left;
    display: flex;
    margin-right:15px;
    align-items: center;
}
.new-index-v5 .custom-box li:nth-child(5n){
    margin-right:0
}
.new-index-v5 .custom-box li a{
    width: 160px;
    height: 90px;
    background: unset;
    line-height: unset;
}
.new-index-v5 .custom-box li a:before{
    display: none;
}
.new-index-v5 .custom-box li img{
    width: 160px;
    height: 90px;
    margin:auto;
    object-fit: contain;
    padding-bottom:unset;
}

/*首页问卷调查*/
.corporate-account-layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.6);
    overflow: auto;
}
.modal-812 {
    width: 812px;
    min-height: 853px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    margin: 0 auto;
}
.modal-812 .modal-header {
    text-align: center;
    color: #999;
    padding: 40px 0;
}
.modal-812 .modal-header h2 {
    color: #1DC58B;
    margin: 0;
    font-weight: normal;
    font-size: 24px;
    padding-bottom: 14px;
}
.color-it {
    font-size: 13px;
    padding-top:12px;
}
.red-color {
    color: #df3a41;
}
.customer_close {
    background: url(../../content/images/colse.png);
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 30px;
}
.customer_close:hover{
    opacity: 0.8;
}
.modal-812 .modal-content {
    padding: 0 60px;
}
.modal-812-item {
    margin-bottom: 20px;
}
.modal-812-item h4 {
    color: #333333;
    padding-bottom: 16px;
    font-weight: normal;
}
.modal-900 .form-group label{
    color: #333333;
    font-weight: normal;
}
.modal-900 .form-group .only{
    color:#F5222D;
    margin-left:10px;
}
.modal-900 .form-group .pic-box{
    /* width: 120px; */
    height: 80px;
    border-radius: 4px;
    display: inline-block;
    margin-right:15px;
    vertical-align: -35px;
}
.modal-900 .modal-812-item {
    margin-bottom: 30px;
}
.modal-900 .form-group{
    margin-bottom:30px;
}
.modal-ewm{
    width: 480px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    margin: 140px auto;
    min-height:200px;
    box-sizing: border-box;
}
.modal-ewm h3{
    display: block;
    text-align: center;
    color:#1DC58B;
    font-size: 24px;
    padding:80px 0 30px 0;
    font-weight: normal;
}
.modal-ewm .ewm{
    width: 260px;
    height: 260px;
    margin:0 auto;
    text-align: center;
}
.modal-ewm .ewm img{
    width: 260px;
    height: 260px;
    margin:0 auto;
}
.modal-ewm p{
    margin-top:30px;
    padding-bottom:40px;
    text-align: center;
    color:#999999
}
.modal-ewm p i{
    font-size: 14px;
}
.modal-900 .modal-812-item.choose-input li input {
    padding-bottom:15px;
}
.modal-900 .form-group .input1{
    /* background: #1DC48B;
    border-radius: 4px;
    color:#fff;
    border: none;
    line-height: 36px;
    padding:0 20px; */
    width: 80px;
    height: 80px;
    background: #fff;
    border: 1px dashed #BCBCBC;
}
.modal-900 .form-group .pic-up {
    position: relative;
    width: 100%;
    height: 83px;
    display: flex;
    margin-top: 30px;
}
.modal-900 .form-group .pic-up .pic-box .up-imgbox {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    position: relative;
}
.modal-900 .form-group .pic-up .pic-box .up-imgbox img {
    width: 80px;
    height: 80px;
    border-radius: 4px;
}
.modal-900 .form-group .pic-up .pic-box .up-imgbox i {
    position: absolute;
    right: -10px;
    bottom: 75px;
    color: red;
    cursor: pointer;
}
.modal-900 .form-group .pic-up .pic-up-box {
    position: relative;
    /* margin-top: 30px; */
    cursor: pointer;
}
.modal-900 .form-group .pic-up .pic-box {
    display: flex; 
}
.modal-900 .form-group  .example-tip  {
    /* margin-left: 20px; */
    cursor: pointer;
    position: relative;
    bottom: -30px;
    left: 30px;
    color: #1dc58b;
}
.modal-900 .form-group .pic-up-box i.icon-tianjia1 {
    font-size: 22px;
    position: absolute;
    left: 30px;
    top: 28px;
}
.modal-900 .form-group .pic-box img{
    width: 120px;
    height: 80px;
    /*object-fit: cover;*/
}
.modal-812-item li {
    display: inline-block;
    margin-right: 5px;
}
.modal-812-item label {
    color: #666666;
    margin-right: 5px;
}
.modal-812-item li input{
    border: 0;
    border-bottom:1px solid #DDDDDD;
    width: 70px;
    text-align: left;
    color:#666666;
}
.modal-812-item.choose-input  li{
    display: block;
}
.modal-812-item.choose-input  li input{
    width: 100%;
}
.modal-812-item.choose-input  li textarea{
    border:1px solid #DDDDDD;
    width: 100%;
    min-height: 60px;
    padding:10px;
}
.modal-812-item.choose-input  li input::-webkit-input-placeholder{ color: #d2d2d2;}
.modal-812-item.choose-input  li input::-ms-input-placeholder {color: #d2d2d2;}
.modal-812-item.choose-input  li input::-moz-placeholder {color: #d2d2d2;}
.modal-812 .btns-finish{
    width: 300px;
    height: 42px;
    background: #1DC58B;
    border-radius: 4px;
    margin: auto;
    text-align: center;
    line-height: 42px;
    display: block;
    margin-bottom:30px;
    color:#fff;
}
.modal-812 .btns-finish:hover{
    opacity: 0.8;
}

.modal-520 {
    background: #fff;
    border-radius: 4px;
    width: 520px;
    color: #333;
    margin: 160px auto 0;
}
.modal-520 .modal-header {
    background: #fbfbfb;
    height: 60px;
    line-height: 60px;
    position: relative;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
    border-radius: 4px 4px 0 0;
}
.modal-520 .modal-header a:hover{
    opacity: 0.8;
}
.icon-close {
    background: url(../images/colse.png) no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.modal-520 .modal-body {
    padding: 36px;
    border-bottom: 1px solid #eee;
}
.modal-900{
    width: 900px;
    min-height: unset;
    margin:140px auto;
}
.success-tip {
    background: url(../images/logon-success.png);
    width: 60px;
    height: 60px;
    margin: 0 auto 21px;
}
.warn-tip {
    background: url(../images/icon_tip.png) 0 0px no-repeat;
}
.over-tip {
    background: url(../images/icon_tip.png);
    width: 60px;
    height: 60px;
    margin: 0 auto 30px;
}
.success-tip-p{
    display: block;
    text-align: center;
    color:#333333;
    font-size:18px;
    padding-bottom:10px;
}
.over-word-tip{
    display: block;
    text-align: center;
    color:#999999;
    font-size:14px;
}
.modal-520 .modal-footer {
    padding: 20px;
}
.modal-520 .modal-footer .btn-center{
    width: 300px;
    height: 42px;
    background: #1DC58B;
    border-radius: 4px;
    margin: auto;
    text-align: center;
    line-height: 42px;
    display: block;
    color:#fff;
}
.modal-520 .modal-footer .btn-center:hover{
    opacity: 0.8;
}
.modal-520 .btns-unified:link, .modal-520 .btns-unified:visited {
    width: 98px;
    padding: 0;
    float: right;
    height: 42px;
    line-height: 42px;
    margin-left: 10px;
}
/*官网首页02版*/
.new-index-v2 .function li{
    padding-right:40px;
    padding-bottom:0
}
.new-index-v2 .function li ul{
    padding:10px 0
}
.new-index-v2 .function li ul li{
    padding-right:0;
    padding-bottom:10px;
}

.new-index-v2 .function li:hover a:after{
    display: none;
}
.new-index-v2 .section-banner{
    background: #2E2D2D;
    height: 636px;
    margin-top:102px;
}

.new-index-v2 .main-content{
    width: 1200px;
    margin:0 auto;
    position: relative;
}
.new-index-v2 .section-banner h3{
    display: block;
    text-align: center;
    color:#FFFFFF;
    font-size:38px;
    padding-bottom:24px;
    padding-top:59px;
}
.new-index-v2 .section-banner h4{
    display: block;
    text-align: center;
    color:#999999;
    font-size:18px;
    padding-bottom:56px;

}
.new-index-v2 .section-banner h3.h3{
    padding-top:108px;
    font-weight: normal;
    font-size: 48px;
}
.new-index-v2 .section-banner h4.h4{
    color:#fff;
    font-size:24px;
    font-weight: normal;
    padding-bottom:35px;
}
.new-index-v2 .section-banner a.a{
    background: #1dc48b;
    border-radius: 100px;
    width: 276px;
    height: 54px;
    line-height: 54px;
    letter-spacing: 8px;
    font-size: 24px;
    transition: all 0.4s ease 0s;
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.new-index-v2 .section-banner a.a::before {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    overflow: hidden;
    width: 0%;
    height: 100%;
    background: #18a575;
    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;
}
.new-index-v2 .section-banner a.a:hover {
    color: #fff;
    border-color: #18a575;
    cursor: pointer;
}

.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;}
.new-index-v2 .animate-p{
    animation: bottomToTop 0.2s 0s;
}
.new-index-v2 .section-banner ul{
    width:100%;
    text-align: center;
}
.new-index-v2 .section-banner ul li{
    padding:30px 46px;
    border-radius: 8px;
    margin-right:71px;
    text-align: center;
    display: inline-block;
    border: 1px solid #2E2D2D;
}
.new-index-v2 .section-banner-1 ul li{
    padding:40px;
    margin-right:28px;
}
.new-index-v2 .section-banner ul li:nth-child(1) img{
    animation: zoomIn 0.5s 0.4s;
}
.new-index-v2 .section-banner ul li:nth-child(2) img{
    animation: zoomIn 0.5s 0.6s;
}
.new-index-v2 .section-banner ul li:nth-child(3) img{
    animation: zoomIn 0.5s 0.8s;
}
.new-index-v2 .section-banner ul li:last-child{
    margin-right:0
}
.new-index-v2 .section-banner ul li:hover{
    border: 1px solid #1DC58B;
    /*opacity: 0.8;*/
}
.new-index-v2 .section-banner ul li a{
    display: block;
}
.new-index-v2 .section-banner ul li:hover span.btns{
    background: #1DC58B;
    border-color: #1DC58B;
}
.new-index-v2 .section-banner ul li img{
    width:242px;
    height: 180px;
    padding-bottom:30px;
    margin: 0 auto;
    cursor: pointer;
}
.new-index-v2 .section-banner-1{
    padding-top:90px;
    box-sizing: border-box;
}
.new-index-v2 .section-banner-1 ul li img{
    width:80px;
    height: 80px;
}
.new-index-v2 .section-banner-1 ul li strong{
    display: block;
    color:#FFFFFF;
    font-size:28px;
    padding-bottom:60px;
    font-weight: normal;
}
.new-index-v2 .section-banner ul li em{
    display: block;
    color:#FFFFFF;
    font-size:18px;
    padding-bottom:20px;
    font-style: normal;
    cursor: pointer;
}
.new-index-v2 .section-banner-1 ul li em{
    padding-bottom:30px;
}
.new-index-v2 .section-banner ul li span.btns{
    width: 128px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #979797;
    display: inline-block;
    text-align: center;
    color:#FFFFFF;
    font-size:18px;
    line-height: 36px;
    cursor: pointer;
}
.new-index-v2 .section-content{
    padding:120px 0;
    background: #fff;
}
.new-index-v2 .section-content h5{
    display: block;
    text-align: center;
    color:#333333;
    font-size:40px;
    padding:0;
    margin: 0;
}
.new-index-v2 .section-content h6{
    display: block;
    text-align: center;
    color:#585858;
    font-size:20px;
    padding:0;
    margin: 30px 0 46px 0;
    font-weight: normal;
}
.new-index-v2 .section-1 h3{
    display: block;
    text-align: left;
    color:#333333;
    font-size:40px;
    padding-bottom:30px;
}
.new-index-v2 .section-1 p{
    display: block;
    text-align: left;
    color:#585858;
    font-size:20px;
    line-height: 28px;
}
.new-index-v2 .section-1 .pull-left{
    padding-top:60px;
}
.new-index-v2 .section-1 img{
    height:390px;
}
.new-index-v2 .section-2{
    background: #FAFAFA;
}
.new-index-v2 .section-3{
    background: #fff;
}
.new-index-v2 .section-4{
    background: #FAFAFA;
}
.new-index-v2 .section-5{
    background: #fff;
}
.new-index-v2 .section-5 ul{
    width: 100%;
    padding-top:80px;
    display: flex;
    justify-content: center;
}
.new-index-v2 .section-5 ul li{
    width: 374px;
    height: 345px;
    display: inline-block;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    border: 1px solid #F1F3F7;
    margin-right:39px;
}
.new-index-v2 .section-5 ul li a{
    display: block;
    cursor: pointer;
    padding-top:60px;
}
.new-index-v2 .section-5 ul li a:hover{
    opacity: 0.8;
}
.new-index-v2 .section-5 ul li a img{
    height: 112px;
    margin: 0 auto;
    display: inline-block;
    padding-bottom:43px;
}
.new-index-v2 .section-5 ul li a img:nth-child(1){
    animation: zoomIn 0.5s 0.4s;
}
.new-index-v2 .section-5 ul li a img:nth-child(2){
    animation: zoomIn 0.5s 0.6s;
}
.new-index-v2 .section-5 ul li a img:nth-child(3){
    animation: zoomIn 0.5s 0.8s;
}
.new-index-v2 .section-5 ul li a span{
    width:254px;
    margin: 0 auto;
    display: inline-block;
    color:#333333;
    line-height: 28px;
    font-size:20px;
}
.new-index-v2 .section-5 ul li:last-child{
    margin-right:0
}
.new-index-v2 .section-3 .cooperation_box{
    padding-top:47px;
    padding-bottom:0;
}
.new-index-v2 .cooperation_leftbutton{
    width: 27px;
    height: 48px;
    background: url(../images/left-2.png) no-repeat;
    background-size: 27px 48px;
    top:255px;
}
.new-index-v2 .cooperation_leftbutton:hover , .new-index-v2 .cooperation_rightbutton:hover{
    opacity: 0.8;
}
.new-index-v2 .cooperation_rightbutton{
    width: 27px;
    height: 48px;
    background: url(../images/right-2.png) no-repeat;
    background-size: 27px 48px;
    top:255px;
}
.new-index-v2 .cooperation_box_zoom{
    height: 428px;
}
.new-index-v2 .cooperation_box_zoom ul li{
    width:270px;
    height: 428px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    text-align: center;
}
.new-index-v2 .cooperation_box_zoom ul li:hover{
    opacity: 0.8;
    cursor: pointer;
}
.new-index-v2 .cooperation_box_zoom ul li img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.new-index-v2 .cooperation_box_zoom ul li a.title{
    width:180px;
    margin: 0 auto;
    color:#333333;
    text-align: center;
    padding-bottom:10px;
}
.new-index-v2 .cooperation_box_zoom ul li span{
    width:180px;
    margin: 0 auto;
    display: block;
    color:#999999;
    padding-bottom:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-index-v2 .cooperation_box_zoom ul li p{
    width:180px;
    margin: 0 auto;
    display: block;
    color:#999999;
    font-size:16px;
    line-height: 22px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    text-align: left;
    -webkit-line-clamp:8;
}
.new-index-v2 .cooperation_box_zoom ul li:nth-of-type(2n) {
    margin-left: 26px;
    margin-right: 26px;
}

.new-index-v2 .section-4 .table{
    width: 1200px;
    border-radius:4px;
    border:1px solid rgba(241,243,247,1);
    margin: 0 auto;
}
.new-index-v2 .section-4 .table .top{
    width: 1200px;
    height: 60px;
    background:rgba(249,250,252,1);
    border-radius:4px 4px 0px 0px;
    line-height: 60px;
}
.new-index-v2 .section-4  .table .top span{
    float: left;
    color:#666666;
    font-size:16px;
    padding-left:40px;
}
.new-index-v2 .section-4 .table .top a{
    float: right;
    color:#1DC58B;
    font-size:14px;
    padding-right:40px;
    cursor: pointer;
}
.new-index-v2 .section-4 .table .body{
    width:1200px;
    background:rgba(255,255,255,1);
    border-radius:0px 0px 4px 4px;
    border-top:1px solid rgba(241,243,247,1);
    color:#666666;
    text-align: left;

}
.new-index-v2 .section-4 a:hover{
    opacity: 0.8;
}
.new-index-v2 .section-4 .table .body .head{
    color:#99A3B1;
}
.new-index-v2 .section-4  .table .body .row a{
    color:#666666;
    cursor: pointer;
}
.new-index-v2 .section-4 .table .body .row a:hover{
    opacity: 0.8;
}
.new-index-v2 .section-4 .table .body .row img{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right:16px;
    float: left;
}
.new-index-v2 .section-4 .table .body .row{
    padding:14px 0;
    width: 1119px;
    margin: 0 auto;
    border-bottom: 1px solid #F1F3F7;
    display: flex;
    align-items: center;
}
.new-index-v2 .section-4 .table .footer{
    padding:30px 0;
    text-align: center;
}
.new-index-v2 .section-4 .table .footer a{
    color:#1DC58B;
    text-decoration: underline;
    cursor: pointer;
}
.new-index-v2 .section-4 .table .body .row span{
    float: left;
    padding-top:9px;
}
.new-index-v2 .section-4 .table .body .width1{
    width: 221px;
    float: left;

}
.new-index-v2 .section-4 .table .body .width2{
    width: 301px;

    float: left;
}
.new-index-v2 .section-4 .table .body .width3{
    width: 506px;
    float: left;
}
.new-index-v2 .section-4 .table .body .width4{
    width: 76px;
    float: left;
}
.new-index-v2 .section-1 .pull-right{ -webkit-animation:rightToLeft1 0.5s 0.1s; -moz-animation:rightToLeft1 0.5s 0.1s; animation:rightToLeft1 0.5s 0.1s;}
.new-index-v2 .section-1 .pull-left{ -webkit-animation:leftToRight 0.5s 0.2s; -moz-animation:leftToRight 0.5s 0.2s; animation:leftToRight 0.5s 0.2s;}
.modal-750{
    width:750px;
}
.modal-750 .add-defined-name{
    display: flex;
    align-items: center;
}
.modal-750 .add-defined-name:before{
    content:"";
    display: inline-block;
    margin-right:10px;
    width: 24px;
    height: 18px;
    background: url("../images/logo-h.png") no-repeat;
}
.modal-750 .modal-body{
    border-bottom: 0;
    padding: 40px;
}
.modal-750 .table{
    box-shadow: none;
    border:0
}
.modal-750 .table thead tr{
    height: 48px;
    border: 1px solid #eee;
    border-bottom:0;
}
.modal-750 .table tbody tr:first-child {
    border-top:0;
}
.modal-750 .wrapper-col-right .table tr th:last-child{
    padding-right:20px;
}
.modal-750 .wrapper-col-right .table tr th:first-child{
    padding-left:20px;
}
.modal-750 .wrapper-col-right .table tr td:last-child{
    padding-right:20px;
}
.modal-750 .wrapper-col-right .table tr td:first-child{
    padding-left:20px;
}
.modal-750 .wrapper-col-right .table tr td{
    color:#999
}
.modal-750 .person-publicnum img{
    width: 40px;
    height: 40px;
    border-radius: 4px;
}
.modal-750 .person-publicnum span{
    color:#333 !important;
    flex:1;
}
.modal-750 .person-publicnum a{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.modal-750 .text-left a{
    color:#999999
}
.modal-750 .text-left a.a1{
    color:#1DC58B;
    text-decoration: underline;
}
.modal-750 .text-left a:hover{
    opacity: 0.8;
}
.modal-750 .edit{
    width:14px;
    height: 14px;
    display: inline-block;
    background: url("../images/edit.png");
    margin-left:6px;
    cursor: pointer;
    vertical-align: -2px;
}
.modal-750 .delete-one{
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url("../images/delete0.png");
    margin-left:4px;
    vertical-align: -2px;
    cursor: pointer;
}
.modal-520 .over-warn-tip {
    background: url(../images/icon_tip.png) 0 -60px no-repeat;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
}
.modal-520 .btns-delete {
    background: #DF3A41 !important;
    vertical-align: 2px;
}
.modal-520 .btns-delete-1 {
    vertical-align: 1px;
}
.modal-delete .footer-center{
    text-align: center;
}
.modal-delete  .btns-unified{
    float: unset !important;
}
.modal-delete  .btns-unified:hover{
    opacity: 0.8;
}
.modal-750 .delete-one.active{
    background: url("../images/deleteh.png");
}
.modal-750 .edit-a{
    color:#1DC58B !important;
    text-decoration: underline;
}
.modal-520 .code-com{
    text-align: center;
    padding:15px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 2px solid #EEEEEE;
    width:170px;
    height: 170px;
    margin:24px auto 0;
}
.modal-520 .code-wz{
    text-align: center;
    color:#999999;
    padding-top:20px;
    padding-bottom:16px;
}
.modal-520 .row-row{
    text-align: left;
    color:#333333
}
.modal-520 .row-row .type-choose{
    display: inline-block;
    margin-left:20px;
    margin-top:0
}
.over-word-tip-1{
    color:#333333;
    font-size:16px;
    text-align: center;
    padding-bottom:14px;
}
.cancle-btn {
    background: #FFFFFF !important;
    color: #333333 !important;
    border-radius: 4px;
    border: 1px solid rgba(221,221,221,1);
    box-sizing: border-box;
}

.modal-520 .code-com img{
    width:100%
}
.modal-750 .none-data{
    padding:100px 0;
    text-align: center;
    color:#999999;
}
.modal-750 .none-data:before{
    content: "";
    display: block;
    margin: 0 auto 20px;
    width:48px;
    height: 48px;
    background: url("../images/icon-none-h.png") no-repeat;
}
.modal-750 .none-data p{
    display: block;
    padding-bottom:40px;
}
.modal-750 .none-data a{
    display: inline-block;
    width: 180px;
    height: 42px;
    background: #1DC48B;
    border-radius: 4px;
    margin: 0 auto;
    line-height: 42px;
    color:#FFFFFF;
    cursor: pointer;
}
.modal-750 .none-data a:hover{
    opacity: 0.8;
}
.page-load-new {
    margin-top:40px;
    text-align: center;
    font-size: 16px;
    color: #999;
    clear: both;
}
.page-load-new i {
    margin-right: 10px;
}
.page-load-new .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.user-app{
    padding-left:2em;
}
.user-app p{
    text-indent: 0;
}

/*号主授权弹窗认证*/
.scroll{
    overflow-x: hidden;
    overflow-y: scroll;
}
.modal-500{
    background: #fff;
    border-radius: 4px;
    width: 460px;
    min-height: 614px;
    color: #333;
    margin: 0 auto;
    padding: 0 30px;
    -webkit-box-shadow: 0 0 10px rgba(237, 240, 242, 1);
    -moz-box-shadow: 0 0 10px rgba(237, 240, 242, 1);
    box-shadow:none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal-500 a {
    text-decoration: none;
    color: #398ad9;
    cursor: pointer;
}
.modal-500 .modal-header {
    padding: 30px 0 20px 0;
    height: 20px;
    border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.modal-500 .modal-header {
    text-align: center;
}

.modal-500 .modal-header img {
    width: 172px;
    height: 20px;
}

.modal-500 .modal-body {
    font-size: 14px;
    padding: 30px 0;
    color: #353535;
}

.modal-500 .modal-body .certification-box {
    text-align: center;
    padding: 20px 0;
}

.modal-500 .modal-body .certification-box .title {
    font-size: 28px;
    margin-top: 0;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 30px;
}

.modal-500 .modal-body .certification-box p {
    margin-bottom: 30px;
}

.modal-500 .modal-body .certification-box .btns-unified {
    width: 140px;
    height: 40px;
    border-radius: 4px;
    background: #3fa543;
}
.btns-unified:link, .btns-unified:visited {
    text-align: center;
    background: #1dc58b;
    border-radius: 4px;
    padding: 0 20px;
    min-width: 88px;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
}
.modal-500 .form-group label {
    color: #333;
    margin-right: 18px;
    text-align: right;
    width: 98px;
    display: inline-block;
}
.modal-500 .modal-body .list {
    border-top: 1px solid #eeeeee;
}

.modal-500 .modal-body .list li {
    border-bottom: 1px solid #eeeeee;
    padding: 20px 0;
    color: #888888;
    line-height: 26px;
}

.modal-500 .modal-body .list li:last-child {
    border-bottom: 0;
}

.modal-500 .modal-body .list li::before {
    content: "";
    width: 32px;
    height: 26px;
    margin: 0 32px 0 26px;
    float: left;
}

.modal-500 .modal-body .list li:nth-child(1)::before {
    background: url(../images/icon-rz.png) no-repeat 0 0;
}

.modal-500 .modal-body .list li:nth-child(2)::before {
    background: url(../images/icon-rz.png) no-repeat 0 -26px;
}

.modal-500 .modal-body .list li:nth-child(3)::before {
    background: url(../images/icon-rz.png) no-repeat 0 -52px;
}

.modal-500 .modal-body .main-head {
    background: none;
    height: 45px;
    border-radius: none;
    margin-bottom: 30px;
}

.modal-500 .modal-body .main-head .piece {
    margin: 0 auto;
    width: 460px !important;
    padding: 0 !important;
}

.modal-500 .modal-body .main-head .piece dl {
    width: 153px;
}

.modal-500 .modal-body .main-head .piece dl:first-child .progress {
    width: 100px;
    left: 70px;
}

.modal-500 .modal-body .main-head .piece dl:last-child .progress {
    width: 100px;
    right: 70px;
}

.modal-500 .modal-body .main-head .piece dd {
    color: #999;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
}

.modal-500 .modal-body .main-head .piece .active dd {
    color: #4ab54e;
}

.modal-500 .modal-body .main-head .piece .active dt {
    background: #4ab54e;
    color: #fff;
}

.modal-500 .modal-body .main-head .piece .progress {
    height: 2px;
    background: #d2d2d2;
    position: absolute;
    top: 11px;
    width: 146px;
    z-index: 1;
}

.modal-500 .modal-body .sequence {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
}

.modal-500 .modal-body .bind-info {
    text-align: center;
    clear: both;
    padding-top: 40px;
}

.modal-500 .modal-body .bind-info h5 {
    margin-bottom: 30px;
}

.modal-500 .modal-body .bind-info p {
    margin-bottom: 25px;
}

.modal-500 .modal-body .bind-info p img {
    width: 220px;
    height: 220px;
    border: 1px solid #eee;
}

.modal-500 .form-group .radio {
    width: 16px !important;
    height: 16px !important;

}
.modal-500 .form-group em {
    font-style: normal;
    color: #999999;
    margin-top: -10px;
    display: inline-block;
    vertical-align: middle;
}
.modal-500 .form-group input { width:auto !important;}
.modal-500 .form-group .iradio_square-green {
    margin-right: 3px !important;
    margin-top: -3px;
}
.modal-500 .form-group ul{display:inline-block;}
.modal-500 .form-group ul li{display:inline-block; padding-right:20px;}
.rz-evpi {
    border-top: 1px solid #eeeeee;
}

.rz-evpi .rz-block {
    padding: 15px 0;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}

.rz-evpi .rz-block .rz-public-t {
    text-align: right;
    width: 98px;
    margin: 10px 12px 0 0;
    float: left;
}

.rz-evpi .rz-block .rz-adstyle-t {
    margin: 0 12px 0 0;
}

.rz-evpi .rz-block .rz-public-t span {
    color: #d0021b;
}

.rz-evpi .rz-block .rz-public-info {
    display: inline-block;
    width: 350px;
    line-height: 1.3;
}

.rz-evpi .rz-block .rz-public-info img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
}

.rz-evpi .rz-block .rz-public-info span {
    font-size: 14px;
}

.rz-evpi .rz-block .rz-public-info span.name {
    color: #333333;
}

.rz-evpi .rz-block .rz-public-info span.id {
    color: #999999;
}

.rz-evpi .rz-block .ad-style li {
    margin: 0 6px 8px 0;
    display: inline-block;
}

.rz-evpi .rz-block .ad-style .text-input {
    border-width: 0 0 1px 0;
    box-shadow: none;
    margin-left: 8px;
    border-radius: 0;
    height: auto;
    line-height: auto;
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #979797;
    width: 100px;
}

.modal-500 .icheckbox_square-green {
    margin-right: 3px !important;
}

.modal-500 .icheckbox_square-green,
.modal-500 .iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/green2.png) no-repeat;
    border: none;
    cursor: pointer;
    margin-right: 10px;
}

.modal-500 .icheckbox_square-green {
    background-position: -240px 0;
}

.modal-500 .icheckbox_square-green.hover {
    background-position: -262px 0;
}

.modal-500 .icheckbox_square-green.checked {
    background-position: -284px 0;
}
.modal-500 .iradio_square-green {
    background-position: -312px 0;
}

.modal-500 .iradio_square-green.hover {
    background-position: -336px 0;
}

.modal-500 .iradio_square-green.checked {
    background-position: -360px 0;
}
.rz-evpi .rz-group {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 12px;
    margin-bottom: 0;
}

.rz-evpi .rz-group .input-group {
    height: 40px;
    line-height: 40px;
}

.rz-evpi .rz-group .input-group label {
    font-size: 13px;
    color: #333333;
    margin-right: 10px !important;
}

.rz-evpi .rz-group .input-group label span {
    color: #d0021b;
}

.rz-evpi .rz-group .input-group .form-control {
    box-sizing: border-box;
    width: 297px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #eeeeee;
    box-shadow: none;
    margin-bottom: 8px !important;
}

.rz-evpi .rz-group .input-group .form-control:focus {
    border: 1px solid #4ab54e;
}

.modal-500 .modal-footer {
    padding: 30px 0;
    margin-top: -50px;
    text-align: center;
}

.modal-500 .btns-unified:link,
.modal-500 .btns-unified:visited {
    background: #4ab54e;
}

.modal-500 .btns-unified:hover {
    background: #3fa543;
}

.modal-500 .btns-unified:active {
    background: #37993a;
}

.rz-succeed {
    color: #333333;
    text-align: center;
}

.rz-succeed::before {
    background: url(../images/icon-succeed.png) no-repeat 0 0;
    content: "";
    width: 113px;
    height: 113px;
    display: block;
    margin: 130px auto 30px;
}

.rz-succeed h6 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: normal;
}

.rz-succeed p {
    font-size: 14px;
    padding-bottom: 120px;
}
.ad-quotation-group{ padding: 10px 0;}
.ad-quotation-group .ad-quotation {  font-size: 12px; color: #5b5a5a;   display: flex;}
.ad-quotation-group .ad-quotation-t { font-size: 16px !important;  width: 98px; text-align: right; padding-right: 15px;  height: 45px;}
.ad-quotation-group .ad-quotation-c{ flex: 1; line-height: 1.4 !important;}
.ad-quotation-group .input-group .form-control{ width: 220px !important;}
.ad-quotation-group .input-group .bargain { vertical-align: middle; margin-top: -10px; display: inline-block}


/*运营周报优化单*/
.weekly .tip-wz-red{
    display: block;
    color:#F5222D;
    padding-top:3px;
}
.weekly .add-defined-name::before{
    width:22px;
    height: 24px;
    background: url("../images/weekly-logo.png") no-repeat;
}
.weekly .modal-body{
    padding:20px 40px 20px 40px;
}
.modal-750 .top-tab{
    border-bottom:1px solid #EEEEEE;
    margin-bottom:20px;
}
.modal-750 .wz{
    margin-bottom:20px;
    text-align: left;
    color:#999999;
}
.modal-750 .top-tab a{
    color:#999999;
    font-size:16px;
    padding:0 10px 20px 10px;
    cursor: pointer;
    display: inline-block;
    margin-right:30px;
}
.modal-750 .top-tab a.pull-right{
    background: #1DC58C;
    color: #fff;
    font-size:13px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #1DC58B;
    line-height: 32px;
    margin-right:0;
}
.modal-750 .top-tab a.pull-right i.add{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right:5px;
    background:url("../images/add-16.png") no-repeat;
    background-size: 12px;
    vertical-align: -1px;
}
.modal-750 .top-tab a.pull-right:hover{
    color:#fff !important;
    opacity: 0.8;
}
.modal-750 .top-tab a:hover{
    color:#1DC58B
}
.modal-750 .top-tab a.active{
    border-bottom:2px solid #1DC58C;
    color:#1DC58C
}
.modal-750 .top-tab a i{
    margin-right:10px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
}
.modal-750 .top-tab a i.weekly1{
    background:url("../images/weekly.png") no-repeat;
}
.modal-750 .top-tab a:hover i.weekly1{
    background:url("../images/weekly-h.png") no-repeat;
}
.modal-750 .top-tab a.active i.weekly1{
    background:url("../images/weekly-h.png") no-repeat;
}
.modal-750 .top-tab a i.weekly-history{
    background:url("../images/weekly-history.png") no-repeat;
}
.modal-750 .top-tab a:hover i.weekly-history{
    background:url("../images/weekly-history-h.png") no-repeat;
}
.modal-750 .top-tab a.active i.weekly-history{
    background:url("../images/weekly-history-h.png") no-repeat;
}
.modal-750 a.blue{
    color:#4A90E2;
    text-decoration: underline;
    cursor: pointer;
}
.modal-750 a.button{
    line-height: 32px;
    color:#1DC58B;
    padding:0 12px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #1DC58B;
}
.modal-750 a:hover{
    opacity: 0.8;
}
.modal-750 a.button.active{
    background: #1DC58C;
    color:#fff
}
.modal-750 a.button.delete{
    color:#666666;
    border-color:#D9D9D9;
    width: 110px;
    box-sizing: border-box;
}
.modal-750 .layui-laypage a{
    text-align: center;
    margin:0 4px;
}
.modal-750 .layui-laypage .layui-laypage-curr em{
    text-align: center;
    width: 100%;
    display: block;
}
.modal-750 .layui-laypage .layui-laypage-curr {
    margin: 0 4px;
}
.modal-750 .layui-laypage{
    margin:20px 24px 0 0;
    float: right;
}
.modal-750 .none-data i.add{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right:10px;
    background:url("../images/add-16.png") no-repeat;
    vertical-align: -2px;
}
.mb20{
    margin-bottom:20px !important;
}
.control-search-box-golbal{
    width: 280px;
    position: relative;
}
.control-search-box-golbal .control-search-1{
    height: 32px;
    margin-bottom:0 !important;
    width:202px;
}
.control-search-box-golbal .control-search-1 [type="text"]{
    height: 32px;
    line-height: 32px;
    box-shadow: none;
    background: #fff;
    width: 100%;
    font-size:14px;
    padding:0 10px;
    border: 1px solid #ddd !important;
}
.control-search-box-golbal .control-search-1-submit{
    width:78px;
    height: 32px;
    line-height: 32px;
    font-size:14px;
    top:0px;
    left: unset;
    right:4px;
    background: #1DC58C;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.modal-1024{
    width: 1024px;
}
.modal-1024 .modal-header h1{
    display: block;
    text-align: left;
    color:#333333;
    font-size:24px;
    padding-bottom:24px;
}
.modal-1024 .modal-header h1 span{
    font-size:18px;
    padding-left:10px;
}
.weekly-detail .modal-header{
    background: none;
    padding:40px 0px 20px 0px;
    height: unset;
    margin:0 40px;
    line-height: unset;
}
.weekly-detail .modal-header .icon-close{
    right:-20px;
}
.weekly-detail .modal-header h1:before{
    content: "";
    width: 22px;
    height: 24px;
    display: inline-block;
    margin-right:10px;
    background: url("../images/weekly-logo.png") no-repeat;
    vertical-align: -2px;
}
.weekly-detail .modal-header h2{
    display: block;
    text-align: left;
    color:#999999;
    font-size:14px;

}
.weekly-detail .modal-body{
    padding:0 40px;
    border:0
}
.weekly-detail .box{
    padding-top:40px;
    /*border-bottom:1px solid #eee;*/
}
.weekly-detail .box.border{
    border-top:1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top:40px;
    padding-bottom:40px;
}
.weekly-detail .box:last-child{
    border-bottom:0
}
.weekly-detail .box h3{
    display: flex;
    align-items: center;
    text-align: left;
    color:#333333;
    font-size:16px;
    padding-bottom:30px;
}
.weekly-detail .box h5{
    display: flex;
    align-items: center;
    text-align: left;
    color:#333333;
    font-size:16px;
    padding-bottom:30px;
}
.weekly-detail .box h3 label{
    color:#999999;
    font-size:14px;
    padding-left:20px;
    margin-right:-10px;
}
.weekly-detail .box h5 label{
    color:#999999;
    font-size:14px;
    padding-left:20px;
    margin-right:-10px;
}
.weekly-detail .box h5 .choose-element {
    margin-left: 20px;
}
.weekly-detail .box h3 span{
    font-size: 14px;
}
.weekly-detail .box h3 .choose-element{
    margin-left:20px;
}
.weekly-detail .box h3 .choose-element .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 31px;
}
.weekly-detail .box h3 .choose-element .select2-container .select2-selection--single{
    height: 32px;
}
.weekly-detail .box h3 .choose-element .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:-1px;
}
.weekly-detail .box h3:before{
    content: "";
    width: 2px;
    height: 16px;
    background: #1DC58B;
    border-radius: 1px;
    display: inline-block;
    margin-right:10px;
}
.weekly-detail .btn-group{
    display: block;
}
.weekly-detail .btn-group .btn{
    width:116px;
    height: 32px;
    line-height: 32px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    color: #595959;
    cursor: pointer;
}
.weekly-detail .btn-group .btn:hover{
    color:#1dc58b
}
.weekly-detail .btn-group .btn + .btn{
    margin-left: -1px;
}
.weekly-detail .btn-group > .btn:first-child {
    margin-left: 0;
}
.weekly-detail .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.weekly-detail .btn-group .btn.active {
    border: 1px solid #1dc58b;
    background: #1dc58b;
    color: #fff;
    box-shadow: none;
}
.weekly-detail .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.weekly-detail .chart-com{
    padding-top:40px;
    display: flex;
    flex-wrap: wrap;
}
.weekly-detail .chart-com .tab{
    width:100%;
    margin-bottom:30px;
}
.weekly-detail .chart-com .tab a{
    float: left;
    color:#999999;
    padding:0 6px;
    line-height: 24px;
    border-radius: 4px;
    margin-right:12px;
}
.weekly-detail .chart-com .chart-2{
    width: 100%;
    min-height: 200px;
    margin-bottom:40px;
}
.weekly-detail .chart-com .tab a:hover , .weekly-detail .chart-com .tab a.active{
    color:#fff;
    background: #1DC58C;
}
.weekly-detail .chart-com .chart-box{
    flex:1;
    text-align: center;
    margin-right:157px;
    float: left;
}
.weekly-detail .chart-com .chart-box:last-child{
    margin-right:0
}
.weekly-detail .chart-com .chart-box .chart{
    width: 159px;
    height: 159px;
    margin: 0 auto 7px;
}
.weekly-detail .chart-com .chart-box .chart-data{
    width:128px;
    margin:0 auto 40px;
}
.weekly-detail .chart-com .chart-data p{
    display: block;
    text-align: left;
    color:#333333;
    font-size:12px;
    line-height: 16px;
    padding-top:13px;
}
.weekly-detail .chart-com .chart-data p span{
    float: right;
}
.weekly-detail .chart-com .chart-data p i{
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    display: inline-block;
}
.weekly-detail .chart-com .chart-data p i.i1{
    background: #1DC48B;
}
.weekly-detail .chart-com .chart-data p i.i2{
    background: #E94840;
}
.weekly-detail .chart-com .chart-data p i.i3{
    background: #F9A53E;
}
.weekly-detail .chart-com .chart-data p i.i4{
    background: #FCD340;
}
.weekly-detail .chart-com .chart-data p i.i5{
    background: #3197D8;
}
.weekly-detail .chart-com .chart-data p i.i6{
    background: #195079;
}
.weekly-detail .chart-com.chart-tw .chart-data{
    width:189px;
}
.weekly-detail .table{
    border:0
}
.weekly-detail .table thead{
    border:1px solid #eee;
    border-bottom:0
}
.media-data{
    display: flex;
    align-items: center;
}
.media-data .media-img{
    width: 60px;
    height: 60px;
    margin-right:20px;
}
.media-data .media-img img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.media-data .media-inner{
    flex: 1;
    text-align: left;
}
.media-data .media-inner h4{
    color:#333333;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.media-data .media-inner h4 a{
    color:#333333;
    font-size:16px;
}
.media-data .media-inner h4 span{
    margin-left:20px;
    font-size:13px;
    color:#999999
}
.media-data .media-inner p{
    color:#999999;
    font-size:13px;
    padding-top:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.flex-data{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.flex-data li{
    flex:1;
    min-width:15%;
    padding-left:32px;
    text-align: left;
}
.flex-data li:nth-child(-n+12):nth-child(n+7){
    padding-top:30px;
}
.flex-data li span{
    display: block;
    color:#585858;
    padding-bottom:14px;
}
.flex-data li strong{
    display: block;
    color:#333333;
    font-size:18px;
}
.flex-data li em{
    margin-left:6px;
    font-size:12px;
    font-style: normal;
    font-weight: normal;
}
.flex-data li em.up{
    color:#F5222D
}
.flex-data li em.down{
    color:#1DC58C
}
.weekly-detail .box h5{
    display: block;
    text-align: left;
    color:#333333;
    font-size:16px;
    padding-bottom:20px;
}
.weekly-detail .box .read-left{
    width:100%;
    float: left;
}
.weekly-detail .box .read-left .chart{
    height: 356px;
}
.weekly-detail .box .read-right{
    width: 302px;
    float: right;
    position: relative;
}
.weekly-detail .box .read-right-tab{
    margin-bottom:25px;
}
.weekly-detail .box .read-right-tab .tab-item.active{
    border-top: 2px solid #1dc48b;
    background: #fff;
    border-bottom: none;
}
.weekly-detail .box .read-right-tab .tab-item{
    float: left;
    background: #fafafa;
    height: 42px;
    color:#333333;
    box-sizing: border-box;
    line-height: 42px;
    font-size: 12px;
    width: 33.3%;
    margin-left: 0;
    text-align: center;
    border: 1px solid #EEEEEE;
    border-right: none;
    cursor: pointer;
}
.weekly-detail .box .read-right-tab .tab-item:hover{
    opacity: 0.8;
}
.weekly-detail .table{
   box-shadow: none;
}
.weekly-detail .box .read-right .chart.show{
    display: block !important;
}
.weekly-detail .weekly-detail-table .table tr th:last-child , .weekly-detail .weekly-detail-table .table tr td:last-child{
   padding-right:20px;
}
.weekly-detail .weekly-detail-table .table tr th:first-child , .weekly-detail .weekly-detail-table .table tr td:first-child{
    padding-left:20px;
}
.weekly-detail .weekly-detail-table .table tr td{
    padding-top:18px;
    padding-bottom:18px;
    line-height: 22px;
}
.weekly-detail .weekly-detail-table .table tr{
    border-top:0
}
.weekly-detail .weekly-detail-table .table td a span{
    color:#FFFFFF !important;
    font-size:12px;
    line-height: 20px;
    padding: 0px 10px;
    border-radius: 2px;
    background: #3D94FF;
    display: inline-block;
    margin-left:5px;
}
.weekly-detail .layui-laypage a , .weekly-detail .layui-laypage span{
    text-align: center !important;
}
.weekly-detail a{
    cursor: pointer;
}
.weekly-detail .scroll a strong{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    font-weight: normal;
    float: left;
    max-width:calc(100% - 60px)
}
.com-mask-background{
    position: fixed;
    width: 100%;
    height: 100%;
}
/*首页加动效*/
.new-index-v2 .main-content{
    z-index: 9;
}
.new-index-v2 #particles-js{
    z-index: 1;
    height: 636px;
    margin-top: 102px;
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
.hvr-ripple-out {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
}
.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border-radius: 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
}
.certification-new .section-banner ul li:hover .hvr-ripple-out:before{
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
    border: #1DC58B solid 6px;
}
.move-img {
    animation-name: scaleDraw; /*关键帧名称*/
    animation-timing-function: ease-in-out; /*动画的速度曲线*/
    animation-iteration-count: infinite; /*动画播放的次数*/
    animation-duration: 2s; /*动画所花费的时间*/
}
@keyframes scaleDraw {
    /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
        transform: scale(1); /*开始为原始大小*/
    }
    25% {
        transform: scale(1.05); /*放大1.1倍*/
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.05);
    }
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20% {
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80% {
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}@keyframes tada {
     0% {
         -webkit-transform:scaleX(1);
         transform:scaleX(1)
     }
     10%,20% {
         -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
         transform:scale3d(.9,.9,.9) rotate(-3deg)
     }
     30%,50%,70%,90% {
         -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
         transform:scale3d(1.1,1.1,1.1) rotate(3deg)
     }
     40%,60%,80% {
         -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
         transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
     }
     to {
         -webkit-transform:scaleX(1);
         transform:scaleX(1)
     }
 }.tada {
      -webkit-animation-name:tada;
      animation-name:tada
  }
/*号主认证背景修改*/
.certification-new .header{
    background: #fff;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
}
.certification-new .logol {
    width: 237px;
    height: 39px;
    margin-top:29px;
}
.certification-new .top-member .name {
    color: #999;
}
.certification-new .section-banner{
    background: url("../images/bg-0.png") 0px -100px no-repeat;
    height:560px;
}
.certification-new .section-banner ul li{
    border:0;
}
.certification-new .section-banner ul li strong{
    padding-bottom:0;
    margin-bottom:34px;
    color:#333333;
    line-height: 28px;
}
.certification-new .section-banner ul li strong:after{
    content: "";
    display: block;
    margin:10px auto 0;
    width: 60px;
    height: 4px;
    border-radius: 2px;
}
.certification-new .section-banner ul li:hover strong:after{
    background: #1DC58B;
}
.certification-new .section-banner ul li:hover {
    border: 0;
    background: url("../images/bg-01.png") no-repeat;
    background-size: 334px auto;
    cursor: pointer;
}
.certification-new .section-banner ul li:last-child{
    width:334px;
    box-sizing: border-box;
}
.certification-new .section-banner ul li img{
    padding-bottom:26px;
}
/*.certification-new .section-banner ul li:hover img{*/
    /*-webkit-animation-duration: 1s;*/
    /*animation-duration: 1s;*/
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
    /*-webkit-animation-name: tada;*/
    /*animation-name: tada;*/
/*}*/
.certification-new .section-banner ul li em{
    color:#666666;
    line-height: 18px;
}
.certification-new .section-banner ul li span.btns{
    color:#1DC58B;
    border: 1px solid #1DC58B;

}
.certification-new .section-banner ul li:hover span.btns {
    background: #1DC58B;
    border-color:#1DC58B;
    color:#FFFFFF
}
.phone-logon .input-group input{
    max-width: 166px;
}